boottent-design 0.1.260 → 0.1.261

package/dist/types/portal.d.ts

@@ -0,0 +1,179 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { default as default_2 } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { RefAttributes } from 'react';
+import { RefObject } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+export declare const AlertForm: React_2.FC<AlertProps>;
+
+export declare interface AlertProps {
+    id?: string;
+    open?: boolean;
+    title?: string;
+    description: string | default_2.ReactNode;
+    confirmText?: string;
+    onConfirm?: () => void;
+    size?: "sm" | "md" | "lg" | "fit";
+    onClose?: () => void;
+    theme?: ButtonProps["theme"];
+    children?: default_2.ReactNode;
+    forceMount?: true;
+}
+
+declare type BasePortalOptions<T extends PortalType> = {
+    id: string;
+    type: T;
+    props: PortalTypeMap[T];
+};
+
+declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    icLeft?: React_2.ReactNode;
+    icRight?: React_2.ReactNode;
+}
+
+declare const buttonVariants: (props?: ({
+    theme?: "primary" | "secondary" | "etc" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "icon" | null | undefined;
+    variant?: "text" | "solid" | "outline" | null | undefined;
+    shape?: "square" | "rounded" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const DialogForm: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface DialogProps {
+    id?: string;
+    title: string;
+    content: string | default_2.ReactNode;
+    onClose?: () => void;
+    size?: "sm" | "md" | "lg" | "xl" | "max" | "fit" | "full" | "auto";
+    description?: string | default_2.ReactNode;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    footer?: default_2.ReactNode;
+    children?: default_2.ReactNode;
+    forceMount?: true;
+}
+
+export declare const FreeForm: ForwardRefExoticComponent<FreeFormProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface FreeFormProps {
+    id?: string;
+    open?: boolean;
+    onClose?: () => void;
+    className?: string;
+    contents: default_2.ReactNode;
+    children?: default_2.ReactNode;
+}
+
+export declare const ModalForm: React_2.ForwardRefExoticComponent<ModalProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type ModalProps = {
+    id?: string;
+    open?: boolean;
+    title?: string;
+    description?: string | default_2.ReactNode;
+    subDescription?: string | default_2.ReactNode;
+    size?: "sm" | "md" | "lg" | "fit";
+    onConfirm?: () => void;
+    confirmText?: string;
+    onCancel?: () => void;
+    cancelText?: string;
+    onClose?: () => void;
+    contents?: default_2.ReactNode;
+    className?: string;
+    theme?: ButtonProps["theme"];
+    forceMount?: true;
+    children?: default_2.ReactNode;
+};
+
+/**
+ * 매니저가 내부적으로 보관하는 엔트리 형태.
+ * `_openedAt` / `_forceClose` 는 외부에 노출되지 않는 일시적 내부 플래그다.
+ */
+export declare type PortalEntry = PortalOptions & {
+    isOpen: boolean;
+    _openedAt?: number;
+    _forceClose?: boolean;
+};
+
+export declare type PortalListener = (entry: PortalEntry, isOpen: boolean) => void;
+
+declare class PortalManager {
+    private listeners;
+    private portals;
+    private queue;
+    private isProcessing;
+    private pendingEvents;
+    private broadcastScheduled;
+    private openPortalsSnapshot;
+    private schedule;
+    private processQueue;
+    private scheduleBroadcast;
+    private isPortalOpen;
+    private rebuildSnapshot;
+    subscribe(listener: PortalListener): () => void;
+    openPortal<T extends PortalType>(type: T, props: PortalTypeMap[T] & {
+        id?: string;
+    }): string;
+    setPortalOpen(id: string, isOpen: boolean, trigger?: "force" | "default"): void;
+    updatePortal<T extends PortalType>(id: string, type: T, patch: Partial<PortalTypeMap[T]>): void;
+    closePortal(id: string): void;
+    forceClosePortal(id: string): void;
+    closeAllPortals(): void;
+    getIsPortalOpen(id: string): boolean;
+    getOpenPortals(): string[];
+    /** useSyncExternalStore getSnapshot: 변경 시에만 새 참조. */
+    getOpenPortalsSnapshot(): string[];
+    private generateId;
+}
+
+export declare const portalManager: PortalManager;
+
+export declare type PortalOptions = {
+    [K in keyof PortalTypeMap]: BasePortalOptions<K>;
+}[keyof PortalTypeMap];
+
+export declare const PortalProvider: () => JSX_2.Element;
+
+/**
+ * 포털로 띄울 수 있는 오버레이 종류.
+ * (토스트는 별도 시스템 `@/ui/toast` 으로 분리되어 있어 여기에 포함되지 않는다.)
+ */
+export declare type PortalType = "modal" | "alert" | "dialog" | "custom";
+
+export declare interface PortalTypeMap {
+    modal: ModalProps;
+    alert: AlertProps;
+    dialog: DialogProps;
+    custom: FreeFormProps;
+}
+
+export declare type SpecificPortalOptions<T extends PortalType> = BasePortalOptions<T>;
+
+export declare const usePortal: () => {
+    open: <T extends PortalType>(type: T, props: (T extends "modal" ? ModalProps : T extends "alert" ? AlertProps : T extends "dialog" ? DialogProps : FreeFormProps) & {
+        onClose?: () => void;
+    }) => string;
+    confirm: (props: ModalProps) => string;
+    alert: (props: AlertProps | string) => string;
+    dialog: (props: DialogProps) => string;
+    custom: (props: FreeFormProps) => string;
+    getIsOpen: (id: string) => boolean;
+    closePortal: (id: string) => void;
+    forceClosePortal: (id: string) => void;
+    closeAllPortals: () => void;
+    openPortals: string[];
+};
+
+/**
+ * body 스타일을 건드리지 않고 배경 스크롤 입력만 차단한다.
+ * sticky 컨텍스트는 유지하면서 alert / modal 뒤쪽 페이지 스크롤만 막기 위한 훅이다.
+ */
+export declare function usePortalBodyScrollLock(locked: boolean, contentRef: RefObject<HTMLElement | null>): void;
+
+export { }

package/dist/types/toast.d.ts

@@ -1,13 +1,22 @@
 import { ClassProp } from 'class-variance-authority/types';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as React_2 from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
     variant?: "white" | "black" | null | undefined;
-    size?: "full" | "sm" | "md" | "lg" | "fit" | "xl" | null | undefined;
+    size?: "full" | "sm" | "md" | "lg" | "xl" | "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 const ToastAction: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare type ToastActionElement = React_2.ReactElement<typeof ToastAction>;
@@ -16,6 +25,20 @@ export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPri
 
 export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
+export declare type ToasterProps = ToastProps & ToastViewportProps & {
+    id?: string;
+    title?: React_2.ReactNode;
+    description?: React_2.ReactNode;
+    onAction?: () => void;
+    actionBtnText?: string | React_2.ReactNode;
+    closeButton?: boolean;
+    onClose?: () => void;
+};
+
+export declare function ToastForm(props: ToasterProps): JSX_2.Element;
+
+export declare function ToastManager(): JSX_2.Element;
+
 export declare type ToastPositionsType = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
 
 export declare const toastPositionVariants: Record<ToastPositionsType, string>;
@@ -28,7 +51,7 @@ export declare const ToastTitle: React_2.ForwardRefExoticComponent<Omit<ToastPri
 
 export declare const toastVariants: (props?: ({
     variant?: "white" | "black" | null | undefined;
-    size?: "full" | "sm" | "md" | "lg" | "fit" | "xl" | null | undefined;
+    size?: "full" | "sm" | "md" | "lg" | "xl" | "fit" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & {
@@ -37,4 +60,10 @@ export declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<Toast
 
 export declare type ToastViewportProps = React_2.ComponentPropsWithoutRef<typeof ToastViewport>;
 
+export declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterProps[];
+};
+
 export { }

package/dist/types/toggle-group.d.ts

@@ -18,7 +18,7 @@ export declare type ToggleButtonType = "single" | "multiple";
 export declare const ToggleGroup: React_2.ForwardRefExoticComponent<((ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & VariantProps<(props?: ({
     variant?: "solid" | "outline" | null | undefined;
     theme?: "primary" | "secondary" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "icon" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "icon" | null | undefined;
     shape?: "square" | "rounded" | null | undefined;
     checked?: boolean | null | undefined;
 } & ClassProp) | undefined) => string>) & React_2.RefAttributes<HTMLDivElement>>;
@@ -42,7 +42,7 @@ declare interface ToggleGroupItemProps extends ToggleGroupPrimitive.ToggleGroupI
 declare const toggleVariants: (props?: ({
     variant?: "solid" | "outline" | null | undefined;
     theme?: "primary" | "secondary" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "icon" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "icon" | null | undefined;
     shape?: "square" | "rounded" | null | undefined;
     checked?: boolean | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/types/toggle.d.ts

@@ -6,7 +6,7 @@ import { VariantProps } from 'class-variance-authority';
 export declare const Toggle: React_2.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "solid" | "outline" | null | undefined;
     theme?: "primary" | "secondary" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "icon" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "icon" | null | undefined;
     shape?: "square" | "rounded" | null | undefined;
     checked?: boolean | null | undefined;
 } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;
@@ -14,7 +14,7 @@ export declare const Toggle: React_2.ForwardRefExoticComponent<Omit<TogglePrimit
 export declare const toggleVariants: (props?: ({
     variant?: "solid" | "outline" | null | undefined;
     theme?: "primary" | "secondary" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "icon" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "icon" | null | undefined;
     shape?: "square" | "rounded" | null | undefined;
     checked?: boolean | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/types/ui/accordion.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/accordion/index'
+export * from '../accordion'
 export {}

package/dist/types/ui/alert-dialog.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/alert-dialog/index'
+export * from '../alert-dialog'
 export {}

package/dist/types/ui/anchor.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/anchor/index'
+export * from '../anchor'
 export {}

package/dist/types/ui/aspect-ratio.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/aspect-ratio/index'
+export * from '../aspect-ratio'
 export {}

package/dist/types/ui/avatar.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/avatar/index'
+export * from '../avatar'
 export {}

package/dist/types/ui/badge.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/badge/index'
+export * from '../badge'
 export {}

package/dist/types/ui/button.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/button/index'
+export * from '../button'
 export {}

package/dist/types/ui/calendar.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/calendar/index'
+export * from '../calendar'
 export {}

package/dist/types/ui/callout.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/callout/index'
+export * from '../callout'
 export {}

package/dist/types/ui/card-label.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/card-label/index'
+export * from '../card-label'
 export {}

package/dist/types/ui/card.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/card/index'
+export * from '../card'
 export {}

package/dist/types/ui/checkbox.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/checkbox/index'
+export * from '../checkbox'
 export {}

package/dist/types/ui/circled-check-button.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/circled-check-button/index'
+export * from '../circled-check-button'
 export {}

package/dist/types/ui/command.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/command/index'
+export * from '../command'
 export {}

package/dist/types/ui/dialog.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/dialog/index'
+export * from '../dialog'
 export {}

package/dist/types/ui/dropdown-menu.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/dropdown-menu/index'
+export * from '../dropdown-menu'
 export {}

package/dist/types/ui/file-uploader.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/file-uploader/index'
+export * from '../file-uploader'
 export {}

package/dist/types/ui/form.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/form/index'
+export * from '../form'
 export {}

package/dist/types/ui/highlight-text.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/highlight-text/index'
+export * from '../highlight-text'
 export {}

package/dist/types/ui/icons.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/icons/index'
+export * from '../icons'
 export {}

package/dist/types/ui/image.d.ts

@@ -1,4 +1,4 @@
 export {}
-import _default from '../src/ui/image/index'
+import _default from '../image'
 export default _default
 export {}

package/dist/types/ui/input.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/input/index'
+export * from '../input'
 export {}

package/dist/types/ui/label.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/label/index'
+export * from '../label'
 export {}

package/dist/types/ui/month-picker.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/month-picker/index'
+export * from '../month-picker'
 export {}

package/dist/types/ui/multi-select.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/multi-select/index'
+export * from '../multi-select'
 export {}

package/dist/types/ui/navigation-menu.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/navigation-menu/index'
+export * from '../navigation-menu'
 export {}

package/dist/types/ui/popover.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/popover/index'
+export * from '../popover'
 export {}

package/dist/types/ui/portal.d.ts

@@ -0,0 +1,2 @@
+export * from '../portal'
+export {}

package/dist/types/ui/progress.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/progress/index'
+export * from '../progress'
 export {}

package/dist/types/ui/radio-group.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/radio-group/index'
+export * from '../radio-group'
 export {}

package/dist/types/ui/scroll-area.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/scroll-area/index'
+export * from '../scroll-area'
 export {}

package/dist/types/ui/select.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/select/index'
+export * from '../select'
 export {}

package/dist/types/ui/separator.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/separator/index'
+export * from '../separator'
 export {}

package/dist/types/ui/simple-table.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/simple-table/index'
+export * from '../simple-table'
 export {}

package/dist/types/ui/skeleton.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/skeleton/index'
+export * from '../skeleton'
 export {}

package/dist/types/ui/slider.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/slider/index'
+export * from '../slider'
 export {}

package/dist/types/ui/switch.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/switch/index'
+export * from '../switch'
 export {}

package/dist/types/ui/symbols.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/symbols/index'
+export * from '../symbols'
 export {}

package/dist/types/ui/tabs.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/tabs/index'
+export * from '../tabs'
 export {}

package/dist/types/ui/tag.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/tag/index'
+export * from '../tag'
 export {}

package/dist/types/ui/text.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/text/index'
+export * from '../text'
 export {}

package/dist/types/ui/textarea.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/textarea/index'
+export * from '../textarea'
 export {}

package/dist/types/ui/toast.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/toast/index'
+export * from '../toast'
 export {}

package/dist/types/ui/toggle-group.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/toggle-group/index'
+export * from '../toggle-group'
 export {}

package/dist/types/ui/toggle.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/toggle/index'
+export * from '../toggle'
 export {}

package/dist/types/ui/tooltip.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/ui/tooltip/index'
+export * from '../tooltip'
 export {}