@nexus-cross/design-system 1.0.3-beta.1

package/dist/theme-provider.mjs

@@ -0,0 +1,2 @@
+export { ThemeProvider, useTheme } from './chunks/chunk-I252NERB.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/toast.d.mts

@@ -0,0 +1,42 @@
+import { ToasterProps as ToasterProps$1, ExternalToast } from 'sonner';
+export { ExternalToast as ToastOptions, toast } from 'sonner';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+interface ToasterProps extends Partial<ToasterProps$1> {
+    position?: ToastPosition;
+    unstyled?: boolean;
+}
+declare function Toaster({ position, unstyled, toastOptions, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
+
+type ToastOptions = ExternalToast;
+/**
+ * Sonner toast 래퍼 훅.
+ *
+ * `toast()` 함수를 직접 사용해도 되지만,
+ * 편의 메서드(successToast, errorToast 등)를 제공합니다.
+ *
+ * headless 모드: `toast.custom(<MyComponent />)` 사용
+ */
+declare function useToast(): {
+    toast: (message: string, options?: ToastOptions) => string | number;
+    successToast: (message: string, options?: ToastOptions) => string | number;
+    errorToast: (message: string, options?: ToastOptions) => string | number;
+    warningToast: (message: string, options?: ToastOptions) => string | number;
+    infoToast: (message: string, options?: ToastOptions) => string | number;
+    promiseToast: <T>(promise: Promise<T> | (() => Promise<T>), msgs: {
+        loading: string;
+        success: string | ((data: T) => string);
+        error: string | ((error: unknown) => string);
+    }, options?: ToastOptions) => (string & {
+        unwrap: () => Promise<T>;
+    }) | (number & {
+        unwrap: () => Promise<T>;
+    }) | {
+        unwrap: () => Promise<T>;
+    };
+    customToast: (jsx: (id: string | number) => React.ReactElement, options?: ToastOptions) => string | number;
+    dismissToast: (id?: string | number) => string | number;
+};
+
+export { type ToastPosition, Toaster, type ToasterProps, useToast };

package/dist/toast.d.ts

@@ -0,0 +1,42 @@
+import { ToasterProps as ToasterProps$1, ExternalToast } from 'sonner';
+export { ExternalToast as ToastOptions, toast } from 'sonner';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+interface ToasterProps extends Partial<ToasterProps$1> {
+    position?: ToastPosition;
+    unstyled?: boolean;
+}
+declare function Toaster({ position, unstyled, toastOptions, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
+
+type ToastOptions = ExternalToast;
+/**
+ * Sonner toast 래퍼 훅.
+ *
+ * `toast()` 함수를 직접 사용해도 되지만,
+ * 편의 메서드(successToast, errorToast 등)를 제공합니다.
+ *
+ * headless 모드: `toast.custom(<MyComponent />)` 사용
+ */
+declare function useToast(): {
+    toast: (message: string, options?: ToastOptions) => string | number;
+    successToast: (message: string, options?: ToastOptions) => string | number;
+    errorToast: (message: string, options?: ToastOptions) => string | number;
+    warningToast: (message: string, options?: ToastOptions) => string | number;
+    infoToast: (message: string, options?: ToastOptions) => string | number;
+    promiseToast: <T>(promise: Promise<T> | (() => Promise<T>), msgs: {
+        loading: string;
+        success: string | ((data: T) => string);
+        error: string | ((error: unknown) => string);
+    }, options?: ToastOptions) => (string & {
+        unwrap: () => Promise<T>;
+    }) | (number & {
+        unwrap: () => Promise<T>;
+    }) | {
+        unwrap: () => Promise<T>;
+    };
+    customToast: (jsx: (id: string | number) => React.ReactElement, options?: ToastOptions) => string | number;
+    dismissToast: (id?: string | number) => string | number;
+};
+
+export { type ToastPosition, Toaster, type ToasterProps, useToast };

package/dist/toast.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunk7MT3QYE6_js = require('./chunks/chunk-7MT3QYE6.js');
+require('./chunks/chunk-QJNQCLMV.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Toaster", {
+  enumerable: true,
+  get: function () { return chunk7MT3QYE6_js.Toaster; }
+});
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return chunk7MT3QYE6_js.toast; }
+});
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function () { return chunk7MT3QYE6_js.useToast; }
+});

package/dist/toast.mjs

@@ -0,0 +1,3 @@
+export { Toaster, toast, useToast } from './chunks/chunk-NCQDOPBR.mjs';
+import './chunks/chunk-XALPBGSC.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/tooltip.d.mts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { VariantProps } from 'class-variance-authority';
+
+declare const tooltipContentVariants: (props?: ({
+    variant?: "light" | "dark" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TooltipProps extends VariantProps<typeof tooltipContentVariants> {
+    children: ReactNode;
+    content: ReactNode;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    delayDuration?: number;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+}
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: ({ children, content, side, align, delayDuration, disabled, variant, triggerClassName, className, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+export { Tooltip, TooltipProvider, tooltipContentVariants };

package/dist/tooltip.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { VariantProps } from 'class-variance-authority';
+
+declare const tooltipContentVariants: (props?: ({
+    variant?: "light" | "dark" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TooltipProps extends VariantProps<typeof tooltipContentVariants> {
+    children: ReactNode;
+    content: ReactNode;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    delayDuration?: number;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+}
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: ({ children, content, side, align, delayDuration, disabled, variant, triggerClassName, className, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+export { Tooltip, TooltipProvider, tooltipContentVariants };

package/dist/tooltip.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkC6H2UNOX_js = require('./chunks/chunk-C6H2UNOX.js');
+require('./chunks/chunk-QJNQCLMV.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkC6H2UNOX_js.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () { return chunkC6H2UNOX_js.TooltipProvider; }
+});
+Object.defineProperty(exports, "tooltipContentVariants", {
+  enumerable: true,
+  get: function () { return chunkC6H2UNOX_js.tooltipContentVariants; }
+});

package/dist/tooltip.mjs

@@ -0,0 +1,3 @@
+export { Tooltip, TooltipProvider, tooltipContentVariants } from './chunks/chunk-Z7OKV6NW.mjs';
+import './chunks/chunk-XALPBGSC.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/typography.d.mts

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const typographyVariants: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body1" | "body2" | "caption" | "overline" | "label" | null | undefined;
+    color?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "danger" | "success" | "inherit" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TypographyElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';
+type TypographyColor = NonNullable<VariantProps<typeof typographyVariants>['color']>;
+interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
+    as?: TypographyElement;
+    asChild?: boolean;
+    variant?: VariantProps<typeof typographyVariants>['variant'];
+    color?: TypographyColor;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+
+export { Typography, type TypographyProps, typographyVariants };

package/dist/typography.d.ts

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const typographyVariants: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body1" | "body2" | "caption" | "overline" | "label" | null | undefined;
+    color?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "danger" | "success" | "inherit" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TypographyElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';
+type TypographyColor = NonNullable<VariantProps<typeof typographyVariants>['color']>;
+interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
+    as?: TypographyElement;
+    asChild?: boolean;
+    variant?: VariantProps<typeof typographyVariants>['variant'];
+    color?: TypographyColor;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+
+export { Typography, type TypographyProps, typographyVariants };

package/dist/typography.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var chunkQJNQCLMV_js = require('./chunks/chunk-QJNQCLMV.js');
+require('./chunks/chunk-JNMCYWGY.js');
+var React = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var typographyVariants = classVarianceAuthority.cva("nx:text-text-primary", {
+  variants: {
+    variant: {
+      h1: "nx:text-4xl nx:font-bold nx:tracking-tight",
+      h2: "nx:text-3xl nx:font-bold nx:tracking-tight",
+      h3: "nx:text-2xl nx:font-semibold",
+      h4: "nx:text-xl nx:font-semibold",
+      h5: "nx:text-lg nx:font-semibold",
+      h6: "nx:text-base nx:font-semibold",
+      body1: "nx:text-base nx:font-normal nx:leading-relaxed",
+      body2: "nx:text-sm nx:font-normal nx:leading-relaxed",
+      caption: "nx:text-xs nx:font-normal nx:text-text-secondary",
+      overline: "nx:text-xs nx:font-medium nx:uppercase nx:tracking-widest nx:text-text-tertiary",
+      label: "nx:text-sm nx:font-medium"
+    },
+    color: {
+      primary: "nx:text-text-primary",
+      secondary: "nx:text-text-secondary",
+      tertiary: "nx:text-text-tertiary",
+      muted: "nx:text-text-muted",
+      accent: "nx:text-accent-primary",
+      danger: "nx:text-status-negative",
+      success: "nx:text-status-positive",
+      inherit: "nx:text-inherit"
+    }
+  },
+  defaultVariants: {
+    variant: "body1",
+    color: "primary"
+  }
+});
+var variantTagMap = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body1: "p",
+  body2: "p",
+  caption: "span",
+  overline: "span",
+  label: "label"
+};
+var Typography = React__namespace.forwardRef(
+  ({ className, variant, color, as, asChild = false, children, ...props }, ref) => {
+    if (asChild) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        reactSlot.Slot,
+        {
+          ref,
+          className: chunkQJNQCLMV_js.cn(typographyVariants({ variant, color }), className),
+          ...props,
+          children
+        }
+      );
+    }
+    const Tag = as ?? variantTagMap[variant ?? "body1"] ?? "span";
+    return React__namespace.createElement(
+      Tag,
+      {
+        ref,
+        className: chunkQJNQCLMV_js.cn(typographyVariants({ variant, color }), className),
+        ...props
+      },
+      children
+    );
+  }
+);
+Typography.displayName = "Typography";
+
+exports.Typography = Typography;
+exports.typographyVariants = typographyVariants;

package/dist/typography.mjs

@@ -0,0 +1,79 @@
+import { cn } from './chunks/chunk-XALPBGSC.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var typographyVariants = cva("nx:text-text-primary", {
+  variants: {
+    variant: {
+      h1: "nx:text-4xl nx:font-bold nx:tracking-tight",
+      h2: "nx:text-3xl nx:font-bold nx:tracking-tight",
+      h3: "nx:text-2xl nx:font-semibold",
+      h4: "nx:text-xl nx:font-semibold",
+      h5: "nx:text-lg nx:font-semibold",
+      h6: "nx:text-base nx:font-semibold",
+      body1: "nx:text-base nx:font-normal nx:leading-relaxed",
+      body2: "nx:text-sm nx:font-normal nx:leading-relaxed",
+      caption: "nx:text-xs nx:font-normal nx:text-text-secondary",
+      overline: "nx:text-xs nx:font-medium nx:uppercase nx:tracking-widest nx:text-text-tertiary",
+      label: "nx:text-sm nx:font-medium"
+    },
+    color: {
+      primary: "nx:text-text-primary",
+      secondary: "nx:text-text-secondary",
+      tertiary: "nx:text-text-tertiary",
+      muted: "nx:text-text-muted",
+      accent: "nx:text-accent-primary",
+      danger: "nx:text-status-negative",
+      success: "nx:text-status-positive",
+      inherit: "nx:text-inherit"
+    }
+  },
+  defaultVariants: {
+    variant: "body1",
+    color: "primary"
+  }
+});
+var variantTagMap = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body1: "p",
+  body2: "p",
+  caption: "span",
+  overline: "span",
+  label: "label"
+};
+var Typography = React.forwardRef(
+  ({ className, variant, color, as, asChild = false, children, ...props }, ref) => {
+    if (asChild) {
+      return /* @__PURE__ */ jsx(
+        Slot,
+        {
+          ref,
+          className: cn(typographyVariants({ variant, color }), className),
+          ...props,
+          children
+        }
+      );
+    }
+    const Tag = as ?? variantTagMap[variant ?? "body1"] ?? "span";
+    return React.createElement(
+      Tag,
+      {
+        ref,
+        className: cn(typographyVariants({ variant, color }), className),
+        ...props
+      },
+      children
+    );
+  }
+);
+Typography.displayName = "Typography";
+
+export { Typography, typographyVariants };

package/dist/useModal-BsGIcP8t.d.mts

@@ -0,0 +1,128 @@
+import { MutableRefObject, ComponentType, ReactNode, FunctionComponent } from 'react';
+
+type ModalLayout = 'default' | 'bottom-sheet' | 'slide-left' | 'slide-right' | 'full-page' | 'full-page-reverse' | 'draggable';
+interface AnimationOptions {
+    name?: string;
+    mobile?: string;
+    delay?: number;
+    duration?: number;
+    timingFunc?: string;
+    leaveTimingFunc?: string;
+}
+interface DefaultModalOption {
+    animation?: AnimationOptions;
+    dimCloseEnable?: boolean;
+}
+interface ModalType {
+    id: string;
+    props: Record<string, unknown>;
+    component: ComponentType<Record<string, unknown>>;
+    isUpdate?: boolean;
+    close?: (modalId: string, isAnimation?: boolean) => void;
+    onOpen?: (value: ModalType) => void;
+    onClose?: () => void;
+    resolve: <T>(value: T) => void;
+    reject: (reason?: unknown) => void;
+}
+interface ModalTemplatePropsType {
+    className?: string;
+    layout?: ModalLayout;
+    children: ReactNode;
+    showDim?: boolean;
+    title?: ReactNode | string;
+    desc?: ReactNode | string;
+    dimClose?: boolean;
+    animation?: AnimationOptions;
+    close: (isAnimation?: boolean) => void | Promise<unknown>;
+}
+interface ModalPropsType<T = unknown> {
+    children?: ReactNode;
+    className?: string;
+    layout?: ModalLayout;
+    componentName?: string;
+    animation?: AnimationOptions;
+    close: (isAnimation?: boolean) => void | Promise<unknown>;
+    resolve: (value: T, useClose?: boolean) => void;
+}
+interface DefaultModalPropsType {
+    id?: string;
+    duplicateCheck?: boolean;
+    portalId?: string;
+    scrollEnable?: boolean;
+    isToggle?: boolean;
+    isAlone?: boolean;
+    clickOutSideRef?: MutableRefObject<HTMLElement>;
+    componentName?: string;
+    animation?: AnimationOptions;
+    layout?: ModalLayout;
+    disableEscapeKeyPress?: boolean;
+    onOpen?: (value: ModalType) => void;
+    onClose?: () => void;
+}
+type PropsOf<T> = T extends FunctionComponent<infer P> ? P : undefined;
+type ModalPropsOf<T> = Omit<PropsOf<T>, 'close' | 'resolve'>;
+type RequiredKeys<T> = {
+    [K in keyof T]: T extends Record<K, T[K]> ? K : never;
+}[keyof T];
+type HasRequiredKeys<T> = RequiredKeys<T> extends never ? false : true;
+type OpenModalPropsAndOptions<T> = HasRequiredKeys<ModalPropsOf<T>> extends true ? ModalPropsOf<T> & DefaultModalPropsType : (ModalPropsOf<T> & DefaultModalPropsType) | undefined;
+type OpenModalProps<T> = HasRequiredKeys<ModalPropsOf<T>> extends true ? {
+    component: T;
+    props: ModalPropsOf<T>;
+    options?: DefaultModalPropsType;
+} : {
+    component: T;
+    props?: ModalPropsOf<T>;
+    options?: DefaultModalPropsType;
+};
+interface OpenModal {
+    <T extends ComponentType<any>>(params: OpenModalProps<T>): Promise<unknown>;
+    <T extends ComponentType<any>>(component: T, props?: OpenModalPropsAndOptions<T>): Promise<unknown>;
+}
+
+type OpenModalParams<T extends ComponentType<any> = ComponentType<any>> = {
+    component: T;
+    props?: ModalPropsOf<T>;
+    options?: DefaultModalPropsType;
+};
+interface ModalFn {
+    <T extends ComponentType<any>>(params: OpenModalParams<T>): Promise<unknown>;
+    close: (id: string, isAnimation?: boolean) => void;
+    check: (params: {
+        componentName: string;
+        onlyLastCheck?: boolean;
+    } | {
+        modalId: string;
+        onlyLastCheck?: boolean;
+    }) => boolean;
+    reset: () => void;
+}
+/**
+ * @example
+ * ```tsx
+ * const { modal, toggleModal, scrollModal, closeModal } = useModal();
+ *
+ * const result = await modal({
+ *   component: MyModal,
+ *   props: { title: 'Hello' },
+ *   options: { animation: { name: 'pop-fade', duration: 300 } },
+ * });
+ * ```
+ */
+declare function useModal(): {
+    modal: ModalFn;
+    toggleModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
+    toggleOneModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
+    scrollModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
+    closeModal: (id: string, isAnimation?: boolean) => void;
+    checkModal: (params: {
+        componentName: string;
+        onlyLastCheck?: boolean;
+    } | {
+        modalId: string;
+        onlyLastCheck?: boolean;
+    }) => boolean;
+    resetModal: () => void;
+};
+
+export { type AnimationOptions as A, type DefaultModalPropsType as D, type ModalLayout as M, type OpenModal as O, type ModalPropsType as a, type ModalTemplatePropsType as b, type ModalType as c, type DefaultModalOption as d, type ModalPropsOf as e, useModal as u };

package/dist/useModal-BsGIcP8t.d.ts

@@ -0,0 +1,128 @@
+import { MutableRefObject, ComponentType, ReactNode, FunctionComponent } from 'react';
+
+type ModalLayout = 'default' | 'bottom-sheet' | 'slide-left' | 'slide-right' | 'full-page' | 'full-page-reverse' | 'draggable';
+interface AnimationOptions {
+    name?: string;
+    mobile?: string;
+    delay?: number;
+    duration?: number;
+    timingFunc?: string;
+    leaveTimingFunc?: string;
+}
+interface DefaultModalOption {
+    animation?: AnimationOptions;
+    dimCloseEnable?: boolean;
+}
+interface ModalType {
+    id: string;
+    props: Record<string, unknown>;
+    component: ComponentType<Record<string, unknown>>;
+    isUpdate?: boolean;
+    close?: (modalId: string, isAnimation?: boolean) => void;
+    onOpen?: (value: ModalType) => void;
+    onClose?: () => void;
+    resolve: <T>(value: T) => void;
+    reject: (reason?: unknown) => void;
+}
+interface ModalTemplatePropsType {
+    className?: string;
+    layout?: ModalLayout;
+    children: ReactNode;
+    showDim?: boolean;
+    title?: ReactNode | string;
+    desc?: ReactNode | string;
+    dimClose?: boolean;
+    animation?: AnimationOptions;
+    close: (isAnimation?: boolean) => void | Promise<unknown>;
+}
+interface ModalPropsType<T = unknown> {
+    children?: ReactNode;
+    className?: string;
+    layout?: ModalLayout;
+    componentName?: string;
+    animation?: AnimationOptions;
+    close: (isAnimation?: boolean) => void | Promise<unknown>;
+    resolve: (value: T, useClose?: boolean) => void;
+}
+interface DefaultModalPropsType {
+    id?: string;
+    duplicateCheck?: boolean;
+    portalId?: string;
+    scrollEnable?: boolean;
+    isToggle?: boolean;
+    isAlone?: boolean;
+    clickOutSideRef?: MutableRefObject<HTMLElement>;
+    componentName?: string;
+    animation?: AnimationOptions;
+    layout?: ModalLayout;
+    disableEscapeKeyPress?: boolean;
+    onOpen?: (value: ModalType) => void;
+    onClose?: () => void;
+}
+type PropsOf<T> = T extends FunctionComponent<infer P> ? P : undefined;
+type ModalPropsOf<T> = Omit<PropsOf<T>, 'close' | 'resolve'>;
+type RequiredKeys<T> = {
+    [K in keyof T]: T extends Record<K, T[K]> ? K : never;
+}[keyof T];
+type HasRequiredKeys<T> = RequiredKeys<T> extends never ? false : true;
+type OpenModalPropsAndOptions<T> = HasRequiredKeys<ModalPropsOf<T>> extends true ? ModalPropsOf<T> & DefaultModalPropsType : (ModalPropsOf<T> & DefaultModalPropsType) | undefined;
+type OpenModalProps<T> = HasRequiredKeys<ModalPropsOf<T>> extends true ? {
+    component: T;
+    props: ModalPropsOf<T>;
+    options?: DefaultModalPropsType;
+} : {
+    component: T;
+    props?: ModalPropsOf<T>;
+    options?: DefaultModalPropsType;
+};
+interface OpenModal {
+    <T extends ComponentType<any>>(params: OpenModalProps<T>): Promise<unknown>;
+    <T extends ComponentType<any>>(component: T, props?: OpenModalPropsAndOptions<T>): Promise<unknown>;
+}
+
+type OpenModalParams<T extends ComponentType<any> = ComponentType<any>> = {
+    component: T;
+    props?: ModalPropsOf<T>;
+    options?: DefaultModalPropsType;
+};
+interface ModalFn {
+    <T extends ComponentType<any>>(params: OpenModalParams<T>): Promise<unknown>;
+    close: (id: string, isAnimation?: boolean) => void;
+    check: (params: {
+        componentName: string;
+        onlyLastCheck?: boolean;
+    } | {
+        modalId: string;
+        onlyLastCheck?: boolean;
+    }) => boolean;
+    reset: () => void;
+}
+/**
+ * @example
+ * ```tsx
+ * const { modal, toggleModal, scrollModal, closeModal } = useModal();
+ *
+ * const result = await modal({
+ *   component: MyModal,
+ *   props: { title: 'Hello' },
+ *   options: { animation: { name: 'pop-fade', duration: 300 } },
+ * });
+ * ```
+ */
+declare function useModal(): {
+    modal: ModalFn;
+    toggleModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
+    toggleOneModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
+    scrollModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
+    closeModal: (id: string, isAnimation?: boolean) => void;
+    checkModal: (params: {
+        componentName: string;
+        onlyLastCheck?: boolean;
+    } | {
+        modalId: string;
+        onlyLastCheck?: boolean;
+    }) => boolean;
+    resetModal: () => void;
+};
+
+export { type AnimationOptions as A, type DefaultModalPropsType as D, type ModalLayout as M, type OpenModal as O, type ModalPropsType as a, type ModalTemplatePropsType as b, type ModalType as c, type DefaultModalOption as d, type ModalPropsOf as e, useModal as u };