@ncds/ui-admin 1.6.4-alpha.1 → 1.7.0

package/dist/types/assets/scripts/notification/const/classNames.d.ts

@@ -0,0 +1,43 @@
+export declare const CLASS_NAMES: {
+    readonly FULL_WIDTH: {
+        readonly BASE: "ncua-full-width-notification";
+        readonly CONTAINER: "ncua-full-width-notification__container";
+        readonly CONTENT: "ncua-full-width-notification__content";
+        readonly CONTENT_WRAPPER: "ncua-full-width-notification__content-wrapper";
+        readonly ICON: "ncua-full-width-notification__icon";
+        readonly TEXT_CONTAINER: "ncua-full-width-notification__text-container";
+        readonly TITLE: "ncua-full-width-notification__title";
+        readonly SUPPORTING_TEXT: "ncua-full-width-notification__supporting-text";
+        readonly ACTIONS_CONTAINER: "ncua-full-width-notification__actions-container";
+        readonly ACTIONS: "ncua-full-width-notification__actions";
+        readonly CLOSE_BUTTON: "ncua-full-width-notification__close-button";
+    };
+    readonly FLOATING: {
+        readonly BASE: "ncua-floating-notification";
+        readonly CONTAINER: "ncua-floating-notification__container";
+        readonly CONTENT: "ncua-floating-notification__content";
+        readonly TEXT_CONTAINER: "ncua-floating-notification__text-container";
+        readonly TITLE_WRAPPER: "ncua-floating-notification__title-wrapper";
+        readonly TITLE: "ncua-floating-notification__title";
+        readonly SUPPORTING_TEXT: "ncua-floating-notification__supporting-text";
+        readonly ACTIONS: "ncua-floating-notification__actions";
+        readonly CLOSE_BUTTON: "ncua-floating-notification__close-button";
+    };
+    readonly MESSAGE: {
+        readonly BASE: "ncua-message-notification";
+        readonly CONTAINER: "ncua-message-notification__container";
+        readonly CONTENT: "ncua-message-notification__content";
+        readonly CONTENT_WRAPPER: "ncua-message-notification__content-wrapper";
+        readonly ICON: "ncua-message-notification__icon";
+        readonly TEXT_CONTAINER: "ncua-message-notification__text-container";
+        readonly TITLE: "ncua-message-notification__title";
+        readonly SUPPORTING_TEXT: "ncua-message-notification__supporting-text";
+        readonly ACTIONS_CONTAINER: "ncua-message-notification__actions-container";
+        readonly ACTIONS: "ncua-message-notification__actions";
+        readonly HIDE_LINK: "ncua-message-notification__hide-link";
+        readonly CLOSE_BUTTON: "ncua-message-notification__close-button";
+    };
+    readonly COMMON: {
+        readonly ACTION_BUTTON: "ncua-notification__action-button";
+    };
+};

package/dist/types/assets/scripts/notification/const/icons.d.ts

@@ -0,0 +1,25 @@
+import type { NotificationColor } from './types';
+export declare const SVG_ICONS: {
+    readonly 'pin-02': (size: string) => string;
+    readonly 'alert-triangle': (size: string) => string;
+    readonly 'alert-circle': (size: string) => string;
+    readonly 'check-circle': (size: string) => string;
+    readonly 'info-circle': (size: string) => string;
+    readonly 'message-chat-square': (size: string) => string;
+    readonly 'x-close': (size: string) => string;
+};
+export declare const FLOATING_ICON_MAP: Partial<Record<NotificationColor, (size: string) => string>>;
+export declare const FULL_WIDTH_ICON_MAP: {
+    readonly neutral: (size: string) => string;
+    readonly error: (size: string) => string;
+    readonly warning: (size: string) => string;
+    readonly success: (size: string) => string;
+    readonly info: (size: string) => string;
+};
+export declare const ICON_MAP: {
+    readonly neutral: (size: string) => string;
+    readonly error: (size: string) => string;
+    readonly warning: (size: string) => string;
+    readonly success: (size: string) => string;
+    readonly info: (size: string) => string;
+};

package/dist/types/assets/scripts/notification/const/index.d.ts

@@ -0,0 +1,5 @@
+export type { NotificationColor, NotificationHierarchy, NotificationAction, BaseNotificationOptions } from './types';
+export { SVG_ICONS, FLOATING_ICON_MAP, FULL_WIDTH_ICON_MAP, ICON_MAP } from './icons';
+export { CLASS_NAMES } from './classNames';
+export { FEATURED_ICON_SIZES, ICON_PIXEL_SIZES, CLOSE_BUTTON_SIZES, CLOSE_BUTTON_SVG_SIZES, FULL_WIDTH_SIZES, MESSAGE_SIZES, getSizes, } from './sizes';
+export { MESSAGE_CLOSE_ICON_COLORS } from './types';

package/dist/types/assets/scripts/notification/const/sizes.d.ts

@@ -0,0 +1,32 @@
+export declare const FEATURED_ICON_SIZES: {
+    readonly MOBILE: "md";
+    readonly DESKTOP: "sm";
+};
+export declare const ICON_PIXEL_SIZES: {
+    readonly MOBILE: "20";
+    readonly DESKTOP: "16";
+    readonly FULL_WIDTH: "16";
+};
+export declare const CLOSE_BUTTON_SIZES: {
+    readonly MOBILE: "sm";
+    readonly DESKTOP: "xs";
+};
+export declare const CLOSE_BUTTON_SVG_SIZES: {
+    readonly xs: 16;
+    readonly sm: 20;
+};
+export declare const FULL_WIDTH_SIZES: {
+    readonly ICON: "16";
+    readonly CLOSE_BUTTON: "20";
+};
+export declare const MESSAGE_SIZES: {
+    readonly FEATURED_ICON: "lg";
+    readonly ICON_PIXEL: "24";
+    readonly CLOSE_BUTTON: "20";
+};
+export declare const getSizes: {
+    readonly featuredIcon: (isMobile: boolean) => "sm" | "md";
+    readonly iconPixel: (isMobile: boolean) => "16" | "20";
+    readonly closeButton: (isMobile: boolean) => "xs" | "sm";
+    readonly closeButtonSvg: (size: keyof typeof CLOSE_BUTTON_SVG_SIZES) => 16 | 20;
+};

package/dist/types/assets/scripts/notification/const/types.d.ts

@@ -0,0 +1,19 @@
+export type NotificationColor = 'neutral' | 'error' | 'warning' | 'success' | 'info';
+export type NotificationHierarchy = 'link' | 'link-gray';
+export interface NotificationAction {
+    label: string;
+    onClick: () => void;
+    hierarchy?: NotificationHierarchy;
+}
+export interface BaseNotificationOptions {
+    title: string;
+    supportingText?: string;
+    color?: NotificationColor;
+    onClose?: () => void;
+    className?: string;
+    actions?: NotificationAction[];
+    autoClose?: number;
+    supportTextLink?: string;
+    onHidePermanently?: () => void;
+}
+export declare const MESSAGE_CLOSE_ICON_COLORS: Record<NotificationColor, string>;

package/dist/types/assets/scripts/notification/index.d.ts

@@ -0,0 +1,7 @@
+export { Notification, type NotificationOptions } from './Notification';
+export { FullWidthNotification, type FullWidthNotificationOptions } from './FullWidthNotification';
+export { FloatingNotification, type FloatingNotificationOptions } from './FloatingNotification';
+export { MessageNotification, type MessageNotificationOptions } from './MessageNotification';
+export * from './utils';
+export type { NotificationColor, NotificationHierarchy, NotificationAction, BaseNotificationOptions } from './const';
+export { SVG_ICONS, CLASS_NAMES, ICON_MAP, FLOATING_ICON_MAP, FULL_WIDTH_ICON_MAP } from './const';

package/dist/types/assets/scripts/notification/utils.d.ts

@@ -0,0 +1,8 @@
+import type { NotificationColor, NotificationAction } from './const';
+export declare function createWrapperElement(baseClass: string, color: NotificationColor, className?: string): HTMLElement;
+export declare function buildClassName(baseClass: string, color: NotificationColor, className?: string): string;
+export declare function renderSupportingText(supportingText?: string, className?: string, supportTextLink?: string): string;
+export declare function renderActions(actions: NotificationAction[], wrapperClass: string): string;
+export declare function bindNotificationEvents(element: HTMLElement, actions: NotificationAction[], onClose?: () => void, onRemove?: () => void): void;
+export declare function setupAutoClose(autoClose: number, onClose?: () => void, onRemove?: () => void): number | undefined;
+export declare const isMobile: () => boolean;

package/dist/types/assets/scripts/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,67 @@
+/**
+ * ProgressBar 클래스
+ * 프로그레스 바를 생성하고 관리하는 역할을 합니다.
+ */
+export type ProgressLabel = 'right' | 'bottom' | 'top-float' | 'bottom-float';
+export interface ProgressSegment {
+    value: number;
+    color?: string;
+}
+export interface ProcessedSegment extends ProgressSegment {
+    width: number;
+}
+export interface ProgressBarOptions {
+    label?: ProgressLabel;
+    value?: number;
+    segments?: ProgressSegment[];
+    showZeroLabel?: boolean;
+    valueToPercent?: boolean;
+}
+/**
+ * ProgressBar 클래스
+ */
+export declare class ProgressBar {
+    private options;
+    private element;
+    constructor(options?: ProgressBarOptions);
+    /**
+     * segments 처리 로직
+     */
+    private processSegments;
+    /**
+     * 단일 라벨 HTML 생성
+     */
+    private renderSingleLabel;
+    /**
+     * segments 라벨 HTML 생성
+     */
+    private renderSegmentLabels;
+    /**
+     * segment bar HTML 생성
+     */
+    private renderSegmentBar;
+    /**
+     * HTML 문자열 생성
+     */
+    toHTML(): string;
+    /**
+     * DOM 요소 생성
+     */
+    toElement(): HTMLElement;
+    /**
+     * 요소 반환
+     */
+    getElement(): HTMLElement | null;
+    /**
+     * 옵션 업데이트
+     */
+    updateOptions(newOptions: Partial<ProgressBarOptions>): void;
+    /**
+     * Static factory method
+     */
+    static create(options?: ProgressBarOptions): ProgressBar;
+    /**
+     * Static method: HTML 문자열 생성
+     */
+    static toHTML(options: ProgressBarOptions): string;
+}

package/dist/types/assets/scripts/progress-bar/index.d.ts

@@ -0,0 +1 @@
+export { ProgressBar, type ProgressBarOptions, type ProgressLabel, type ProgressSegment } from './ProgressBar';

package/dist/types/assets/scripts/selectBox.d.ts

@@ -0,0 +1,50 @@
+import { OptionValue } from '../../src/types';
+import { BaseBox } from './baseBox';
+import { DropdownOption } from './utils/unifiedBox/dropdownModel';
+export interface SelectBoxOptionType {
+    id: string | number;
+    text: string;
+    disabled?: boolean;
+}
+export interface SelectBoxConfig {
+    options?: DropdownOption[] | SelectBoxOptionType[];
+    placeholder?: string;
+    value?: OptionValue;
+    onChange?: (value: OptionValue) => void;
+    maxHeight?: number;
+    disabled?: boolean;
+    type?: 'default' | 'simple';
+    size?: 'xs' | 'sm' | 'md';
+    multiple?: boolean;
+    showFooterButtons?: boolean;
+    onEdit?: () => void;
+    onSelectAll?: () => void;
+    onComplete?: () => void;
+}
+export declare class SelectBox extends BaseBox {
+    protected get defaultPlaceholder(): string;
+    constructor(element: HTMLElement, config?: SelectBoxConfig);
+    /**
+     * JavaScript 옵션을 DropdownOption 형식으로 변환
+     */
+    private normalizeOptions;
+    /**
+     * HTML select에서 옵션 파싱
+     */
+    private parseOptionsFromHTML;
+    /**
+     * 값 변환 - originalValue 매핑
+     */
+    protected resolveValue(value: string | number): string;
+    /**
+     * ID로부터 실제 HTML select의 value 값을 가져오기
+     */
+    private getRealValueFromId;
+    /**
+     * 실제 HTML select의 value 값으로부터 내부 ID를 가져오기
+     */
+    private getIdFromRealValue;
+    getValues(): DropdownOption[];
+    setValues(value: DropdownOption[]): void;
+    getSelectedCount(): number;
+}

package/dist/types/assets/scripts/shared/ButtonCloseX.d.ts

@@ -0,0 +1,5 @@
+export type ButtonCloseXSize = 'xs' | 'sm' | 'md' | 'lg';
+export type ButtonCloseXTheme = 'dark' | 'light';
+export declare const SVG_SIZE: Record<ButtonCloseXSize, number>;
+export declare const X_CLOSE_SVG: (size: string) => string;
+export declare function ButtonCloseX(size: ButtonCloseXSize, theme?: ButtonCloseXTheme, additionalClasses?: string, ariaLabel?: string, onClick?: () => void): string;

package/dist/types/assets/scripts/slider.d.ts

@@ -39,4 +39,3 @@ export declare class Slider {
     enable(): void;
     destroy(): void;
 }
-//# sourceMappingURL=slider.d.ts.map

package/dist/types/assets/scripts/tab.d.ts

@@ -0,0 +1,7 @@
+export declare class Tab {
+    private element;
+    private swiper;
+    constructor(element: HTMLElement | null);
+    private init;
+    destroy(): void;
+}

package/dist/types/assets/scripts/tag/Tag.d.ts

@@ -0,0 +1,27 @@
+import { BaseTagOptions } from './const/types';
+export declare class Tag {
+    private element;
+    private options;
+    private isTooltipVisible;
+    private calculatedPosition;
+    private tooltipElement;
+    constructor(options: BaseTagOptions);
+    private createElement;
+    private getTagClasses;
+    private shouldTruncate;
+    private getTruncatedText;
+    private createSideSlot;
+    private createIconSVG;
+    private createCloseButton;
+    private createTooltip;
+    private removeTooltip;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    getElement(): HTMLSpanElement;
+    isTooltipShown(): boolean;
+    setText(text: string): void;
+    setCount(count: string | undefined): void;
+    private updateTextElement;
+    private updateCountElement;
+    destroy(): void;
+}

package/dist/types/assets/scripts/tag/const/classNames.d.ts

@@ -0,0 +1,11 @@
+export declare const TAG_CLASS_NAMES: {
+    tag: string;
+    text: string;
+    count: string;
+    close: string;
+    tooltip: string;
+    tooltipContent: string;
+    truncated: string;
+};
+export declare const getTagSizeClassName: (size: string) => string;
+export declare const getTooltipPositionClassName: (position: string) => string;

package/dist/types/assets/scripts/tag/const/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './classNames';
+export * from './sizes';

package/dist/types/assets/scripts/tag/const/sizes.d.ts

@@ -0,0 +1,7 @@
+export declare const iconSize: {
+    readonly sm: 14;
+    readonly md: 16;
+};
+export declare const MARGIN = 10;
+export declare const DEFAULT_TOOLTIP_WIDTH = 200;
+export declare const DEFAULT_TOOLTIP_HEIGHT = 60;

package/dist/types/assets/scripts/tag/const/types.d.ts

@@ -0,0 +1,33 @@
+import { CalculatedPosition } from '../../../../src/components/tag/Tag';
+export type TagSize = 'sm' | 'md';
+export type { CalculatedPosition };
+export interface SideSlotIcon {
+    type: 'icon';
+    icon: string;
+    color?: string;
+}
+export interface SideSlotDot {
+    type: 'dot';
+    color?: string;
+    size?: 'sm' | 'md';
+}
+export interface SideSlotCustom {
+    type: 'custom';
+    children: HTMLElement;
+}
+export type SideSlotType = SideSlotIcon | SideSlotDot | SideSlotCustom;
+export interface BaseTagOptions {
+    size?: TagSize;
+    icon?: SideSlotType;
+    text: string;
+    count?: string;
+    close?: boolean;
+    onButtonClick?: (event: MouseEvent) => void;
+    maxLength?: number;
+}
+export interface RequiredTagProps extends Required<Pick<BaseTagOptions, 'text' | 'size' | 'maxLength'>> {
+    icon?: SideSlotType;
+    count?: string;
+    close?: boolean;
+    onButtonClick?: (event: MouseEvent) => void;
+}

package/dist/types/assets/scripts/tag/index.d.ts

@@ -0,0 +1,3 @@
+export { Tag } from './Tag';
+export * from './const/types';
+export * from './const/classNames';

package/dist/types/assets/scripts/tooltip/Tooltip.d.ts

@@ -0,0 +1,54 @@
+import { TooltipOptions } from './const';
+/**
+ * Tooltip 클래스
+ * 툴팁 패널 패턴을 사용하여 툴팁을 생성합니다.
+ * 툴팁 패널 패턴은 바깥 컨테이너(항상 pointer-events:none) + 실제 패널(클릭 허용) 패턴을 사용합니다.
+ * 레이어 1개 아래에 여러개의 패널과 툴팁이 생성되어 화면에 삽입됩니다.
+ * 자동 위치조정 ( 공간이 부족하다면 상하좌우를 조절하는 기능 - 기본값: top )을 사용합니다.
+ * Shadow DOM 지원
+ */
+export declare class Tooltip {
+    private element;
+    private iconElement;
+    private layerManager;
+    private panelId;
+    private panel;
+    private calculatedPosition;
+    private isVisible;
+    private isMeasuring;
+    private isForceHidden;
+    private options;
+    private boundMouseEnter;
+    private boundMouseLeave;
+    private boundResizeScroll;
+    private boundPanelClick;
+    constructor(options?: TooltipOptions);
+    private createElement;
+    private buildAnchorClassName;
+    private buildPanelClassName;
+    private renderContentHTML;
+    private renderCloseButtonHTML;
+    /** 전역 레이어에 패널 생성 */
+    private createLayerAndPanel;
+    private setupShadowContent;
+    private bindEvents;
+    private enableMouseEvents;
+    private disableMouseEvents;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleResizeScroll;
+    private handlePanelClick;
+    showTooltip(): void;
+    hideTooltip(): void;
+    private updateTooltipPosition;
+    private updatePanelClass;
+    getElement(): HTMLElement;
+    updateOptions(newOptions: Partial<TooltipOptions>): void;
+    destroy(): void;
+    static create(options?: TooltipOptions): Tooltip;
+    static createShort(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
+    static createLong(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
+    static createAuto(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
+    static createAutoLong(title: string, content?: string, options?: Partial<TooltipOptions>): Tooltip;
+    static createAutoLongWithShadowDOM(title: string, content: string, options?: Partial<TooltipOptions>): Tooltip;
+}

package/dist/types/assets/scripts/tooltip/TooltipLayerManager.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 툴팁 레이어 관리자
+ * 전역 레이어 하나를 사용하여 모든 툴팁 패널을 관리합니다.
+ */
+export declare class TooltipLayerManager {
+    private static instance;
+    private layer;
+    private panels;
+    private nextId;
+    private maxZIndex;
+    private constructor();
+    static getInstance(): TooltipLayerManager;
+    private createGlobalLayer;
+    createPanel(zIndex?: number): {
+        id: string;
+        panel: HTMLElement;
+    };
+    removePanel(id: string): void;
+    getPanel(id: string): HTMLElement | null;
+    destroy(): void;
+}

package/dist/types/assets/scripts/tooltip/const/classNames.d.ts

@@ -0,0 +1,17 @@
+export declare const CLASS_NAMES: {
+    TOOLTIP: string;
+    TOOLTIP_ICON: string;
+    TOOLTIP_BG: string;
+    TOOLTIP_TITLE: string;
+    TOOLTIP_CONTENT: string;
+    TOOLTIP_CLOSE_BUTTON: string;
+    TOOLTIP_HIDDEN_ARROW: string;
+    TOOLTIP_STROKE: string;
+    TOOLTIP_AUTO: string;
+    TOOLTIP_BG_VISIBLE: string;
+    TOOLTIP_BG_MEASURING: string;
+    TOOLTIP_BG_FORCE_HIDDEN: string;
+    TOOLTIP_GLOBAL_LAYER: string;
+    TOOLTIP_PANEL: string;
+    BUTTON_CLOSE_X: string;
+};

package/dist/types/assets/scripts/tooltip/const/constants.d.ts

@@ -0,0 +1,33 @@
+import { TooltipOptions } from './types';
+export declare const MARGIN = 10;
+export declare const DEFAULT_TOOLTIP_WIDTH = 200;
+export declare const DEFAULT_TOOLTIP_HEIGHT = 60;
+export declare const POSITION_PRIORITY: readonly ["bottom", "top", "right", "left"];
+export declare const TOOLTIP_OFFSET = 8;
+export declare const VIEWPORT_MARGIN = 8;
+export declare const ICON_SIZES: {
+    readonly sm: 14;
+    readonly md: 16;
+};
+export declare const TRANSITION_DURATION = "0.18s";
+export declare const OFFSCREEN_POSITION = "-99999px";
+export declare const OPACITY: {
+    readonly HIDDEN: "0";
+    readonly VISIBLE: "1";
+};
+export declare const POSITION: {
+    readonly INITIAL: "0px";
+    readonly OFFSCREEN: "-99999px";
+};
+export declare const Z_INDEX: {
+    readonly TOOLTIP_LAYER: 2000;
+};
+export declare const EVENT_OPTIONS: {
+    readonly PASSIVE: {
+        readonly passive: true;
+    };
+    readonly ONCE: {
+        readonly once: true;
+    };
+};
+export declare const TOOLTIP_DEFAULT_VALUE: TooltipOptions;

package/dist/types/assets/scripts/tooltip/const/icons.d.ts

@@ -0,0 +1,4 @@
+export declare const SVG_ICONS: {
+    readonly 'help-circle-stroke': (size: number) => string;
+    readonly 'help-circle-fill': (size: number) => string;
+};

package/dist/types/assets/scripts/tooltip/const/index.d.ts

@@ -0,0 +1,5 @@
+export type { TooltipOptions, CalculatedPosition } from './types';
+export { SVG_ICONS } from './icons';
+export { CLASS_NAMES } from './classNames';
+export { MARGIN, DEFAULT_TOOLTIP_WIDTH, DEFAULT_TOOLTIP_HEIGHT, POSITION_PRIORITY, TOOLTIP_DEFAULT_VALUE, TOOLTIP_OFFSET, VIEWPORT_MARGIN, ICON_SIZES, TRANSITION_DURATION, OFFSCREEN_POSITION, OPACITY, POSITION, Z_INDEX, EVENT_OPTIONS, } from './constants';
+export { CSS_TEMPLATES, HTML_TEMPLATES, FALLBACK_ICON_SVG } from './templates';

package/dist/types/assets/scripts/tooltip/const/templates.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 툴팁 관련 CSS 및 HTML 템플릿
+ */
+export declare const CSS_TEMPLATES: {
+    readonly LAYER_CONTAINER: (zIndex: number) => string;
+    readonly TOOLTIP_PANEL: (zIndex: number) => string;
+    readonly ANCHOR_WRAPPER: "\n    display: inline-flex;\n    vertical-align: middle;\n    margin: 0 4px;\n  ";
+    readonly SHADOW_DOM_HOST: "\n    :host { \n      all: unset; \n      display: block; \n      font-family: system-ui; \n      color: black; \n    }\n  ";
+};
+export declare const HTML_TEMPLATES: {
+    readonly ICON_WRAPPER: (className: string, iconSvg: string) => string;
+    readonly TOOLTIP_TITLE: (className: string, title: string) => string;
+    readonly TOOLTIP_CONTENT: (className: string, content: string) => string;
+    readonly TOOLTIP_CONTENT_SHADOW: (className: string) => string;
+};
+export declare const FALLBACK_ICON_SVG: (size: number) => string;

package/dist/types/assets/scripts/tooltip/const/types.d.ts

@@ -0,0 +1,14 @@
+export interface TooltipOptions {
+    tooltipType?: 'white' | 'black';
+    iconType?: 'stroke' | 'fill';
+    position?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'auto';
+    size?: 'sm' | 'md';
+    hideArrow?: boolean;
+    title?: string;
+    content?: string;
+    type?: 'long' | 'short';
+    zIndex?: number;
+    useShadowDOM?: boolean;
+    className?: string;
+}
+export type CalculatedPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';

package/dist/types/assets/scripts/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+import { Tooltip } from './Tooltip';
+export { Tooltip } from './Tooltip';
+export type { TooltipOptions, CalculatedPosition } from './const';
+export { calculateOptimalPosition } from './utils';
+export { SVG_ICONS, MARGIN, DEFAULT_TOOLTIP_WIDTH, DEFAULT_TOOLTIP_HEIGHT, POSITION_PRIORITY } from './const';
+export default Tooltip;

package/dist/types/assets/scripts/tooltip/utils.d.ts

@@ -0,0 +1,2 @@
+import { CalculatedPosition } from './const';
+export declare function calculateOptimalPosition(triggerElement: HTMLElement, tooltipElement: HTMLElement, preferredPosition?: string): CalculatedPosition;

package/dist/types/assets/scripts/utils/debounce.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 디바운스 유틸리티
+ * 마지막 호출 후 지정된 시간이 지나야 콜백이 실행됨
+ */
+export declare function debounce<T extends (...args: any[]) => any>(fn: T, ms: number): {
+    (...args: Parameters<T>): void;
+    cancel: () => void;
+};