@nexus-cross/design-system 1.0.0

package/dist/toast.js

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

package/dist/toast.mjs

@@ -0,0 +1,3 @@
+export { Toaster, toast, useToast } from './chunks/chunk-ZWSIIGA3.mjs';
+import './chunks/chunk-MCKOWMLS.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 chunkIE4DGLMH_js = require('./chunks/chunk-IE4DGLMH.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkIE4DGLMH_js.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () { return chunkIE4DGLMH_js.TooltipProvider; }
+});
+Object.defineProperty(exports, "tooltipContentVariants", {
+  enumerable: true,
+  get: function () { return chunkIE4DGLMH_js.tooltipContentVariants; }
+});

package/dist/tooltip.mjs

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

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 };

package/dist/utils/cn.d.mts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils/cn.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils/cn.js

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

package/dist/utils/cn.mjs

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

package/dist/utils/scroll.d.mts

@@ -0,0 +1,4 @@
+declare const scrollFreeze: () => void;
+declare const scrollRelease: () => void;
+
+export { scrollFreeze, scrollRelease };

package/dist/utils/scroll.d.ts

@@ -0,0 +1,4 @@
+declare const scrollFreeze: () => void;
+declare const scrollRelease: () => void;
+
+export { scrollFreeze, scrollRelease };

package/dist/utils/scroll.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkT2IY2TSR_js = require('../chunks/chunk-T2IY2TSR.js');
+require('../chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "scrollFreeze", {
+  enumerable: true,
+  get: function () { return chunkT2IY2TSR_js.scrollFreeze; }
+});
+Object.defineProperty(exports, "scrollRelease", {
+  enumerable: true,
+  get: function () { return chunkT2IY2TSR_js.scrollRelease; }
+});

package/dist/utils/scroll.mjs

@@ -0,0 +1,2 @@
+export { scrollFreeze, scrollRelease } from '../chunks/chunk-54IA2P2Z.mjs';
+import '../chunks/chunk-CVYXRSXT.mjs';

package/dist/virtual-scroll.d.mts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { VirtualItem } from '@tanstack/react-virtual';
+
+interface VirtualListProps<T> {
+    items: T[];
+    estimateSize: number | ((index: number) => number);
+    renderItem: (item: T, index: number, virtualItem: VirtualItem) => React.ReactNode;
+    overscan?: number;
+    gap?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    onEndReached?: () => void;
+    endReachedThreshold?: number;
+}
+declare const VirtualList: <T>(props: VirtualListProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement;
+interface VirtualGridProps<T> {
+    items: T[];
+    columns: number;
+    estimateSize: number | ((index: number) => number);
+    renderItem: (item: T, index: number) => React.ReactNode;
+    overscan?: number;
+    gap?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    onEndReached?: () => void;
+    endReachedThreshold?: number;
+}
+declare const VirtualGrid: <T>(props: VirtualGridProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement;
+
+export { VirtualGrid, type VirtualGridProps, VirtualList, type VirtualListProps };

package/dist/virtual-scroll.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { VirtualItem } from '@tanstack/react-virtual';
+
+interface VirtualListProps<T> {
+    items: T[];
+    estimateSize: number | ((index: number) => number);
+    renderItem: (item: T, index: number, virtualItem: VirtualItem) => React.ReactNode;
+    overscan?: number;
+    gap?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    onEndReached?: () => void;
+    endReachedThreshold?: number;
+}
+declare const VirtualList: <T>(props: VirtualListProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement;
+interface VirtualGridProps<T> {
+    items: T[];
+    columns: number;
+    estimateSize: number | ((index: number) => number);
+    renderItem: (item: T, index: number) => React.ReactNode;
+    overscan?: number;
+    gap?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    onEndReached?: () => void;
+    endReachedThreshold?: number;
+}
+declare const VirtualGrid: <T>(props: VirtualGridProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement;
+
+export { VirtualGrid, type VirtualGridProps, VirtualList, type VirtualListProps };

package/dist/virtual-scroll.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkOMN5YQCE_js = require('./chunks/chunk-OMN5YQCE.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "VirtualGrid", {
+  enumerable: true,
+  get: function () { return chunkOMN5YQCE_js.VirtualGrid; }
+});
+Object.defineProperty(exports, "VirtualList", {
+  enumerable: true,
+  get: function () { return chunkOMN5YQCE_js.VirtualList; }
+});

package/dist/virtual-scroll.mjs

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