boottent-design 0.1.6 → 0.1.7

package/dist/types/hooks.d.ts

@@ -37,7 +37,7 @@ declare interface ModalProps {
 }
 
 declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "black" | "white" | null | undefined;
+    variant?: "white" | "black" | null | undefined;
     position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "full" | "fit" | null | undefined;
 } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;

package/dist/types/main.d.ts

@@ -2,6 +2,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import { ComponentPropsWithRef } from 'react';
+import { default as default_2 } from 'react';
 import { DetailedHTMLProps } from 'react';
 import { DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES } from 'react';
 import { FC } from 'react';
@@ -11,6 +12,7 @@ import { JSX as JSX_2 } from 'react';
 import * as React_2 from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
+import * as ToastPrimitives from '@radix-ui/react-toast';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { VariantProps } from 'class-variance-authority';
 
@@ -22,6 +24,47 @@ export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<Accor
 
 export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+declare type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterProps;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterProps>;
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterProps["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterProps["id"];
+};
+
+declare type ActionType = typeof actionTypes;
+
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+
+export declare const Alert: React_2.FC<AlertProps>;
+
+declare interface AlertPortalOptions {
+    id: string;
+    type: "alert";
+    props: AlertProps;
+}
+
+declare interface AlertProps {
+    id?: string;
+    title?: string;
+    description: string | React.ReactNode;
+    confirmText?: string;
+    onConfirm?: () => void;
+    size?: "sm" | "md" | "lg" | "fit";
+    onClose?: () => void;
+}
+
 declare function ArrowDown({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
 declare function ArrowDown2({ size, fill, className, }: SvgIconType): JSX_2.Element;
@@ -85,8 +128,36 @@ declare function Control({ size, fill, className, }: SvgIconType): JSX_2.Element
 
 declare function CopyLink(): JSX_2.Element;
 
+declare interface CustomDialogProps extends Omit<DialogProps, "onConfirm" | "onCancel" | "content"> {
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    confirmText?: string;
+    cancelText?: string;
+    size?: "sm" | "md" | "lg" | "fit";
+    content?: React_2.ReactNode;
+    description?: string;
+    className?: string;
+}
+
 declare function DefaultProfile({ size }: SvgIconType): JSX_2.Element;
 
+export declare const Dialog: React_2.ForwardRefExoticComponent<CustomDialogProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface DialogPortalOptions {
+    id: string;
+    type: "dialog";
+    props: DialogProps;
+}
+
+declare interface DialogProps {
+    id?: string;
+    title: string;
+    content: string | React.ReactNode;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+}
+
 declare function Filter({ fill, size }: SvgIconType): JSX_2.Element;
 
 declare function Google({ size }: SvgIconType): JSX_2.Element;
@@ -156,16 +227,63 @@ export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInpu
     error?: boolean;
 }
 
+declare type Listener = (options: PortalOptions, isOpen: boolean) => void;
+
 declare function Location_2({ fill, size, className, }: SvgIconType): JSX_2.Element;
 
 declare function Menu({ fill }: SvgIconType): JSX_2.Element;
 
 declare function Message({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
+export declare const Modal: React_2.ForwardRefExoticComponent<ModalProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface ModalPortalOptions {
+    id: string;
+    type: "modal";
+    props: ModalProps;
+}
+
+declare interface ModalProps {
+    id?: string;
+    title: string;
+    description?: string | React.ReactNode;
+    subDescription?: string | React.ReactNode;
+    size?: "sm" | "md" | "lg" | "fit";
+    confirmText?: string;
+    onConfirm?: () => void;
+    cancelText?: string;
+    onClose: () => void;
+    contents?: React.ReactNode;
+    className?: string;
+}
+
 declare function New({ size, fill }: SvgIconType): JSX_2.Element;
 
 declare function Play({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
+export declare const PortalContainer: ({ children }: Props_5) => default_2.ReactPortal | null;
+
+declare class PortalManager {
+    private listeners;
+    private portals;
+    private queue;
+    private isProcessing;
+    private processQueue;
+    private isPortalOpen;
+    subscribe(listener: Listener): () => void;
+    showPortal(type: PortalType, props: any): string | null;
+    setPortalOpen(id: string, isOpen: boolean): void;
+    getIsPortalOpen(id: string): boolean | undefined;
+    getOpenPortals(): string[];
+    private generateId;
+}
+
+export declare const portalManager: PortalManager;
+
+export declare type PortalOptions = ModalPortalOptions | ToastPortalOptions | AlertPortalOptions | DialogPortalOptions;
+
+export declare type PortalType = "modal" | "toast" | "alert" | "dialog";
+
 declare function Present({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
 declare function Profile({ fill, className, size, }: SvgIconType): JSX_2.Element;
@@ -192,6 +310,10 @@ declare type Props_4 = {
     size?: string;
 };
 
+declare type Props_5 = {
+    children: default_2.ReactNode;
+};
+
 declare function Radio({ type, size }: Props_4): JSX_2.Element;
 
 declare interface ReactIconProps {
@@ -200,6 +322,8 @@ declare interface ReactIconProps {
     className?: string;
 }
 
+export declare const reducer: (state: State, action: Action) => State;
+
 declare function Reset({ size, fill }: SvgIconType): JSX_2.Element;
 
 declare function ReturnRight({ size, color, className, }: ReactIconProps): JSX_2.Element;
@@ -214,6 +338,10 @@ declare type StackProps = BoxProps & {
     type?: "col" | "row";
 };
 
+declare interface State {
+    toasts: ToasterProps[];
+}
+
 declare type SvgIconType = {
     size?: string;
     fill?: string;
@@ -234,6 +362,50 @@ export declare const Symbols: {
     Boottent: FC<SvgIconType>;
 };
 
+declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "white" | "black" | null | undefined;
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "full" | "fit" | null | undefined;
+} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;
+
+export declare function toast({ ...props }: Toast_2): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterProps) => void;
+};
+
+declare type Toast_2 = Omit<ToasterProps, "id">;
+
+export declare function Toaster(): JSX_2.Element;
+
+export declare function toaster(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterProps[];
+};
+
+declare type ToasterProps = ToastProps & ToastViewportProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: () => void;
+    actionText?: string | React.ReactNode;
+    closeButton?: boolean;
+    onClose?: () => void;
+};
+
+declare interface ToastPortalOptions {
+    id: string;
+    type: "toast";
+    props: ToastProps;
+}
+
+declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
+
+declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & React_2.RefAttributes<HTMLOListElement>>;
+
+declare type ToastViewportProps = React_2.ComponentPropsWithoutRef<typeof ToastViewport>;
+
 export declare const TooltipButton: React_2.FC<TooltipButtonProps>;
 
 declare interface TooltipButtonProps extends TooltipContentProps {

package/dist/types/ui.d.ts

@@ -1,5 +1,6 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ClassProp } from 'class-variance-authority/types';
+import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { JSX as JSX_2 } from 'react';
 import * as React_2 from 'react';
@@ -14,6 +15,18 @@ export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<Accor
 
 export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare const Alert: React_2.FC<AlertProps>;
+
+declare interface AlertProps {
+    id?: string;
+    title?: string;
+    description: string | React.ReactNode;
+    confirmText?: string;
+    onConfirm?: () => void;
+    size?: "sm" | "md" | "lg" | "fit";
+    onClose?: () => void;
+}
+
 declare function ArrowDown({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
 declare function ArrowDown2({ size, fill, className, }: SvgIconType): JSX_2.Element;
@@ -65,8 +78,30 @@ declare function Control({ size, fill, className, }: SvgIconType): JSX_2.Element
 
 declare function CopyLink(): JSX_2.Element;
 
+declare interface CustomDialogProps extends Omit<DialogProps, "onConfirm" | "onCancel" | "content"> {
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    confirmText?: string;
+    cancelText?: string;
+    size?: "sm" | "md" | "lg" | "fit";
+    content?: React_2.ReactNode;
+    description?: string;
+    className?: string;
+}
+
 declare function DefaultProfile({ size }: SvgIconType): JSX_2.Element;
 
+export declare const Dialog: React_2.ForwardRefExoticComponent<CustomDialogProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface DialogProps {
+    id?: string;
+    title: string;
+    content: string | React.ReactNode;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+}
+
 declare function Filter({ fill, size }: SvgIconType): JSX_2.Element;
 
 declare function Google({ size }: SvgIconType): JSX_2.Element;
@@ -142,10 +177,28 @@ declare function Menu({ fill }: SvgIconType): JSX_2.Element;
 
 declare function Message({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
+export declare const Modal: React_2.ForwardRefExoticComponent<ModalProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface ModalProps {
+    id?: string;
+    title: string;
+    description?: string | React.ReactNode;
+    subDescription?: string | React.ReactNode;
+    size?: "sm" | "md" | "lg" | "fit";
+    confirmText?: string;
+    onConfirm?: () => void;
+    cancelText?: string;
+    onClose: () => void;
+    contents?: React.ReactNode;
+    className?: string;
+}
+
 declare function New({ size, fill }: SvgIconType): JSX_2.Element;
 
 declare function Play({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
+export declare const PortalContainer: ({ children }: Props_5) => default_2.ReactPortal | null;
+
 declare function Present({ size, fill, className, }: SvgIconType): JSX_2.Element;
 
 declare function Profile({ fill, className, size, }: SvgIconType): JSX_2.Element;
@@ -172,6 +225,10 @@ declare type Props_4 = {
     size?: string;
 };
 
+declare type Props_5 = {
+    children: default_2.ReactNode;
+};
+
 declare function Radio({ type, size }: Props_4): JSX_2.Element;
 
 declare interface ReactIconProps {
@@ -208,6 +265,8 @@ export declare const Symbols: {
     Boottent: FC<SvgIconType>;
 };
 
+export declare function Toaster(): JSX_2.Element;
+
 export declare const TooltipButton: React_2.FC<TooltipButtonProps>;
 
 declare interface TooltipButtonProps extends TooltipContentProps {

package/dist/types/utils.d.ts

@@ -1,7 +1,156 @@
+import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import * as React_2 from 'react';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import { VariantProps } from 'class-variance-authority';
+
+declare type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterProps;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterProps>;
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterProps["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterProps["id"];
+};
+
+declare type ActionType = typeof actionTypes;
+
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+
+declare interface AlertPortalOptions {
+    id: string;
+    type: "alert";
+    props: AlertProps;
+}
+
+declare interface AlertProps {
+    id?: string;
+    title?: string;
+    description: string | React.ReactNode;
+    confirmText?: string;
+    onConfirm?: () => void;
+    size?: "sm" | "md" | "lg" | "fit";
+    onClose?: () => void;
+}
 
 export declare const cn: (...classes: ClassValue[]) => string;
 
+declare interface DialogPortalOptions {
+    id: string;
+    type: "dialog";
+    props: DialogProps;
+}
+
+declare interface DialogProps {
+    id?: string;
+    title: string;
+    content: string | React.ReactNode;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+}
+
+declare type Listener = (options: PortalOptions, isOpen: boolean) => void;
+
+declare interface ModalPortalOptions {
+    id: string;
+    type: "modal";
+    props: ModalProps;
+}
+
+declare interface ModalProps {
+    id?: string;
+    title: string;
+    description?: string | React.ReactNode;
+    subDescription?: string | React.ReactNode;
+    size?: "sm" | "md" | "lg" | "fit";
+    confirmText?: string;
+    onConfirm?: () => void;
+    cancelText?: string;
+    onClose: () => void;
+    contents?: React.ReactNode;
+    className?: string;
+}
+
+declare class PortalManager {
+    private listeners;
+    private portals;
+    private queue;
+    private isProcessing;
+    private processQueue;
+    private isPortalOpen;
+    subscribe(listener: Listener): () => void;
+    showPortal(type: PortalType, props: any): string | null;
+    setPortalOpen(id: string, isOpen: boolean): void;
+    getIsPortalOpen(id: string): boolean | undefined;
+    getOpenPortals(): string[];
+    private generateId;
+}
+
+export declare const portalManager: PortalManager;
+
+export declare type PortalOptions = ModalPortalOptions | ToastPortalOptions | AlertPortalOptions | DialogPortalOptions;
+
+export declare type PortalType = "modal" | "toast" | "alert" | "dialog";
+
+export declare const reducer: (state: State, action: Action) => State;
+
+declare interface State {
+    toasts: ToasterProps[];
+}
+
+declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "white" | "black" | null | undefined;
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "full" | "fit" | null | undefined;
+} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;
+
+export declare function toast({ ...props }: Toast_2): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterProps) => void;
+};
+
+declare type Toast_2 = Omit<ToasterProps, "id">;
+
+export declare function toaster(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterProps[];
+};
+
+declare type ToasterProps = ToastProps & ToastViewportProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: () => void;
+    actionText?: string | React.ReactNode;
+    closeButton?: boolean;
+    onClose?: () => void;
+};
+
+declare interface ToastPortalOptions {
+    id: string;
+    type: "toast";
+    props: ToastProps;
+}
+
+declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
+
+declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & React_2.RefAttributes<HTMLOListElement>>;
+
+declare type ToastViewportProps = React_2.ComponentPropsWithoutRef<typeof ToastViewport>;
+
 export { }
 
 declare namespace _default {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "boottent-design",
   "private": false,
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "부트텐트 디자인시스템 라이브러리",
   "repository": {
     "type": "git",