boottent-design 0.1.260 → 0.1.261

package/dist/types/ui.d.ts

@@ -159,7 +159,7 @@ export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLBu
 
 export declare const buttonVariants: (props?: ({
     theme?: "primary" | "secondary" | "etc" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "icon" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "icon" | null | undefined;
     variant?: "text" | "solid" | "outline" | null | undefined;
     shape?: "square" | "rounded" | null | undefined;
 } & ClassProp) | undefined) => string;
@@ -220,7 +220,7 @@ export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
     ref?: React_2.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     label?: string | undefined;
     shouldFilter?: boolean | undefined;
     filter?: ((value: string, search: string, keywords?: string[] | undefined) => number) | undefined;
@@ -243,7 +243,7 @@ export declare const CommandEmpty: React_2.ForwardRefExoticComponent<Omit<{
     ref?: React_2.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
     children?: React_2.ReactNode;
@@ -251,7 +251,7 @@ export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
     ref?: React_2.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React_2.ReactNode;
     value?: string | undefined;
     forceMount?: boolean | undefined;
@@ -272,7 +272,7 @@ export declare const CommandItem: React_2.ForwardRefExoticComponent<Omit<{
     ref?: React_2.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean | undefined;
     onSelect?: ((value: string) => void) | undefined;
     value?: string | undefined;
@@ -286,7 +286,7 @@ export declare const CommandList: React_2.ForwardRefExoticComponent<Omit<{
     ref?: React_2.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     label?: string | undefined;
 } & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -294,7 +294,7 @@ export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<Pi
     ref?: React_2.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean | undefined;
 } & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -552,7 +552,7 @@ export declare const MultiSelectorItem: default_2.ForwardRefExoticComponent<{
     ref?: default_2.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof default_2.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "key" | "asChild" | keyof default_2.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean | undefined;
     onSelect?: ((value: string) => void) | undefined;
     value?: string | undefined;
@@ -566,7 +566,7 @@ export declare const MultiSelectorList: default_2.ForwardRefExoticComponent<Omit
     ref?: default_2.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof default_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof default_2.HTMLAttributes<HTMLDivElement>> & {
     label?: string | undefined;
 } & default_2.RefAttributes<HTMLDivElement>, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
 
@@ -801,9 +801,17 @@ declare interface TextProps {
 
 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>;
@@ -812,6 +820,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>;
@@ -824,7 +846,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"> & {
@@ -836,7 +858,7 @@ export declare type ToastViewportProps = React_2.ComponentPropsWithoutRef<typeof
 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>>;
@@ -856,7 +878,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>>;
@@ -880,7 +902,7 @@ declare interface ToggleGroupItemProps extends ToggleGroupPrimitive.ToggleGroupI
 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;
@@ -940,6 +962,12 @@ export declare const useFormField: () => {
     formMessageId: string;
 };
 
+export declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterProps[];
+};
+
 declare function ViewCard({ size, fill, }: SvgIconType): JSX_2.Element;
 
 declare function ViewMore({ size, fill, }: SvgIconType): JSX_2.Element;

package/dist/ui/portal.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";var _=Object.defineProperty;var q=(s,e,t)=>e in s?_(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var b=(s,e,t)=>q(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),o=require("react/jsx-runtime"),L=require("react-dom"),g=require("../common-DeneXo5X.cjs"),c=require("./dialog.cjs.js"),M=require("./icons.cjs.js"),C=require("./button.cjs.js"),Y=require("../index-DKCqkplO.cjs");function I(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const v=I(p),B=s=>"forceMount"in s&&s.forceMount===!0;class H{constructor(){b(this,"listeners",new Set);b(this,"portals",new Map);b(this,"queue",[]);b(this,"isProcessing",!1);b(this,"pendingEvents",[]);b(this,"broadcastScheduled",!1);b(this,"openPortalsSnapshot",[])}schedule(e){typeof window<"u"&&typeof window.requestAnimationFrame=="function"?window.requestAnimationFrame(()=>e()):setTimeout(e,0)}processQueue(){if(this.isProcessing||this.queue.length===0)return;this.isProcessing=!0;const e=()=>{const t=this.queue.shift();if(!t){this.isProcessing=!1;return}try{t()}finally{this.schedule(e)}};e()}scheduleBroadcast(e){this.pendingEvents.push(e),!this.broadcastScheduled&&(this.broadcastScheduled=!0,this.queue.push(()=>{const t=this.pendingEvents.slice();this.pendingEvents=[],this.broadcastScheduled=!1;for(const n of t)this.listeners.forEach(a=>{try{a(n.options,n.isOpen)}catch(u){process.env.NODE_ENV!=="production"&&console.error("[PortalManager] listener error:",u)}})}),this.processQueue())}isPortalOpen(e){var t;return((t=this.portals.get(e))==null?void 0:t.isOpen)??!1}rebuildSnapshot(){const e=[];for(const[t,n]of this.portals.entries())n.isOpen&&e.push(t);this.openPortalsSnapshot=e}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}openPortal(e,t){const n=t.id??this.generateId(e);if(this.isPortalOpen(n))return n;const u={...{id:n,type:e,props:{...t,id:n}},isOpen:!0};return this.portals.set(n,u),this.rebuildSnapshot(),this.scheduleBroadcast({options:u,isOpen:!0}),n}setPortalOpen(e,t,n="default"){var u,i;const a=this.portals.get(e);if(a&&!(!t&&B(a.props)&&n!=="force")&&a.isOpen!==t){if(!t){const r=a._openedAt;if(r&&Date.now()-r<300)return}a.isOpen=t,t&&(a._openedAt=Date.now()),this.portals.set(e,a),this.rebuildSnapshot(),this.scheduleBroadcast({options:a,isOpen:t}),t||(i=(u=a.props).onClose)==null||i.call(u)}}updatePortal(e,t,n){const a=this.portals.get(e);if(!a||a.type!==t)return;const u={...a,props:{...a.props,...n}};this.portals.set(e,u),this.scheduleBroadcast({options:u,isOpen:!0})}closePortal(e){this.setPortalOpen(e,!1)}forceClosePortal(e){const t=this.portals.get(e);t&&(t._forceClose=!0,this.setPortalOpen(e,!1,"force"),delete t._forceClose)}closeAllPortals(){this.getOpenPortals().forEach(e=>this.closePortal(e))}getIsPortalOpen(e){var t;return((t=this.portals.get(e))==null?void 0:t.isOpen)??!1}getOpenPortals(){const e=[];for(const[t,n]of this.portals.entries())n.isOpen&&e.push(t);return e}getOpenPortalsSnapshot(){return this.openPortalsSnapshot}generateId(e){const t=typeof window<"u"&&window.location?window.location.pathname:"ssr";return`${e}_${t}`}}const x=new H,U=[],$=s=>x.subscribe(s),K=()=>x.getOpenPortalsSnapshot(),Q=()=>U,W=()=>{const s=p.useSyncExternalStore($,K,Q),e=p.useCallback((l,f)=>x.openPortal(l,{...f,onClose:f.onClose??(()=>{})}),[]),t=p.useCallback(l=>e("modal",l),[e]),n=p.useCallback(l=>typeof l=="string"?e("alert",{description:l}):e("alert",l),[e]),a=p.useCallback(l=>e("dialog",l),[e]),u=p.useCallback(l=>e("custom",l),[e]),i=p.useCallback(l=>x.getIsPortalOpen(l),[]),r=p.useCallback(l=>x.closePortal(l),[]),m=p.useCallback(l=>x.forceClosePortal(l),[]),d=p.useCallback(()=>x.closeAllPortals(),[]);return{open:e,confirm:t,alert:n,dialog:a,custom:u,getIsOpen:i,closePortal:r,forceClosePortal:m,closeAllPortals:d,openPortals:s}},G=new Set(["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," ","Spacebar"]);function J(s){return s instanceof HTMLElement}function F(s,e){let t=s;for(;t;){const n=window.getComputedStyle(t);if(/(auto|scroll|overlay)/.test(n.overflowY)&&t.scrollHeight>t.clientHeight)return t;if(e&&t===e)break;t=t.parentElement}return null}function P(s,e,t){if(!s||!J(e)||!s.contains(e))return!1;const n=F(e,s)??F(s,s);return n?t<0?n.scrollTop>0:t>0?n.scrollTop+n.clientHeight<n.scrollHeight:!0:!1}function O(s,e){const t=p.useRef(null);p.useEffect(()=>{if(typeof document>"u"||!s)return;const n=r=>{P(e.current,r.target,r.deltaY)||r.preventDefault()},a=r=>{var m;t.current=((m=r.touches[0])==null?void 0:m.clientY)??null},u=r=>{var f;const m=(f=r.touches[0])==null?void 0:f.clientY,d=t.current;if(m==null||d==null){r.preventDefault();return}const l=d-m;P(e.current,r.target,l)||r.preventDefault()},i=r=>{if(!G.has(r.key))return;const m=r.key==="ArrowUp"||r.key==="PageUp"||r.key==="Home"?-1:1;P(e.current,document.activeElement,m)||r.preventDefault()};return document.addEventListener("wheel",n,{passive:!1,capture:!0}),document.addEventListener("touchstart",a,{passive:!0,capture:!0}),document.addEventListener("touchmove",u,{passive:!1,capture:!0}),document.addEventListener("keydown",i,{capture:!0}),()=>{document.removeEventListener("wheel",n,{capture:!0}),document.removeEventListener("touchstart",a,{capture:!0}),document.removeEventListener("touchmove",u,{capture:!0}),document.removeEventListener("keydown",i,{capture:!0})}},[s,e])}const V={sm:"w-full max-w-[344px]",md:"w-full max-w-[500px]",lg:"w-full max-w-[640px]",fit:"w-fit max-w-fit"},z=({title:s="알림",description:e,confirmText:t="확인",onConfirm:n,size:a="sm",onClose:u,theme:i="primary",children:r,forceMount:m,open:d=!0})=>{const l=v.useRef(null);return O(!0,l),o.jsxs(c.Dialog,{modal:!1,open:r?void 0:d,onOpenChange:f=>{!f&&u&&u()},children:[r&&o.jsx(c.DialogTrigger,{asChild:!0,children:r}),o.jsx("div",{"aria-hidden":"true","data-state":d?"open":"closed",className:g.cn("bt-ds-portal-backdrop fixed inset-0 z-50 bg-black/60 transition-opacity duration-200 data-[state=closed]:pointer-events-none data-[state=closed]:opacity-0")}),o.jsxs(c.DialogContent,{ref:l,forceMount:m,onInteractOutside:f=>f.preventDefault(),className:g.cn("z-[60] gap-4 rounded-lg p-4",V[a]),children:[o.jsxs(c.DialogHeader,{className:"space-y-2 text-left md:text-left",children:[o.jsx(c.DialogTitle,{className:"whitespace-pre-wrap px-0 text-base font-semibold md:px-0",children:s}),o.jsx(c.DialogDescription,{className:"w-full whitespace-pre-wrap px-0 text-sm text-grey-600 md:px-0",children:e})]}),o.jsx(c.DialogClose,{asChild:!0,children:o.jsx(C.Button,{theme:i,size:"sm",className:g.cn("w-full font-normal"),onClick:()=>{n&&n()},children:t})})]})]})},X={sm:"w-full max-w-[324px]",md:"w-full max-w-[324px]  md:max-w-[600px]",lg:"w-full max-w-[324px] md:max-w-[600px] lg:max-w-[800px]",xl:"w-full max-w-[324px] md:max-w-[600px] lg:max-w-[900px] xl:max-w-[1100px]",max:"w-full max-w-[324px] md:max-w-[600px] lg:max-w-[1000px] xl:max-w-[1280px]",fit:"w-fit min-w-[324px]",full:"w-screen h-screen max-w-none max-h-none",auto:"w-full max-w-[324px] md:max-w-[600px] lg:max-w-[80vw] xl:max-w-[90vw]"},S=p.forwardRef(({id:s,title:e,description:t,onClose:n,content:a,className:u,open:i=!0,onOpenChange:r,footer:m,children:d,forceMount:l,size:f="md",...h},w)=>o.jsxs(c.Dialog,{modal:!1,open:d?void 0:i,onOpenChange:j=>{!j&&n&&n()},children:[d&&o.jsx(c.DialogTrigger,{asChild:!0,children:d}),o.jsx("div",{"aria-hidden":"true","data-state":i?"open":"closed",className:g.cn("bt-ds-portal-backdrop fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-[state=closed]:pointer-events-none data-[state=closed]:opacity-0")}),o.jsxs(c.DialogContent,{ref:w,forceMount:l,className:g.cn("z-[60] flex flex-col gap-4 overflow-hidden rounded-lg px-0 py-0 pb-3 md:rounded-xl md:pb-4",X[f],u),...h,children:[o.jsxs(c.DialogHeader,{className:"sticky left-0 right-0 top-0 z-50 border-b border-b-border bg-white",children:[o.jsx(c.DialogTitle,{className:"flex w-full items-center justify-start whitespace-pre-wrap p-3 md:justify-center md:p-4",children:e}),!l&&o.jsxs(c.DialogClose,{className:"absolute right-2 top-3 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground md:right-3 md:top-4",children:[o.jsx(M.Icon.Cancel,{size:"14"}),o.jsx("span",{className:"sr-only",children:"Close"})]})]}),t&&o.jsx(c.DialogDescription,{className:"text-sm text-grey-600",children:t}),a&&o.jsx(c.DialogDescription,{children:a}),m&&o.jsx(c.DialogFooter,{children:m})]})]}));S.displayName="DialogForm";const E=p.forwardRef(({open:s=!0,onClose:e,className:t,contents:n,children:a,...u},i)=>o.jsxs(c.Dialog,{modal:!1,open:a?void 0:s,onOpenChange:r=>{!r&&e&&e()},children:[a&&o.jsx(c.DialogTrigger,{asChild:!0,children:a}),o.jsx("div",{"aria-hidden":"true","data-state":s?"open":"closed",className:g.cn("bt-ds-portal-backdrop fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-[state=closed]:pointer-events-none data-[state=closed]:opacity-0")}),o.jsx(c.DialogContent,{ref:i,className:g.cn("z-[60] flex flex-col gap-0 px-0 py-0",t),...u,children:n&&o.jsx(o.Fragment,{children:n})})]}));E.displayName="FreeForm";const Z={sm:"w-full max-w-[344px]",md:"w-full max-w-[500px]",lg:"w-full max-w-[640px]",fit:"w-fit max-w-fit"},N=v.forwardRef(({title:s,description:e,subDescription:t,contents:n,onConfirm:a,confirmText:u="확인",onCancel:i,cancelText:r="취소",size:m="sm",className:d,onClose:l,theme:f="primary",children:h,forceMount:w,open:j=!0,...A},D)=>{const k=v.useRef(null);O(!0,k);const R=y=>{k.current=y,typeof D=="function"?D(y):D&&(D.current=y)};return o.jsxs(c.Dialog,{modal:!1,open:h?void 0:j,onOpenChange:y=>{!y&&l&&l()},children:[h&&o.jsx(c.DialogTrigger,{asChild:!0,children:h}),o.jsx("div",{"aria-hidden":"true","data-state":j?"open":"closed",className:g.cn("bt-ds-portal-backdrop fixed inset-0 z-50 bg-black/60 transition-opacity duration-200 data-[state=closed]:pointer-events-none data-[state=closed]:opacity-0")}),o.jsxs(c.DialogContent,{ref:R,forceMount:w,onInteractOutside:y=>y.preventDefault(),className:g.cn("z-[60] gap-2 rounded-lg p-4",Z[m],d),...A,children:[o.jsxs(c.DialogHeader,{className:"space-y-2 text-left md:text-left",children:[o.jsxs("div",{className:"flex items-start justify-between gap-2",children:[o.jsx(c.DialogTitle,{className:"px-0 text-base font-semibold leading-6 md:px-0",children:s}),!w&&o.jsx(c.DialogClose,{asChild:!0,children:o.jsx("button",{type:"button",className:"mt-0 h-auto w-auto border-none p-0",children:o.jsx(M.Icon.Cancel,{size:"14",fill:Y.colors.grey[600]})})})]}),e&&o.jsx(c.DialogDescription,{className:"w-full px-0 text-start text-sm text-grey-800 md:px-0",children:e}),t&&o.jsx(c.DialogDescription,{className:"w-full px-0 text-start text-xs text-grey-600",children:t})]}),n&&o.jsx(o.Fragment,{children:n}),o.jsxs(c.DialogFooter,{className:"flex w-full flex-col gap-1 border-t-0 px-0 md:flex-row md:items-center md:justify-between md:gap-2 md:px-0",children:[o.jsx(c.DialogClose,{asChild:!0,children:o.jsx(C.Button,{variant:"outline",theme:"secondary",size:"sm",onClick:()=>{i&&i()},className:"w-full md:w-1/2",children:r})}),o.jsx(c.DialogClose,{asChild:!0,children:o.jsx(C.Button,{theme:f,size:"sm",onClick:()=>{a&&a()},className:"w-full md:w-1/2",children:u})})]})]})]})});N.displayName="ModalForm";const T=s=>"forceMount"in s&&s.forceMount===!0,ee={modal:(s,e)=>o.jsx(N,{...s.props,open:s.isOpen,onClose:e},s.id),alert:(s,e)=>o.jsx(z,{...s.props,open:s.isOpen,onClose:e},s.id),dialog:(s,e)=>o.jsx(S,{...s.props,open:s.isOpen,onClose:e},s.id),custom:(s,e)=>o.jsx(E,{...s.props,open:s.isOpen,onClose:e},s.id)},te=()=>{const[s,e]=p.useState([]),t=p.useRef(new Map),n=300,a=p.useRef(new Map);p.useEffect(()=>{const i=x.subscribe((r,m)=>{e(d=>{const l=d.findIndex(f=>f.id===r.id);if(m)if(l===-1){const f=[...d,{...r,isOpen:!0}];a.current.set(r.id,Date.now());const h=t.current.get(r.id);return h&&(clearTimeout(h),t.current.delete(r.id)),f}else{const f=d.slice();f[l]={...f[l],...r,isOpen:!0},a.current.set(r.id,Date.now());const h=t.current.get(r.id);return h&&(clearTimeout(h),t.current.delete(r.id)),f}else{if(l===-1)return d;const f=r._forceClose===!0;if(T(d[l].props)&&!f)return d;const h=a.current.get(r.id);if(h&&Date.now()-h<n)return d;const w=d.slice();return w[l]={...w[l],isOpen:!1},w}})});return()=>i()},[]);const u=p.useCallback(i=>{const r=s.find(m=>m.id===i);r&&T(r.props)||x.setPortalOpen(i,!1)},[s]);return p.useEffect(()=>{const i=t.current;s.forEach(r=>{if(!r.isOpen&&!i.has(r.id)){const m=setTimeout(()=>{e(d=>d.filter(l=>l.id!==r.id)),i.delete(r.id)},300);i.set(r.id,m)}})},[s]),p.useEffect(()=>{const i=t.current;return()=>{i.forEach(r=>clearTimeout(r)),i.clear()}},[]),o.jsx(se,{children:s.map(i=>{const r=ee[i.type];return r(i,()=>u(i.id))})})},se=({children:s})=>{const[e,t]=p.useState(null);return p.useEffect(()=>{if(typeof document>"u")return;let n=document.getElementById("portal");n||(n=document.createElement("div"),n.id="portal",document.body.appendChild(n)),t(n)},[]),e?L.createPortal(s,e):null};exports.AlertForm=z;exports.DialogForm=S;exports.FreeForm=E;exports.ModalForm=N;exports.PortalProvider=te;exports.portalManager=x;exports.usePortal=W;exports.usePortalBodyScrollLock=O;