@nexus-cross/design-system 1.0.0

package/dist/index.mjs

@@ -0,0 +1,328 @@
+import './styles.css';
+export { ThemeProvider, useTheme } from './chunks/chunk-I252NERB.mjs';
+export { Toaster, toast, useToast } from './chunks/chunk-ZWSIIGA3.mjs';
+export { Table, TableHighlightProvider, TableRow, TdColumn, tableRowVariants, useTableHighlight } from './chunks/chunk-HNLI646G.mjs';
+export { useInView } from './chunks/chunk-2JTPRBHZ.mjs';
+export { Marquee } from './chunks/chunk-SJMCPSVH.mjs';
+export { Ellipsis } from './chunks/chunk-6FMDO6TT.mjs';
+export { Skeleton } from './chunks/chunk-P2T72N62.mjs';
+export { Countdown, useCountdown } from './chunks/chunk-LI7SFBUQ.mjs';
+export { Counter } from './chunks/chunk-CA3SOLI3.mjs';
+export { DataList } from './chunks/chunk-5JHN4FCY.mjs';
+export { ErrorBoundary } from './chunks/chunk-VIGRCJAE.mjs';
+export { Spinner } from './chunks/chunk-BPUQ2CO2.mjs';
+export { ClientOnly } from './chunks/chunk-AOXXE5UQ.mjs';
+export { RadioGroup, RadioItem, radioGroupVariants, radioItemVariants } from './chunks/chunk-33UFQJIO.mjs';
+export { Pagination, pageButtonVariants, paginationVariants } from './chunks/chunk-2RPRCWKV.mjs';
+export { Tab, tabListVariants, tabTriggerVariants } from './chunks/chunk-QZ4QR3XV.mjs';
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from './chunks/chunk-XG6QG65W.mjs';
+export { Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, popoverContentClasses } from './chunks/chunk-ULGYTBCT.mjs';
+export { Carousel, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, useCarousel } from './chunks/chunk-3HHJORN7.mjs';
+export { VirtualGrid, VirtualList } from './chunks/chunk-EHAUUUWB.mjs';
+export { InfiniteScroll } from './chunks/chunk-LMMON5AU.mjs';
+export { TextInput, textInputVariants } from './chunks/chunk-54RBL7J4.mjs';
+export { TextArea, textAreaVariants } from './chunks/chunk-26BUGBOY.mjs';
+export { NumberInput, numberInputBind, numberInputVariants } from './chunks/chunk-ECVAVQUY.mjs';
+export { Avatar, avatarVariants } from './chunks/chunk-YLO4UKSC.mjs';
+export { Select, SelectItem, selectContentVariants, selectTriggerVariants } from './chunks/chunk-DO6VK2QQ.mjs';
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerRoot, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from './chunks/chunk-SGNRVYYQ.mjs';
+export { Tooltip, TooltipProvider, tooltipContentVariants } from './chunks/chunk-W4GG5A7K.mjs';
+export { Divider, dividerVariants } from './chunks/chunk-GX6GSWX3.mjs';
+export { ModalContainer_default as ModalContainer, ModalPortalTarget_default as ModalPortalTarget, ModalTemplate_default as ModalTemplate, checkModal, closeModal, getModalDefaultOption, openModal as modal, openModal, resetModal } from './chunks/chunk-3VFBPFZF.mjs';
+export { useDraggableBottomSheet } from './chunks/chunk-U56AGSLE.mjs';
+export { useDraggableWindow } from './chunks/chunk-4J3GCZ7W.mjs';
+export { scrollFreeze, scrollRelease } from './chunks/chunk-54IA2P2Z.mjs';
+export { useCheckDevice_default as useCheckDevice } from './chunks/chunk-YEWKPWK3.mjs';
+export { useClickOutside_default as useClickOutside } from './chunks/chunk-OTGS6BDQ.mjs';
+export { useModal } from './chunks/chunk-6H7V2I3X.mjs';
+export { Button, buttonVariants } from './chunks/chunk-VVXQZ4XH.mjs';
+export { Chip, chipVariants } from './chunks/chunk-RX5UKRYK.mjs';
+export { CheckBox, checkBoxVariants } from './chunks/chunk-MRRKW5QN.mjs';
+export { Switch, switchVariants } from './chunks/chunk-ADO7PDLY.mjs';
+export { cn } from './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';
+
+// src/component-tokens/button.ts
+var buttonTokenSchema = {
+  id: "button",
+  name: "Button",
+  description: "\uBC84\uD2BC \uCEF4\uD3EC\uB10C\uD2B8 \uD1A0\uD070 \u2014 2\uCD95 variant(semantic \xD7 variant). semantic\uB2F9 6\uAC1C \uC0C9\uC0C1 \uD1A0\uD070 + size\uBCC4 spacing/radius/font.",
+  tokens: {
+    common: {
+      "focus-ring": {
+        cssVar: "--color-comp-btn-focus-ring",
+        type: "color",
+        defaultValue: "var(--color-accent-primary)",
+        description: "\uD3EC\uCEE4\uC2A4 \uB9C1 \uC0C9\uC0C1"
+      },
+      shadow: {
+        cssVar: "--shadow-comp-btn",
+        type: "shadow",
+        defaultValue: "none",
+        description: "\uBC15\uC2A4 \uADF8\uB9BC\uC790"
+      },
+      gap: {
+        cssVar: "--spacing-comp-btn-gap",
+        type: "spacing",
+        defaultValue: "0.5rem",
+        description: "\uC544\uC774\uCF58-\uD14D\uC2A4\uD2B8 \uAC04\uACA9"
+      },
+      "disabled-opacity": {
+        cssVar: "--opacity-comp-btn-disabled",
+        type: "opacity",
+        defaultValue: "0.5",
+        description: "\uBE44\uD65C\uC131 \uC0C1\uD0DC \uD22C\uBA85\uB3C4"
+      }
+    },
+    variants: {
+      primary: {
+        base: {
+          cssVar: "--color-comp-btn-primary-base",
+          type: "color",
+          defaultValue: "var(--color-accent-primary)",
+          description: "contained bg / outlined border"
+        },
+        hover: {
+          cssVar: "--color-comp-btn-primary-hover",
+          type: "color",
+          defaultValue: "var(--color-accent-primary-hover)",
+          description: "contained hover bg"
+        },
+        pressed: {
+          cssVar: "--color-comp-btn-primary-pressed",
+          type: "color",
+          defaultValue: "var(--color-accent-primary-pressed)",
+          description: "contained active/pressed bg"
+        },
+        on: {
+          cssVar: "--color-comp-btn-primary-on",
+          type: "color",
+          defaultValue: "var(--color-accent-on-primary)",
+          description: "contained text (on-color)"
+        },
+        text: {
+          cssVar: "--color-comp-btn-primary-text",
+          type: "color",
+          defaultValue: "var(--color-accent-primary-intense)",
+          description: "outlined/subtle/ghost text"
+        },
+        "subtle-bg": {
+          cssVar: "--color-comp-btn-primary-subtle-bg",
+          type: "color",
+          defaultValue: "var(--color-accent-primary-bg)",
+          description: "subtle bg / outlined\xB7ghost hover bg"
+        }
+      },
+      secondary: {
+        base: {
+          cssVar: "--color-comp-btn-secondary-base",
+          type: "color",
+          defaultValue: "var(--color-accent-secondary)"
+        },
+        hover: {
+          cssVar: "--color-comp-btn-secondary-hover",
+          type: "color",
+          defaultValue: "var(--color-accent-secondary-hover)"
+        },
+        pressed: {
+          cssVar: "--color-comp-btn-secondary-pressed",
+          type: "color",
+          defaultValue: "var(--color-accent-secondary-pressed)"
+        },
+        on: {
+          cssVar: "--color-comp-btn-secondary-on",
+          type: "color",
+          defaultValue: "var(--color-accent-on-secondary)"
+        },
+        text: {
+          cssVar: "--color-comp-btn-secondary-text",
+          type: "color",
+          defaultValue: "var(--color-accent-secondary-intense)"
+        },
+        "subtle-bg": {
+          cssVar: "--color-comp-btn-secondary-subtle-bg",
+          type: "color",
+          defaultValue: "var(--color-accent-secondary-bg)"
+        }
+      },
+      normal: {
+        base: {
+          cssVar: "--color-comp-btn-normal-base",
+          type: "color",
+          defaultValue: "var(--color-surface-subtle)"
+        },
+        hover: {
+          cssVar: "--color-comp-btn-normal-hover",
+          type: "color",
+          defaultValue: "var(--color-surface-hover)"
+        },
+        pressed: {
+          cssVar: "--color-comp-btn-normal-pressed",
+          type: "color",
+          defaultValue: "var(--color-surface-pressed)"
+        },
+        on: {
+          cssVar: "--color-comp-btn-normal-on",
+          type: "color",
+          defaultValue: "var(--color-text-primary)"
+        },
+        text: {
+          cssVar: "--color-comp-btn-normal-text",
+          type: "color",
+          defaultValue: "var(--color-text-primary)"
+        },
+        "subtle-bg": {
+          cssVar: "--color-comp-btn-normal-subtle-bg",
+          type: "color",
+          defaultValue: "var(--color-surface-subtle)"
+        },
+        border: {
+          cssVar: "--color-comp-btn-normal-border",
+          type: "color",
+          defaultValue: "var(--color-border-default)",
+          description: "normal outlined \uC804\uC6A9 border \uC0C9\uC0C1"
+        }
+      },
+      danger: {
+        base: {
+          cssVar: "--color-comp-btn-danger-base",
+          type: "color",
+          defaultValue: "var(--color-status-danger)"
+        },
+        hover: {
+          cssVar: "--color-comp-btn-danger-hover",
+          type: "color",
+          defaultValue: "var(--color-status-danger-hover)"
+        },
+        pressed: {
+          cssVar: "--color-comp-btn-danger-pressed",
+          type: "color",
+          defaultValue: "var(--color-status-danger-pressed)"
+        },
+        on: {
+          cssVar: "--color-comp-btn-danger-on",
+          type: "color",
+          defaultValue: "var(--color-static-white)"
+        },
+        text: {
+          cssVar: "--color-comp-btn-danger-text",
+          type: "color",
+          defaultValue: "var(--color-status-danger-intense)"
+        },
+        "subtle-bg": {
+          cssVar: "--color-comp-btn-danger-subtle-bg",
+          type: "color",
+          defaultValue: "var(--color-status-danger-bg)"
+        }
+      }
+    },
+    sizes: {
+      xl: {
+        height: {
+          cssVar: "--spacing-comp-btn-xl-h",
+          type: "spacing",
+          defaultValue: "3rem",
+          description: "\uB192\uC774 (48px)"
+        },
+        "padding-x": {
+          cssVar: "--spacing-comp-btn-xl-px",
+          type: "spacing",
+          defaultValue: "1.5rem",
+          description: "\uC88C\uC6B0 \uD328\uB529 (24px)"
+        },
+        "font-size": {
+          cssVar: "--text-comp-btn-xl",
+          type: "font-size",
+          defaultValue: "1rem",
+          description: "\uAE00\uC790 \uD06C\uAE30 (16px)"
+        },
+        radius: {
+          cssVar: "--radius-comp-btn-xl",
+          type: "radius",
+          defaultValue: "0.75rem",
+          description: "\uBAA8\uC11C\uB9AC \uB465\uAE00\uAE30 (12px)"
+        }
+      },
+      lg: {
+        height: {
+          cssVar: "--spacing-comp-btn-lg-h",
+          type: "spacing",
+          defaultValue: "2.5rem",
+          description: "\uB192\uC774 (40px)"
+        },
+        "padding-x": {
+          cssVar: "--spacing-comp-btn-lg-px",
+          type: "spacing",
+          defaultValue: "1.5rem",
+          description: "\uC88C\uC6B0 \uD328\uB529 (24px)"
+        },
+        "font-size": {
+          cssVar: "--text-comp-btn-lg",
+          type: "font-size",
+          defaultValue: "1rem",
+          description: "\uAE00\uC790 \uD06C\uAE30 (16px)"
+        },
+        radius: {
+          cssVar: "--radius-comp-btn-lg",
+          type: "radius",
+          defaultValue: "0.5rem",
+          description: "\uBAA8\uC11C\uB9AC \uB465\uAE00\uAE30 (8px)"
+        }
+      },
+      md: {
+        height: {
+          cssVar: "--spacing-comp-btn-md-h",
+          type: "spacing",
+          defaultValue: "1.875rem",
+          description: "\uB192\uC774 (30px)"
+        },
+        "padding-x": {
+          cssVar: "--spacing-comp-btn-md-px",
+          type: "spacing",
+          defaultValue: "0.75rem",
+          description: "\uC88C\uC6B0 \uD328\uB529 (12px)"
+        },
+        "font-size": {
+          cssVar: "--text-comp-btn-md",
+          type: "font-size",
+          defaultValue: "0.875rem",
+          description: "\uAE00\uC790 \uD06C\uAE30 (14px)"
+        },
+        radius: {
+          cssVar: "--radius-comp-btn-md",
+          type: "radius",
+          defaultValue: "0.5rem",
+          description: "\uBAA8\uC11C\uB9AC \uB465\uAE00\uAE30 (8px)"
+        }
+      },
+      sm: {
+        "padding-x": {
+          cssVar: "--spacing-comp-btn-sm-px",
+          type: "spacing",
+          defaultValue: "0.5rem",
+          description: "\uC88C\uC6B0 \uD328\uB529 (8px)"
+        },
+        "padding-y": {
+          cssVar: "--spacing-comp-btn-sm-py",
+          type: "spacing",
+          defaultValue: "0.25rem",
+          description: "\uC0C1\uD558 \uD328\uB529 (4px)"
+        },
+        "font-size": {
+          cssVar: "--text-comp-btn-sm",
+          type: "font-size",
+          defaultValue: "0.75rem",
+          description: "\uAE00\uC790 \uD06C\uAE30 (12px)"
+        },
+        radius: {
+          cssVar: "--radius-comp-btn-sm",
+          type: "radius",
+          defaultValue: "0.25rem",
+          description: "\uBAA8\uC11C\uB9AC \uB465\uAE00\uAE30 (4px)"
+        }
+      }
+    }
+  }
+};
+
+export { buttonTokenSchema };

package/dist/infinite-scroll.d.mts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, MutableRefObject, ReactElement } from 'react';
+
+type BaseProps = {
+    className?: string;
+    children: ReactNode;
+    tag?: string;
+    list: unknown[] | null;
+    scrollTarget?: HTMLElement | Document | MutableRefObject<HTMLElement | Document> | null;
+    rootMargin?: number;
+    loading?: boolean;
+    loadingElement?: ReactElement;
+    handleLoadMore: () => void;
+};
+type TotalCountProps = BaseProps & {
+    totalCount: number;
+    hasMore?: never;
+};
+type HasMoreProps = BaseProps & {
+    hasMore: boolean;
+    totalCount?: never;
+};
+type InfiniteScrollProps = TotalCountProps | HasMoreProps;
+declare const InfiniteScroll: ({ className, tag, list, scrollTarget, rootMargin, loading, loadingElement, children, handleLoadMore, ...props }: InfiniteScrollProps) => react_jsx_runtime.JSX.Element;
+
+export { InfiniteScroll, type InfiniteScrollProps };

package/dist/infinite-scroll.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, MutableRefObject, ReactElement } from 'react';
+
+type BaseProps = {
+    className?: string;
+    children: ReactNode;
+    tag?: string;
+    list: unknown[] | null;
+    scrollTarget?: HTMLElement | Document | MutableRefObject<HTMLElement | Document> | null;
+    rootMargin?: number;
+    loading?: boolean;
+    loadingElement?: ReactElement;
+    handleLoadMore: () => void;
+};
+type TotalCountProps = BaseProps & {
+    totalCount: number;
+    hasMore?: never;
+};
+type HasMoreProps = BaseProps & {
+    hasMore: boolean;
+    totalCount?: never;
+};
+type InfiniteScrollProps = TotalCountProps | HasMoreProps;
+declare const InfiniteScroll: ({ className, tag, list, scrollTarget, rootMargin, loading, loadingElement, children, handleLoadMore, ...props }: InfiniteScrollProps) => react_jsx_runtime.JSX.Element;
+
+export { InfiniteScroll, type InfiniteScrollProps };

package/dist/infinite-scroll.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunk5JHJNN2K_js = require('./chunks/chunk-5JHJNN2K.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "InfiniteScroll", {
+  enumerable: true,
+  get: function () { return chunk5JHJNN2K_js.InfiniteScroll; }
+});

package/dist/infinite-scroll.mjs

@@ -0,0 +1,3 @@
+export { InfiniteScroll } from './chunks/chunk-LMMON5AU.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/marquee.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface MarqueeProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: 'left' | 'right' | 'up' | 'down';
+    speed?: number;
+    pauseOnHover?: boolean;
+    gap?: number;
+    children: React.ReactNode;
+}
+declare const Marquee: React.ForwardRefExoticComponent<MarqueeProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Marquee, type MarqueeProps };

package/dist/marquee.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface MarqueeProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: 'left' | 'right' | 'up' | 'down';
+    speed?: number;
+    pauseOnHover?: boolean;
+    gap?: number;
+    children: React.ReactNode;
+}
+declare const Marquee: React.ForwardRefExoticComponent<MarqueeProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Marquee, type MarqueeProps };

package/dist/marquee.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunk2MC7XJSE_js = require('./chunks/chunk-2MC7XJSE.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Marquee", {
+  enumerable: true,
+  get: function () { return chunk2MC7XJSE_js.Marquee; }
+});

package/dist/marquee.mjs

@@ -0,0 +1,3 @@
+export { Marquee } from './chunks/chunk-SJMCPSVH.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/modal/index.d.mts

@@ -0,0 +1,87 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { d as DefaultModalOption, b as ModalTemplatePropsType, M as ModalLayout, c as ModalType, D as DefaultModalPropsType, e as ModalPropsOf, O as OpenModal } from '../useModal-BsGIcP8t.mjs';
+export { A as AnimationOptions, a as ModalPropsType, u as useModal } from '../useModal-BsGIcP8t.mjs';
+import { BreakPoints } from '../hooks/useCheckDevice.mjs';
+import React__default, { ReactElement, ComponentType } from 'react';
+
+type Props = DefaultModalOption & {
+    className?: string;
+    breakPoints?: BreakPoints;
+};
+declare const ModalContainer: ({ className, breakPoints, ...defaultOption }: Props) => react_jsx_runtime.JSX.Element;
+
+interface PropsType$1 {
+    id: string;
+    className?: string;
+}
+declare const ModalPortalTarget: ({ id, className }: PropsType$1) => react_jsx_runtime.JSX.Element;
+
+interface PropsType extends ModalTemplatePropsType {
+    layout?: ModalLayout;
+    hideHeader?: boolean;
+    hideFooter?: boolean;
+    footer?: ReactElement | string;
+    innerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+    dimClassName?: string;
+    headerClassName?: string;
+    enableDrag?: boolean;
+    dragPersistKey?: string;
+}
+declare const ModalTemplate: React__default.ForwardRefExoticComponent<PropsType & React__default.RefAttributes<HTMLDivElement>>;
+
+declare class Modal {
+    private _modalList;
+    private defaultOption;
+    observeFunction: ((modalList: ModalType[]) => void) | null;
+    private enableKeyDownEvent;
+    set modalList(value: ModalType[]);
+    get modalList(): ModalType[];
+    handleKeyPressEvent: (e: KeyboardEvent) => void;
+    checkModal(params: {
+        componentName: string;
+        onlyLastCheck?: boolean;
+    } | {
+        modalId: string;
+        onlyLastCheck?: boolean;
+    }): boolean;
+    deleteModal(id: string): void;
+    closeModal(id: string, isAnimation?: boolean): void;
+    resolveModal<T extends ModalType>({ modal, result, useClose, }: {
+        modal: T;
+        result: unknown;
+        useClose?: boolean;
+    }): void;
+    resetModal(): void;
+    makeProps<P extends DefaultModalPropsType>(props: P): P & {
+        animation: {
+            name?: string;
+            mobile?: string;
+            delay?: number;
+            duration?: number;
+            timingFunc?: string;
+            leaveTimingFunc?: string;
+        };
+    };
+    private handleToggle;
+    private handleToggleOnlyOne;
+    openModal<T extends ComponentType<Record<string, unknown>>>({ component, props, }: {
+        component: T;
+        props?: ModalPropsOf<T> & DefaultModalPropsType;
+    }): Promise<unknown>;
+    getDefaultOption(): DefaultModalOption;
+    observe({ options, observeFunction, }: {
+        options?: DefaultModalOption;
+        observeFunction: (modalList: ModalType[]) => void;
+    }): void;
+    unobserve(): void;
+}
+
+declare const openModal: OpenModal;
+declare const closeModal: Modal['closeModal'];
+declare const checkModal: Modal['checkModal'];
+declare const resetModal: () => void;
+declare const getModalDefaultOption: Modal['getDefaultOption'];
+
+export { DefaultModalPropsType, ModalContainer, ModalLayout, ModalPortalTarget, ModalTemplate, type PropsType as ModalTemplateProps, ModalTemplatePropsType, ModalType, OpenModal, checkModal, closeModal, getModalDefaultOption, openModal as modal, openModal, resetModal };

package/dist/modal/index.d.ts

@@ -0,0 +1,87 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { d as DefaultModalOption, b as ModalTemplatePropsType, M as ModalLayout, c as ModalType, D as DefaultModalPropsType, e as ModalPropsOf, O as OpenModal } from '../useModal-BsGIcP8t.js';
+export { A as AnimationOptions, a as ModalPropsType, u as useModal } from '../useModal-BsGIcP8t.js';
+import { BreakPoints } from '../hooks/useCheckDevice.js';
+import React__default, { ReactElement, ComponentType } from 'react';
+
+type Props = DefaultModalOption & {
+    className?: string;
+    breakPoints?: BreakPoints;
+};
+declare const ModalContainer: ({ className, breakPoints, ...defaultOption }: Props) => react_jsx_runtime.JSX.Element;
+
+interface PropsType$1 {
+    id: string;
+    className?: string;
+}
+declare const ModalPortalTarget: ({ id, className }: PropsType$1) => react_jsx_runtime.JSX.Element;
+
+interface PropsType extends ModalTemplatePropsType {
+    layout?: ModalLayout;
+    hideHeader?: boolean;
+    hideFooter?: boolean;
+    footer?: ReactElement | string;
+    innerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+    dimClassName?: string;
+    headerClassName?: string;
+    enableDrag?: boolean;
+    dragPersistKey?: string;
+}
+declare const ModalTemplate: React__default.ForwardRefExoticComponent<PropsType & React__default.RefAttributes<HTMLDivElement>>;
+
+declare class Modal {
+    private _modalList;
+    private defaultOption;
+    observeFunction: ((modalList: ModalType[]) => void) | null;
+    private enableKeyDownEvent;
+    set modalList(value: ModalType[]);
+    get modalList(): ModalType[];
+    handleKeyPressEvent: (e: KeyboardEvent) => void;
+    checkModal(params: {
+        componentName: string;
+        onlyLastCheck?: boolean;
+    } | {
+        modalId: string;
+        onlyLastCheck?: boolean;
+    }): boolean;
+    deleteModal(id: string): void;
+    closeModal(id: string, isAnimation?: boolean): void;
+    resolveModal<T extends ModalType>({ modal, result, useClose, }: {
+        modal: T;
+        result: unknown;
+        useClose?: boolean;
+    }): void;
+    resetModal(): void;
+    makeProps<P extends DefaultModalPropsType>(props: P): P & {
+        animation: {
+            name?: string;
+            mobile?: string;
+            delay?: number;
+            duration?: number;
+            timingFunc?: string;
+            leaveTimingFunc?: string;
+        };
+    };
+    private handleToggle;
+    private handleToggleOnlyOne;
+    openModal<T extends ComponentType<Record<string, unknown>>>({ component, props, }: {
+        component: T;
+        props?: ModalPropsOf<T> & DefaultModalPropsType;
+    }): Promise<unknown>;
+    getDefaultOption(): DefaultModalOption;
+    observe({ options, observeFunction, }: {
+        options?: DefaultModalOption;
+        observeFunction: (modalList: ModalType[]) => void;
+    }): void;
+    unobserve(): void;
+}
+
+declare const openModal: OpenModal;
+declare const closeModal: Modal['closeModal'];
+declare const checkModal: Modal['checkModal'];
+declare const resetModal: () => void;
+declare const getModalDefaultOption: Modal['getDefaultOption'];
+
+export { DefaultModalPropsType, ModalContainer, ModalLayout, ModalPortalTarget, ModalTemplate, type PropsType as ModalTemplateProps, ModalTemplatePropsType, ModalType, OpenModal, checkModal, closeModal, getModalDefaultOption, openModal as modal, openModal, resetModal };

package/dist/modal/index.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var chunkU53UA76K_js = require('../chunks/chunk-U53UA76K.js');
+require('../chunks/chunk-HHXDOKXY.js');
+require('../chunks/chunk-NHDGKOAM.js');
+require('../chunks/chunk-T2IY2TSR.js');
+require('../chunks/chunk-XEHFB62A.js');
+require('../chunks/chunk-INP2AH3B.js');
+var chunkHUPAHDJ7_js = require('../chunks/chunk-HUPAHDJ7.js');
+require('../chunks/chunk-CZC76ZD5.js');
+require('../chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "ModalContainer", {
+  enumerable: true,
+  get: function () { return chunkU53UA76K_js.ModalContainer_default; }
+});
+Object.defineProperty(exports, "ModalPortalTarget", {
+  enumerable: true,
+  get: function () { return chunkU53UA76K_js.ModalPortalTarget_default; }
+});
+Object.defineProperty(exports, "ModalTemplate", {
+  enumerable: true,
+  get: function () { return chunkU53UA76K_js.ModalTemplate_default; }
+});
+Object.defineProperty(exports, "checkModal", {
+  enumerable: true,
+  get: function () { return chunkU53UA76K_js.checkModal; }
+});
+Object.defineProperty(exports, "closeModal", {
+  enumerable: true,
+  get: function () { return chunkU53UA76K_js.closeModal; }
+});
+Object.defineProperty(exports, "getModalDefaultOption", {
+  enumerable: true,
+  get: function () { return chunkU53UA76K_js.getModalDefaultOption; }
+});
+Object.defineProperty(exports, "modal", {
+  enumerable: true,
+  get: function () { return chunkU53UA76K_js.openModal; }
+});
+Object.defineProperty(exports, "openModal", {
+  enumerable: true,
+  get: function () { return chunkU53UA76K_js.openModal; }
+});
+Object.defineProperty(exports, "resetModal", {
+  enumerable: true,
+  get: function () { return chunkU53UA76K_js.resetModal; }
+});
+Object.defineProperty(exports, "useModal", {
+  enumerable: true,
+  get: function () { return chunkHUPAHDJ7_js.useModal; }
+});