@ncds/ui-admin 1.2.2 → 1.4.1

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

@@ -0,0 +1,20 @@
+export declare const IMAGE_FILE_INPUT_CLASS_NAMES: {
+    imageFileInput: string;
+    previews: string;
+    previewContainer: string;
+    previewImage: string;
+    previewRemoveButton: string;
+    fileInput: string;
+    inputContainer: string;
+    label: string;
+    helpIcon: string;
+    hintText: string;
+    hintList: string;
+    hintItem: string;
+};
+export declare const getImageFileInputSizeClassName: (size: string) => string;
+export declare const getFileInputSizeClassName: (size: string) => string;
+export declare const getButtonSizeClassName: (size: string) => string;
+export declare const getLabelClassName: (isRequired?: boolean) => "ncua-label" | "ncua-label ncua-label--required";
+export declare const getHintTextClassName: (destructive?: boolean) => "ncua-input__hint-text" | "ncua-input__hint-text ncua-input__hint-text--destructive";
+//# sourceMappingURL=classNames.d.ts.map

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

@@ -0,0 +1,3 @@
+export * from './classNames';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,126 @@
+export declare enum ImageFileInputErrorType {
+    ALREADY_UPLOADED = "ALREADY_UPLOADED",
+    EXCEED_MAX_FILE_SIZE = "EXCEED_MAX_FILE_SIZE",
+    EXCEED_MAX_FILE_COUNT = "EXCEED_MAX_FILE_COUNT"
+}
+export interface InvalidFile extends Omit<File, 'constructor'> {
+    errorType: ImageFileInputErrorType;
+}
+export type ImageFileInputSize = 'xs' | 'sm' | 'md' | 'lg';
+export type UploadedFile = {
+    fileName: string;
+    fileImageUrl?: string;
+};
+export interface BaseImageFileInputOptions {
+    /**
+     * Size of the input
+     */
+    size?: ImageFileInputSize;
+    /**
+     * Accepted file types
+     * e.g. '.jpg,.png,.pdf' or 'image/*'
+     */
+    accept?: string;
+    /**
+     * Allow multiple file selection
+     */
+    multiple?: boolean;
+    /**
+     * Maximum number of files
+     */
+    maxFileCount?: number;
+    /**
+     * Maximum file size in bytes
+     */
+    maxFileSize?: number;
+    /**
+     * Initial files (controlled mode)
+     */
+    value?: File[];
+    /**
+     * Callback when files change (controlled mode)
+     */
+    onChange?: (files: File[]) => void;
+    /**
+     * Callback when files are selected (uncontrolled mode)
+     */
+    onFileSelect?: (files: File[]) => void;
+    /**
+     * Callback when file selection fails
+     */
+    onFail?: (files: InvalidFile[]) => void;
+    /**
+     * Label shown on the button
+     */
+    buttonLabel?: string;
+    /**
+     * Label shown on the image preview
+     */
+    imagePreviewTooltipLabel?: string;
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Hint text items to display as a list
+     */
+    hintItems?: string[];
+    /**
+     * Whether the input is required
+     */
+    isRequired?: boolean;
+    /**
+     * Whether to show the help icon
+     */
+    showHelpIcon?: boolean;
+    /**
+     * Hint text to display
+     */
+    hintText?: string;
+    /**
+     * Validation state
+     */
+    validation?: boolean;
+    /**
+     * Destructive state
+     */
+    destructive?: boolean;
+    /**
+     * Name attribute for file input (for PHP form submission)
+     */
+    fileInputName?: string;
+    /**
+     * Container element or selector to automatically append the image file input
+     * Can be a DOM element, element ID, or CSS selector
+     */
+    container?: HTMLElement | string;
+    /**
+     * Additional CSS class names to add to the main image file input element
+     */
+    className?: string;
+}
+export interface RequiredImageFileInputProps extends Required<Pick<BaseImageFileInputOptions, 'size' | 'buttonLabel' | 'imagePreviewTooltipLabel'>> {
+    accept?: string;
+    multiple: boolean;
+    maxFileCount?: number;
+    maxFileSize?: number;
+    value?: File[];
+    onChange?: (files: File[]) => void;
+    onFileSelect?: (files: File[]) => void;
+    onFail?: (files: InvalidFile[]) => void;
+    disabled: boolean;
+    label?: string;
+    hintItems?: string[];
+    isRequired?: boolean;
+    showHelpIcon?: boolean;
+    hintText?: string;
+    validation?: boolean;
+    destructive?: boolean;
+    fileInputName?: string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1,4 @@
+export * from './const/classNames';
+export * from './const/types';
+export { ImageFileInput } from './ImageFileInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,33 @@
+import { ComboBox } from './comboBox';
+import { DatePicker } from './datePicker';
+import { FeaturedIcon } from './featuredIcon';
+import { FileInput } from './fileInput';
+import { ImageFileInput } from './imageFileInput';
+import { Modal } from './modal';
+import { Notification } from './notification';
+import { ProgressBar } from './progress-bar';
+import { SelectBox } from './selectBox';
+import { Slider } from './slider';
+import { Tab } from './tab';
+import { Tag } from './tag';
+import { Tooltip } from './tooltip';
 declare global {
     interface Window {
-        ncua: Object;
+        ncua: {
+            Slider?: typeof Slider;
+            Tab?: typeof Tab;
+            Tag?: typeof Tag;
+            DatePicker?: typeof DatePicker;
+            FeaturedIcon?: typeof FeaturedIcon;
+            FileInput?: typeof FileInput;
+            Modal?: typeof Modal;
+            Notification?: typeof Notification;
+            ProgressBar?: typeof ProgressBar;
+            Tooltip?: typeof Tooltip;
+            SelectBox?: typeof SelectBox;
+            ComboBox?: typeof ComboBox;
+            ImageFileInput?: typeof ImageFileInput;
+        };
     }
 }
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/types/assets/scripts/modal/Modal.d.ts

@@ -0,0 +1,28 @@
+import { BaseModalOptions } from './const/types';
+import { ModalHeader } from './ModalHeader';
+import { ModalContent } from './ModalContent';
+import { ModalActions } from './ModalActions';
+export declare class Modal {
+    private element;
+    private modalElement;
+    private isOpen;
+    private options;
+    constructor(options?: BaseModalOptions);
+    private createElement;
+    private getBackdropClasses;
+    private getModalClasses;
+    private handleBackdropClick;
+    private handleKeyDown;
+    open(): void;
+    close(): void;
+    destroy(): void;
+    setContent(content: string | HTMLElement): void;
+    getElement(): HTMLDivElement;
+    getModalElement(): HTMLDivElement;
+    isModalOpen(): boolean;
+    static create(options?: BaseModalOptions): Modal;
+    static Header: typeof ModalHeader;
+    static Content: typeof ModalContent;
+    static Actions: typeof ModalActions;
+}
+//# sourceMappingURL=Modal.d.ts.map

package/dist/types/assets/scripts/modal/ModalActions.d.ts

@@ -0,0 +1,19 @@
+import { ModalActionsProps } from './const/types';
+export declare class ModalActions {
+    private wrapperElement;
+    private actionsElement;
+    private options;
+    constructor(content?: string | HTMLElement, options?: ModalActionsProps);
+    private createElement;
+    getElement(): HTMLDivElement;
+    getActionsElement(): HTMLDivElement;
+    getHTML(): string;
+    appendTo(parent: HTMLElement): void;
+    setContent(content: string | HTMLElement | HTMLElement[]): void;
+    addAction(action: string | HTMLElement): void;
+    clear(): void;
+    setCheckboxContent(content: string | HTMLElement): void;
+    addDivider(): HTMLElement;
+    static create(content?: string | HTMLElement, options?: ModalActionsProps): ModalActions;
+}
+//# sourceMappingURL=ModalActions.d.ts.map

package/dist/types/assets/scripts/modal/ModalContent.d.ts

@@ -0,0 +1,14 @@
+export declare class ModalContent {
+    private element;
+    constructor(content?: string | HTMLElement);
+    private createElement;
+    getElement(): HTMLDivElement;
+    getHTML(): string;
+    appendTo(parent: HTMLElement): void;
+    setContent(content: string | HTMLElement): void;
+    clear(): void;
+    getText(): string;
+    getInnerHTML(): string;
+    static create(content?: string | HTMLElement): ModalContent;
+}
+//# sourceMappingURL=ModalContent.d.ts.map

package/dist/types/assets/scripts/modal/ModalHeader.d.ts

@@ -0,0 +1,16 @@
+import { ModalHeaderProps } from './const/types';
+export declare class ModalHeader {
+    private element;
+    private options;
+    constructor(options?: ModalHeaderProps);
+    private createElement;
+    getElement(): HTMLElement;
+    getHTML(): string;
+    appendTo(parent: HTMLElement): void;
+    setTitle(title: string): void;
+    setSubtitle(subtitle: string): void;
+    setCloseHandler(handler: () => void): void;
+    addDivider(): HTMLElement;
+    static create(options?: ModalHeaderProps): ModalHeader;
+}
+//# sourceMappingURL=ModalHeader.d.ts.map

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

@@ -0,0 +1,23 @@
+export declare const MODAL_CLASS_NAMES: {
+    backdrop: string;
+    modal: string;
+    modalOpen: string;
+    header: string;
+    title: string;
+    titleText: string;
+    titleSubtitle: string;
+    closeButton: string;
+    headerDivider: string;
+    content: string;
+    actionsWrapper: string;
+    actionsWrapperCheckbox: string;
+    actions: string;
+    actionsDivider: string;
+    actionsCheckbox: string;
+    actionsCheckboxContent: string;
+};
+export declare const getModalSizeClassNames: (size: string) => string;
+export declare const getModalHeaderAlignClassNames: (align: string) => string;
+export declare const getModalActionsLayoutClassNames: (layout: string) => string;
+export declare const getModalActionsAlignClassNames: (align: string) => string;
+//# sourceMappingURL=classNames.d.ts.map

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

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './classNames';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,62 @@
+import { ModalSize, ModalHeaderAlign, ModalActionsLayout } from '../../../../src/components/modal/Modal';
+import { FeaturedIconOptions } from '../../featuredIcon';
+export type { ModalSize, ModalHeaderAlign, ModalAlign, ModalActionsLayout, ModalProps as ReactModalProps, ModalHeaderProps as ReactModalHeaderProps, ModalContentProps as ReactModalContentProps, ModalActionsProps as ReactModalActionsProps, } from '../../../../src/components/modal/Modal';
+export type { FeaturedIconOptions } from '../../featuredIcon';
+export interface ModalProps {
+    isOpen?: boolean;
+    size?: ModalSize;
+    closeOnBackdropClick?: boolean;
+    closeOnEsc?: boolean;
+    className?: string;
+    zIndex?: number;
+    onClose?: () => void;
+}
+export interface RequiredModalProps extends ModalProps {
+    size: ModalSize;
+    closeOnBackdropClick: boolean;
+    closeOnEsc: boolean;
+    className: string;
+    onClose: () => void;
+}
+export interface BaseModalOptions extends ModalProps {
+}
+export interface ModalHeaderProps {
+    children?: string | HTMLElement;
+    onClose?: () => void;
+    featuredIcon?: FeaturedIconOptions;
+    align?: ModalHeaderAlign;
+    title?: string;
+    subtitle?: string;
+    showDivider?: boolean;
+    hideCloseButton?: boolean;
+}
+export interface ModalContentProps {
+    children: string | HTMLElement;
+}
+export interface RequiredModalHeaderProps extends ModalHeaderProps {
+    children?: string | HTMLElement;
+    onClose?: () => void;
+    featuredIcon?: FeaturedIconOptions;
+    align: ModalHeaderAlign;
+    title: string;
+    subtitle: string;
+    showDivider: boolean;
+    hideCloseButton: boolean;
+}
+export interface ModalActionsProps {
+    children?: string | HTMLElement | HTMLElement[];
+    layout?: ModalActionsLayout;
+    showDivider?: boolean;
+    align?: 'left' | 'center' | 'right' | 'stretch';
+    fullWidth?: boolean;
+    checkboxContent?: string | HTMLElement;
+}
+export interface RequiredModalActionsProps extends ModalActionsProps {
+    children?: string | HTMLElement | HTMLElement[];
+    layout: ModalActionsLayout;
+    showDivider: boolean;
+    align: 'left' | 'center' | 'right' | 'stretch';
+    fullWidth: boolean;
+    checkboxContent: string | HTMLElement | undefined;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1,8 @@
+import { Modal } from './Modal';
+import { ModalHeader } from './ModalHeader';
+import { ModalContent } from './ModalContent';
+import { ModalActions } from './ModalActions';
+export { Modal, ModalHeader, ModalContent, ModalActions };
+export type { ModalProps, ModalHeaderProps, ModalContentProps, ModalActionsProps, ModalSize, ModalHeaderAlign, ModalActionsLayout, FeaturedIconOptions, } from './const/types';
+export * from './const';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/assets/scripts/modal/utils/contentUtils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 문자열이 HTML 태그를 포함하는지 확인
+ */
+export declare function isHTMLString(str: string): boolean;
+/**
+ * 요소에 콘텐츠를 안전하게 설정
+ * HTML 구조면 innerHTML, 일반 텍스트면 textContent 사용
+ * HTMLElement인 경우 outerHTML을 사용하여 string으로 변환
+ */
+export declare function setElementContent(element: HTMLElement, content: string | HTMLElement): void;
+//# sourceMappingURL=contentUtils.d.ts.map

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

@@ -0,0 +1,25 @@
+import type { BaseNotificationOptions } from './const';
+export interface FloatingNotificationOptions extends BaseNotificationOptions {
+    type?: 'floating';
+}
+export declare class FloatingNotification {
+    private element;
+    private options;
+    private autoCloseTimer?;
+    private featuredIcon?;
+    private mobileCleanup?;
+    constructor(options: FloatingNotificationOptions);
+    private createElement;
+    private buildTemplate;
+    private renderCloseButton;
+    private setupMobileListener;
+    private updateMobileStyles;
+    private bindEvents;
+    private setupAutoClose;
+    getElement(): HTMLElement;
+    appendTo(parent: HTMLElement): void;
+    remove(): void;
+    destroy(): void;
+    static create(options: FloatingNotificationOptions): FloatingNotification;
+}
+//# sourceMappingURL=FloatingNotification.d.ts.map

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

@@ -0,0 +1,22 @@
+import type { BaseNotificationOptions } from './const';
+export interface FullWidthNotificationOptions extends BaseNotificationOptions {
+    type?: 'full-width';
+}
+export declare class FullWidthNotification {
+    private element;
+    private options;
+    private autoCloseTimer?;
+    constructor(options: FullWidthNotificationOptions);
+    private createElement;
+    private buildTemplate;
+    private renderHidePermanentlyButton;
+    private renderCloseButton;
+    private bindEvents;
+    private setupAutoClose;
+    getElement(): HTMLElement;
+    appendTo(parent: HTMLElement): void;
+    remove(): void;
+    destroy(): void;
+    static create(options: FullWidthNotificationOptions): FullWidthNotification;
+}
+//# sourceMappingURL=FullWidthNotification.d.ts.map

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

@@ -0,0 +1,22 @@
+import type { NotificationColor, BaseNotificationOptions } from './const';
+export interface NotificationOptions extends BaseNotificationOptions {
+    type?: 'full-width' | 'floating';
+}
+export declare class Notification {
+    private instance;
+    constructor(options: NotificationOptions);
+    getElement(): HTMLElement;
+    appendTo(parent: HTMLElement): void;
+    remove(): void;
+    destroy(): void;
+    show(parent?: HTMLElement): void;
+    static create(options: NotificationOptions): Notification;
+    static createWithColor(color: NotificationColor, title: string, supportingText?: string, options?: Partial<NotificationOptions>): Notification;
+    static success(title: string, supportingText?: string, options?: Partial<NotificationOptions>): Notification;
+    static error(title: string, supportingText?: string, options?: Partial<NotificationOptions>): Notification;
+    static warning(title: string, supportingText?: string, options?: Partial<NotificationOptions>): Notification;
+    static info(title: string, supportingText?: string, options?: Partial<NotificationOptions>): Notification;
+    static neutral(title: string, supportingText?: string, options?: Partial<NotificationOptions>): Notification;
+    static showFullWidth(options: Omit<NotificationOptions, 'type'>): Notification;
+}
+//# sourceMappingURL=Notification.d.ts.map

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

@@ -0,0 +1,30 @@
+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 COMMON: {
+        readonly ACTION_BUTTON: "ncua-notification__action-button";
+    };
+};
+//# sourceMappingURL=classNames.d.ts.map

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

@@ -0,0 +1,26 @@
+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;
+};
+//# sourceMappingURL=icons.d.ts.map

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, getSizes, } from './sizes';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,28 @@
+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 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;
+};
+//# sourceMappingURL=sizes.d.ts.map

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;
+}
+//# sourceMappingURL=types.d.ts.map

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 * 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';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,9 @@
+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;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1,68 @@
+/**
+ * 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;
+}
+//# sourceMappingURL=ProgressBar.d.ts.map