boottent-design 0.1.209 → 0.1.211

package/dist/hooks.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./use-metadata-CZiZDN9j.cjs");require("react/jsx-runtime");const t=require("react"),o=require("./portal-manager-DZmFgCdy.cjs");require("./preview-9QZ5P9LT.cjs");require("./index-Cv4pTXfv.cjs");const s=require("./use-toastmodal-B1QxDevT.cjs"),q=()=>{const[u,r]=t.useState([]);t.useEffect(()=>{const e=(c,p)=>{r(n=>p?[...new Set([...n,c.id])]:n.filter(k=>k!==c.id))},l=o.portalManager.subscribe(e);return r(o.portalManager.getOpenPortals()),()=>l()},[]);const a=t.useCallback((e,l)=>o.portalManager.openPortal(e,{...l,onClose:l.onClose??(()=>{})}),[]),d=t.useCallback(e=>a("modal",e),[a]),i=t.useCallback(e=>typeof e=="string"?a("alert",{description:e}):a("alert",e),[a]),g=t.useCallback(e=>a("dialog",e),[a]),M=t.useCallback(e=>a("custom",e),[a]),b=t.useCallback(e=>o.portalManager.getIsPortalOpen(e),[]),P=t.useCallback(e=>o.portalManager.closePortal(e),[]),C=t.useCallback(()=>o.portalManager.closeAllPortals(),[]);return{open:a,confirm:d,alert:i,dialog:g,custom:M,getIsOpen:b,closePortal:P,closeAllPortals:C,openPortals:u}};exports.useMetadata=m.useMetadata;exports.modalReducer=s.modalReducer;exports.toast=s.toast;exports.toastModal=s.toastModal;exports.toastReducer=s.toastReducer;exports.useToast=s.useToast;exports.useToastModal=s.useToastModal;exports.usePortal=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./use-metadata-CZiZDN9j.cjs");require("react/jsx-runtime");const t=require("react"),o=require("./portal-manager-BGE-3NOa.cjs");require("./preview-9QZ5P9LT.cjs");require("./index-Cv4pTXfv.cjs");const s=require("./use-toastmodal-B1QxDevT.cjs"),q=()=>{const[u,r]=t.useState([]);t.useEffect(()=>{const e=(c,p)=>{r(n=>p?[...new Set([...n,c.id])]:n.filter(k=>k!==c.id))},l=o.portalManager.subscribe(e);return r(o.portalManager.getOpenPortals()),()=>l()},[]);const a=t.useCallback((e,l)=>o.portalManager.openPortal(e,{...l,onClose:l.onClose??(()=>{})}),[]),d=t.useCallback(e=>a("modal",e),[a]),i=t.useCallback(e=>typeof e=="string"?a("alert",{description:e}):a("alert",e),[a]),g=t.useCallback(e=>a("dialog",e),[a]),M=t.useCallback(e=>a("custom",e),[a]),b=t.useCallback(e=>o.portalManager.getIsPortalOpen(e),[]),P=t.useCallback(e=>o.portalManager.closePortal(e),[]),C=t.useCallback(()=>o.portalManager.closeAllPortals(),[]);return{open:a,confirm:d,alert:i,dialog:g,custom:M,getIsOpen:b,closePortal:P,closeAllPortals:C,openPortals:u}};exports.useMetadata=m.useMetadata;exports.modalReducer=s.modalReducer;exports.toast=s.toast;exports.toastModal=s.toastModal;exports.toastReducer=s.toastReducer;exports.useToast=s.useToast;exports.useToastModal=s.useToastModal;exports.usePortal=q;

package/dist/hooks.es.js

@@ -1,7 +1,7 @@
 import { u as w } from "./use-metadata-BrY8rtWx.js";
 import "react/jsx-runtime";
 import { useState as M, useEffect as O, useCallback as s } from "react";
-import { p as e } from "./portal-manager-C2SAuVCB.js";
+import { p as e } from "./portal-manager-BDctJ_Mt.js";
 import "./preview-Cocn_vDi.js";
 import "./index-DT339AZp.js";
 import { m as E, a as h, b as j, t as q, u as z, c as B } from "./use-toastmodal-BpqFNqCw.js";

package/dist/{portal-manager-C2SAuVCB.js → portal-manager-BDctJ_Mt.js}

@@ -1,30 +1,30 @@
-var c = Object.defineProperty;
-var p = (e, t, s) => t in e ? c(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var d = Object.defineProperty;
+var p = (e, t, s) => t in e ? d(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 var a = (e, t, s) => p(e, typeof t != "symbol" ? t + "" : t, s);
 let u;
-const d = new Uint8Array(16);
-function h() {
+const h = new Uint8Array(16);
+function g() {
   if (!u && (u = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !u))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return u(d);
+  return u(h);
 }
 const o = [];
 for (let e = 0; e < 256; ++e)
   o.push((e + 256).toString(16).slice(1));
-function g(e, t = 0) {
+function f(e, t = 0) {
   return o[e[t + 0]] + o[e[t + 1]] + o[e[t + 2]] + o[e[t + 3]] + "-" + o[e[t + 4]] + o[e[t + 5]] + "-" + o[e[t + 6]] + o[e[t + 7]] + "-" + o[e[t + 8]] + o[e[t + 9]] + "-" + o[e[t + 10]] + o[e[t + 11]] + o[e[t + 12]] + o[e[t + 13]] + o[e[t + 14]] + o[e[t + 15]];
 }
-const w = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), l = {
+const w = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), c = {
   randomUUID: w
 };
 function y(e, t, s) {
-  if (l.randomUUID && !e)
-    return l.randomUUID();
+  if (c.randomUUID && !e)
+    return c.randomUUID();
   e = e || {};
-  const n = e.random || (e.rng || h)();
-  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, g(n);
+  const n = e.random || (e.rng || g)();
+  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, f(n);
 }
-class f {
+class m {
   constructor() {
     a(this, "listeners", /* @__PURE__ */ new Set());
     a(this, "portals", /* @__PURE__ */ new Map());
@@ -93,7 +93,14 @@ class f {
   setPortalOpen(t, s) {
     var r, i;
     const n = this.portals.get(t);
-    n && n.isOpen !== s && (n.isOpen = s, this.portals.set(t, n), this.scheduleBroadcast({ options: n, isOpen: s }), s || (i = (r = n.props).onClose) == null || i.call(r));
+    if (n && !(!s && n.props.forceMount) && n.isOpen !== s) {
+      if (!s) {
+        const l = n._openedAt;
+        if (l && Date.now() - l < 300)
+          return;
+      }
+      n.isOpen = s, s && (n._openedAt = Date.now()), this.portals.set(t, n), this.scheduleBroadcast({ options: n, isOpen: s }), s || (i = (r = n.props).onClose) == null || i.call(r);
+    }
   }
   updatePortal(t, s, n) {
     const r = this.portals.get(t);
@@ -125,7 +132,7 @@ class f {
     return this.isDuplicateAllowed(t) ? `${n}_${y()}` : n;
   }
 }
-const P = new f();
+const b = new m();
 export {
-  P as p
+  b as p
 };

package/dist/{portal-manager-DZmFgCdy.cjs → portal-manager-BGE-3NOa.cjs}

@@ -1 +1 @@
-"use strict";var c=Object.defineProperty;var d=(e,t,s)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var a=(e,t,s)=>d(e,typeof t!="symbol"?t+"":t,s);let u;const p=new Uint8Array(16);function h(){if(!u&&(u=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!u))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return u(p)}const o=[];for(let e=0;e<256;++e)o.push((e+256).toString(16).slice(1));function g(e,t=0){return o[e[t+0]]+o[e[t+1]]+o[e[t+2]]+o[e[t+3]]+"-"+o[e[t+4]]+o[e[t+5]]+"-"+o[e[t+6]]+o[e[t+7]]+"-"+o[e[t+8]]+o[e[t+9]]+"-"+o[e[t+10]]+o[e[t+11]]+o[e[t+12]]+o[e[t+13]]+o[e[t+14]]+o[e[t+15]]}const w=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),l={randomUUID:w};function y(e,t,s){if(l.randomUUID&&!e)return l.randomUUID();e=e||{};const n=e.random||(e.rng||h)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,g(n)}class f{constructor(){a(this,"listeners",new Set);a(this,"portals",new Map);a(this,"queue",[]);a(this,"isProcessing",!1);a(this,"pendingEvents",[]);a(this,"broadcastScheduled",!1)}schedule(t){typeof window<"u"&&typeof window.requestAnimationFrame=="function"?window.requestAnimationFrame(()=>t()):setTimeout(t,0)}processQueue(){if(this.isProcessing||this.queue.length===0)return;this.isProcessing=!0;const t=()=>{const s=this.queue.shift();if(!s){this.isProcessing=!1;return}try{s()}finally{this.schedule(t)}};t()}scheduleBroadcast(t){this.pendingEvents.push(t),!this.broadcastScheduled&&(this.broadcastScheduled=!0,this.queue.push(()=>{const s=this.pendingEvents.slice();this.pendingEvents=[],this.broadcastScheduled=!1;for(const n of s)this.listeners.forEach(r=>{try{r(n.options,n.isOpen)}catch(i){process.env.NODE_ENV!=="production"&&console.error("[PortalManager] listener error:",i)}})}),this.processQueue())}isPortalOpen(t){var s;return((s=this.portals.get(t))==null?void 0:s.isOpen)??!1}isDuplicateAllowed(t){return t==="toast"}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}openPortal(t,s){const n=s.id??this.generateId(t);if(!this.isDuplicateAllowed(t)&&this.isPortalOpen(n))return n;const i={...{id:n,type:t,props:{...s,id:n}},isOpen:!0};return this.portals.set(n,i),this.scheduleBroadcast({options:i,isOpen:!0}),n}setPortalOpen(t,s){var r,i;const n=this.portals.get(t);n&&n.isOpen!==s&&(n.isOpen=s,this.portals.set(t,n),this.scheduleBroadcast({options:n,isOpen:s}),s||(i=(r=n.props).onClose)==null||i.call(r))}updatePortal(t,s,n){const r=this.portals.get(t);if(!r||r.type!==s)return;const i={...r,props:{...r.props,...n}};this.portals.set(t,i),this.scheduleBroadcast({options:i,isOpen:!0})}closePortal(t){this.setPortalOpen(t,!1)}closeAllPortals(){this.getOpenPortals().forEach(t=>this.closePortal(t))}getIsPortalOpen(t){var s;return((s=this.portals.get(t))==null?void 0:s.isOpen)??!1}getOpenPortals(){const t=[];for(const[s,n]of this.portals.entries())n.isOpen&&t.push(s);return t}generateId(t){const s=typeof window<"u"&&window.location?window.location.pathname:"ssr",n=`${t}_${s}`;return this.isDuplicateAllowed(t)?`${n}_${y()}`:n}}const m=new f;exports.portalManager=m;
+"use strict";var d=Object.defineProperty;var p=(e,t,s)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var a=(e,t,s)=>p(e,typeof t!="symbol"?t+"":t,s);let u;const h=new Uint8Array(16);function g(){if(!u&&(u=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!u))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return u(h)}const o=[];for(let e=0;e<256;++e)o.push((e+256).toString(16).slice(1));function f(e,t=0){return o[e[t+0]]+o[e[t+1]]+o[e[t+2]]+o[e[t+3]]+"-"+o[e[t+4]]+o[e[t+5]]+"-"+o[e[t+6]]+o[e[t+7]]+"-"+o[e[t+8]]+o[e[t+9]]+"-"+o[e[t+10]]+o[e[t+11]]+o[e[t+12]]+o[e[t+13]]+o[e[t+14]]+o[e[t+15]]}const w=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),c={randomUUID:w};function y(e,t,s){if(c.randomUUID&&!e)return c.randomUUID();e=e||{};const n=e.random||(e.rng||g)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,f(n)}class m{constructor(){a(this,"listeners",new Set);a(this,"portals",new Map);a(this,"queue",[]);a(this,"isProcessing",!1);a(this,"pendingEvents",[]);a(this,"broadcastScheduled",!1)}schedule(t){typeof window<"u"&&typeof window.requestAnimationFrame=="function"?window.requestAnimationFrame(()=>t()):setTimeout(t,0)}processQueue(){if(this.isProcessing||this.queue.length===0)return;this.isProcessing=!0;const t=()=>{const s=this.queue.shift();if(!s){this.isProcessing=!1;return}try{s()}finally{this.schedule(t)}};t()}scheduleBroadcast(t){this.pendingEvents.push(t),!this.broadcastScheduled&&(this.broadcastScheduled=!0,this.queue.push(()=>{const s=this.pendingEvents.slice();this.pendingEvents=[],this.broadcastScheduled=!1;for(const n of s)this.listeners.forEach(r=>{try{r(n.options,n.isOpen)}catch(i){process.env.NODE_ENV!=="production"&&console.error("[PortalManager] listener error:",i)}})}),this.processQueue())}isPortalOpen(t){var s;return((s=this.portals.get(t))==null?void 0:s.isOpen)??!1}isDuplicateAllowed(t){return t==="toast"}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}openPortal(t,s){const n=s.id??this.generateId(t);if(!this.isDuplicateAllowed(t)&&this.isPortalOpen(n))return n;const i={...{id:n,type:t,props:{...s,id:n}},isOpen:!0};return this.portals.set(n,i),this.scheduleBroadcast({options:i,isOpen:!0}),n}setPortalOpen(t,s){var r,i;const n=this.portals.get(t);if(n&&!(!s&&n.props.forceMount)&&n.isOpen!==s){if(!s){const l=n._openedAt;if(l&&Date.now()-l<300)return}n.isOpen=s,s&&(n._openedAt=Date.now()),this.portals.set(t,n),this.scheduleBroadcast({options:n,isOpen:s}),s||(i=(r=n.props).onClose)==null||i.call(r)}}updatePortal(t,s,n){const r=this.portals.get(t);if(!r||r.type!==s)return;const i={...r,props:{...r.props,...n}};this.portals.set(t,i),this.scheduleBroadcast({options:i,isOpen:!0})}closePortal(t){this.setPortalOpen(t,!1)}closeAllPortals(){this.getOpenPortals().forEach(t=>this.closePortal(t))}getIsPortalOpen(t){var s;return((s=this.portals.get(t))==null?void 0:s.isOpen)??!1}getOpenPortals(){const t=[];for(const[s,n]of this.portals.entries())n.isOpen&&t.push(s);return t}generateId(t){const s=typeof window<"u"&&window.location?window.location.pathname:"ssr",n=`${t}_${s}`;return this.isDuplicateAllowed(t)?`${n}_${y()}`:n}}const P=new m;exports.portalManager=P;

package/dist/provider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),h=require("./use-toastmodal-B1QxDevT.cjs"),l=require("./index-C1T36J_d.cjs"),P=require("./preview-9QZ5P9LT.cjs"),M=require("./toast-form-BjkW_vXG.cjs"),f=require("react"),g=require("./portal-manager-DZmFgCdy.cjs");require("./index-z9hRvvSX.cjs");require("./index-Cv4pTXfv.cjs");const w=require("react-dom");function q(){const{modals:e,dismiss:s}=h.useToastModal(),a=e.some(o=>o.open);return r.jsxs(l.ToastModalProvider,{children:[e.map(function({id:o,title:m,description:T,content:t,onConfirm:n,confirmText:x="확인",onCancel:d,cancelText:u="취소",size:i,contents:c,variant:p,width:O,closeType:j,...E}){return r.jsxs(l.ToastModal,{width:O,...E,className:"flex flex-col gap-4",children:[r.jsx(l.ToastModalTitle,{children:m}),r.jsxs("div",{className:"flex flex-col gap-2",children:[T&&r.jsx(l.ToastModalDescription,{className:"text-sm text-foreground",children:T}),t&&r.jsx(l.ToastModalDescription,{children:t})]}),c&&r.jsx(l.ToastModalContents,{children:c}),r.jsxs("div",{className:P.cn("flex items-center justify-between gap-2",j&&"justify-end"),children:[!j&&r.jsx(l.ToastModalClose,{className:"w-1/2",size:i,variant:"outline",children:u}),r.jsx(l.ToastModalAction,{className:j?"":"w-1/2",altText:"confirm",size:i,variant:p,onClick:n,children:x})]})]},o)}),r.jsx(l.ToastModalViewport,{isOpen:a?"open":"close",onClick:()=>e.forEach(o=>!o.closeType&&s(o.id))})]})}const D={modal:(e,s)=>r.jsx(M.ModalForm,{...e.props,onClose:s},e.id),alert:(e,s)=>r.jsx(M.AlertForm,{...e.props,onClose:s},e.id),dialog:(e,s)=>r.jsx(M.DialogForm,{...e.props,onClose:s},e.id),custom:(e,s)=>r.jsx(M.FreeForm,{...e.props,onClose:s},e.id)},C=()=>{const[e,s]=f.useState([]),a=f.useRef(new Map),o=80,m=f.useRef(new Map);f.useEffect(()=>{const t=g.portalManager.subscribe((n,x)=>{s(d=>{const u=d.findIndex(i=>i.id===n.id);if(x)if(u===-1){const i=[...d,{...n,isOpen:!0}];m.current.set(n.id,Date.now());const c=a.current.get(n.id);return c&&(clearTimeout(c),a.current.delete(n.id)),i}else{const i=d.slice();i[u]={...i[u],...n,isOpen:!0},m.current.set(n.id,Date.now());const c=a.current.get(n.id);return c&&(clearTimeout(c),a.current.delete(n.id)),i}else{if(u===-1)return d;const i=m.current.get(n.id);if(i&&Date.now()-i<o)return d;const c=d.slice();return c[u]={...c[u],isOpen:!1},c}})});return()=>t()},[]);const T=f.useCallback(t=>{g.portalManager.setPortalOpen(t,!1)},[]);return f.useEffect(()=>(e.forEach(t=>{if(!t.isOpen&&!a.current.has(t.id)){const n=setTimeout(()=>{s(x=>x.filter(d=>d.id!==t.id)),a.current.delete(t.id)},300);a.current.set(t.id,n)}}),()=>{a.current.forEach(t=>clearTimeout(t)),a.current.clear()}),[e]),r.jsx(b,{children:e.map(t=>{if(!t.isOpen||t.type==="toast")return null;const n=D[t.type];return n(t,()=>T(t.id))})})},b=({children:e})=>{const[s,a]=f.useState(null);return f.useEffect(()=>{if(typeof document>"u")return;let o=document.getElementById("portal");o||(o=document.createElement("div"),o.id="portal",document.body.appendChild(o)),a(o)},[]),s?w.createPortal(e,s):null};function v(){const{toasts:e}=h.useToast();return r.jsxs(l.ToastProvider,{children:[e.map(s=>r.jsx(M.ToastForm,{...s},s.id)),r.jsx(l.ToastViewport,{})]})}exports.ModalManager=q;exports.PortalProvider=C;exports.ToastManager=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),g=require("./use-toastmodal-B1QxDevT.cjs"),d=require("./index-C1T36J_d.cjs"),P=require("./preview-9QZ5P9LT.cjs"),M=require("./toast-form-BjkW_vXG.cjs"),f=require("react"),p=require("./portal-manager-BGE-3NOa.cjs");require("./index-z9hRvvSX.cjs");require("./index-Cv4pTXfv.cjs");const w=require("react-dom");function q(){const{modals:e,dismiss:s}=g.useToastModal(),a=e.some(o=>o.open);return n.jsxs(d.ToastModalProvider,{children:[e.map(function({id:o,title:x,description:T,content:t,onConfirm:r,confirmText:m="확인",onCancel:l,cancelText:u="취소",size:i,contents:c,variant:h,width:O,closeType:j,...E}){return n.jsxs(d.ToastModal,{width:O,...E,className:"flex flex-col gap-4",children:[n.jsx(d.ToastModalTitle,{children:x}),n.jsxs("div",{className:"flex flex-col gap-2",children:[T&&n.jsx(d.ToastModalDescription,{className:"text-sm text-foreground",children:T}),t&&n.jsx(d.ToastModalDescription,{children:t})]}),c&&n.jsx(d.ToastModalContents,{children:c}),n.jsxs("div",{className:P.cn("flex items-center justify-between gap-2",j&&"justify-end"),children:[!j&&n.jsx(d.ToastModalClose,{className:"w-1/2",size:i,variant:"outline",children:u}),n.jsx(d.ToastModalAction,{className:j?"":"w-1/2",altText:"confirm",size:i,variant:h,onClick:r,children:m})]})]},o)}),n.jsx(d.ToastModalViewport,{isOpen:a?"open":"close",onClick:()=>e.forEach(o=>!o.closeType&&s(o.id))})]})}const D={modal:(e,s)=>n.jsx(M.ModalForm,{...e.props,onClose:s},e.id),alert:(e,s)=>n.jsx(M.AlertForm,{...e.props,onClose:s},e.id),dialog:(e,s)=>n.jsx(M.DialogForm,{...e.props,onClose:s},e.id),custom:(e,s)=>n.jsx(M.FreeForm,{...e.props,onClose:s},e.id)},C=()=>{const[e,s]=f.useState([]),a=f.useRef(new Map),o=300,x=f.useRef(new Map);f.useEffect(()=>{const t=p.portalManager.subscribe((r,m)=>{s(l=>{const u=l.findIndex(i=>i.id===r.id);if(m)if(u===-1){const i=[...l,{...r,isOpen:!0}];x.current.set(r.id,Date.now());const c=a.current.get(r.id);return c&&(clearTimeout(c),a.current.delete(r.id)),i}else{const i=l.slice();i[u]={...i[u],...r,isOpen:!0},x.current.set(r.id,Date.now());const c=a.current.get(r.id);return c&&(clearTimeout(c),a.current.delete(r.id)),i}else{if(u===-1||l[u].props.forceMount)return l;const i=x.current.get(r.id);if(i&&Date.now()-i<o)return l;const c=l.slice();return c[u]={...c[u],isOpen:!1},c}})});return()=>t()},[]);const T=f.useCallback(t=>{const r=e.find(m=>m.id===t);r&&r.props.forceMount||p.portalManager.setPortalOpen(t,!1)},[e]);return f.useEffect(()=>(e.forEach(t=>{if(!t.isOpen&&!a.current.has(t.id)){const r=setTimeout(()=>{s(m=>m.filter(l=>l.id!==t.id)),a.current.delete(t.id)},300);a.current.set(t.id,r)}}),()=>{a.current.forEach(t=>clearTimeout(t)),a.current.clear()}),[e]),n.jsx(b,{children:e.map(t=>{if(!t.isOpen||t.type==="toast")return null;const r=D[t.type];return r(t,()=>T(t.id))})})},b=({children:e})=>{const[s,a]=f.useState(null);return f.useEffect(()=>{if(typeof document>"u")return;let o=document.getElementById("portal");o||(o=document.createElement("div"),o.id="portal",document.body.appendChild(o)),a(o)},[]),s?w.createPortal(e,s):null};function y(){const{toasts:e}=g.useToast();return n.jsxs(d.ToastProvider,{children:[e.map(s=>n.jsx(M.ToastForm,{...s},s.id)),n.jsx(d.ToastViewport,{})]})}exports.ModalManager=q;exports.PortalProvider=C;exports.ToastManager=y;

package/dist/provider.es.js

@@ -1,23 +1,23 @@
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { c as C, u as P } from "./use-toastmodal-BpqFNqCw.js";
-import { T as b, a as F, b as N, c as h, d as y, e as A, f as v, g as R, h as _, i as j } from "./index-DuUh97OP.js";
-import { c as k } from "./preview-Cocn_vDi.js";
+import { T as b, a as F, b as N, c as h, d as y, e as A, f as R, g as _, h as j, i as k } from "./index-DuUh97OP.js";
+import { c as v } from "./preview-Cocn_vDi.js";
 import { F as S, D as I, A as U, M as V, T as B } from "./toast-form-B3hEA_lp.js";
 import { useState as O, useRef as g, useEffect as M, useCallback as G } from "react";
-import { p as x } from "./portal-manager-C2SAuVCB.js";
+import { p as x } from "./portal-manager-BDctJ_Mt.js";
 import "./index-CEwEyzHV.js";
 import "./index-DT339AZp.js";
 import J from "react-dom";
 function te() {
-  const { modals: e, dismiss: r } = C(), o = e.some((s) => s.open);
-  return /* @__PURE__ */ f(b, { children: [
+  const { modals: e, dismiss: n } = C(), a = e.some((s) => s.open);
+  return /* @__PURE__ */ m(b, { children: [
     e.map(function({
       id: s,
-      title: u,
+      title: f,
       description: p,
       content: t,
-      onConfirm: n,
-      confirmText: m = "확인",
+      onConfirm: r,
+      confirmText: u = "확인",
       onCancel: l,
       cancelText: d = "취소",
       size: i,
@@ -27,64 +27,65 @@ function te() {
       closeType: T,
       ...E
     }) {
-      return /* @__PURE__ */ f(F, { width: D, ...E, className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ a(N, { children: u }),
-        /* @__PURE__ */ f("div", { className: "flex flex-col gap-2", children: [
-          p && /* @__PURE__ */ a(h, { className: "text-sm text-foreground", children: p }),
-          t && /* @__PURE__ */ a(h, { children: t })
+      return /* @__PURE__ */ m(F, { width: D, ...E, className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ o(N, { children: f }),
+        /* @__PURE__ */ m("div", { className: "flex flex-col gap-2", children: [
+          p && /* @__PURE__ */ o(h, { className: "text-sm text-foreground", children: p }),
+          t && /* @__PURE__ */ o(h, { children: t })
         ] }),
-        c && /* @__PURE__ */ a(y, { children: c }),
-        /* @__PURE__ */ f("div", { className: k("flex items-center justify-between gap-2", T && "justify-end"), children: [
-          !T && /* @__PURE__ */ a(A, { className: "w-1/2", size: i, variant: "outline", children: d }),
-          /* @__PURE__ */ a(
-            v,
+        c && /* @__PURE__ */ o(y, { children: c }),
+        /* @__PURE__ */ m("div", { className: v("flex items-center justify-between gap-2", T && "justify-end"), children: [
+          !T && /* @__PURE__ */ o(A, { className: "w-1/2", size: i, variant: "outline", children: d }),
+          /* @__PURE__ */ o(
+            R,
             {
               className: T ? "" : "w-1/2",
               altText: "confirm",
               size: i,
               variant: w,
-              onClick: n,
-              children: m
+              onClick: r,
+              children: u
             }
           )
         ] })
       ] }, s);
     }),
-    /* @__PURE__ */ a(
-      R,
+    /* @__PURE__ */ o(
+      _,
       {
-        isOpen: o ? "open" : "close",
-        onClick: () => e.forEach((s) => !s.closeType && r(s.id))
+        isOpen: a ? "open" : "close",
+        onClick: () => e.forEach((s) => !s.closeType && n(s.id))
       }
     )
   ] });
 }
 const q = {
-  modal: (e, r) => /* @__PURE__ */ a(V, { ...e.props, onClose: r }, e.id),
-  alert: (e, r) => /* @__PURE__ */ a(U, { ...e.props, onClose: r }, e.id),
-  dialog: (e, r) => /* @__PURE__ */ a(I, { ...e.props, onClose: r }, e.id),
-  custom: (e, r) => /* @__PURE__ */ a(S, { ...e.props, onClose: r }, e.id)
+  modal: (e, n) => /* @__PURE__ */ o(V, { ...e.props, onClose: n }, e.id),
+  alert: (e, n) => /* @__PURE__ */ o(U, { ...e.props, onClose: n }, e.id),
+  dialog: (e, n) => /* @__PURE__ */ o(I, { ...e.props, onClose: n }, e.id),
+  custom: (e, n) => /* @__PURE__ */ o(S, { ...e.props, onClose: n }, e.id)
 }, re = () => {
-  const [e, r] = O([]), o = g(/* @__PURE__ */ new Map()), s = 80, u = g(/* @__PURE__ */ new Map());
+  const [e, n] = O([]), a = g(/* @__PURE__ */ new Map()), s = 300, f = g(/* @__PURE__ */ new Map());
   M(() => {
-    const t = x.subscribe((n, m) => {
-      r((l) => {
-        const d = l.findIndex((i) => i.id === n.id);
-        if (m)
+    const t = x.subscribe((r, u) => {
+      n((l) => {
+        const d = l.findIndex((i) => i.id === r.id);
+        if (u)
           if (d === -1) {
-            const i = [...l, { ...n, isOpen: !0 }];
-            u.current.set(n.id, Date.now());
-            const c = o.current.get(n.id);
-            return c && (clearTimeout(c), o.current.delete(n.id)), i;
+            const i = [...l, { ...r, isOpen: !0 }];
+            f.current.set(r.id, Date.now());
+            const c = a.current.get(r.id);
+            return c && (clearTimeout(c), a.current.delete(r.id)), i;
           } else {
             const i = l.slice();
-            i[d] = { ...i[d], ...n, isOpen: !0 }, u.current.set(n.id, Date.now());
-            const c = o.current.get(n.id);
-            return c && (clearTimeout(c), o.current.delete(n.id)), i;
+            i[d] = { ...i[d], ...r, isOpen: !0 }, f.current.set(r.id, Date.now());
+            const c = a.current.get(r.id);
+            return c && (clearTimeout(c), a.current.delete(r.id)), i;
           }
         else {
-          if (d === -1) return l;
-          const i = u.current.get(n.id);
+          if (d === -1 || l[d].props.forceMount)
+            return l;
+          const i = f.current.get(r.id);
           if (i && Date.now() - i < s)
             return l;
           const c = l.slice();
@@ -94,36 +95,40 @@ const q = {
     });
     return () => t();
   }, []);
-  const p = G((t) => {
-    x.setPortalOpen(t, !1);
-  }, []);
+  const p = G(
+    (t) => {
+      const r = e.find((u) => u.id === t);
+      r && r.props.forceMount || x.setPortalOpen(t, !1);
+    },
+    [e]
+  );
   return M(() => (e.forEach((t) => {
-    if (!t.isOpen && !o.current.has(t.id)) {
-      const n = setTimeout(() => {
-        r((m) => m.filter((l) => l.id !== t.id)), o.current.delete(t.id);
+    if (!t.isOpen && !a.current.has(t.id)) {
+      const r = setTimeout(() => {
+        n((u) => u.filter((l) => l.id !== t.id)), a.current.delete(t.id);
       }, 300);
-      o.current.set(t.id, n);
+      a.current.set(t.id, r);
     }
   }), () => {
-    o.current.forEach((t) => clearTimeout(t)), o.current.clear();
-  }), [e]), /* @__PURE__ */ a(H, { children: e.map((t) => {
+    a.current.forEach((t) => clearTimeout(t)), a.current.clear();
+  }), [e]), /* @__PURE__ */ o(H, { children: e.map((t) => {
     if (!t.isOpen || t.type === "toast") return null;
-    const n = q[t.type];
-    return n(t, () => p(t.id));
+    const r = q[t.type];
+    return r(t, () => p(t.id));
   }) });
 }, H = ({ children: e }) => {
-  const [r, o] = O(null);
+  const [n, a] = O(null);
   return M(() => {
     if (typeof document > "u") return;
     let s = document.getElementById("portal");
-    s || (s = document.createElement("div"), s.id = "portal", document.body.appendChild(s)), o(s);
-  }, []), r ? J.createPortal(e, r) : null;
+    s || (s = document.createElement("div"), s.id = "portal", document.body.appendChild(s)), a(s);
+  }, []), n ? J.createPortal(e, n) : null;
 };
 function ne() {
   const { toasts: e } = P();
-  return /* @__PURE__ */ f(_, { children: [
-    e.map((r) => /* @__PURE__ */ a(B, { ...r }, r.id)),
-    /* @__PURE__ */ a(j, {})
+  return /* @__PURE__ */ m(j, { children: [
+    e.map((n) => /* @__PURE__ */ o(B, { ...n }, n.id)),
+    /* @__PURE__ */ o(k, {})
   ] });
 }
 export {

package/dist/utils.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./notion-Sqp-Xzqi.cjs"),t=require("./preview-9QZ5P9LT.cjs"),r=require("./portal-manager-DZmFgCdy.cjs");exports.buildBlockTree=e.buildBlockTree;exports.getCampDateText=e.getCampDateText;exports.getCampDdayText=e.getCampDdayText;exports.getDropdownButtonText=e.getDropdownButtonText;exports.getEventCampCostValue=e.getEventCampCostValue;exports.getPriority=e.getPriority;exports.getWrapperComponent=e.getWrapperComponent;exports.getYoutubeEmbedUrl=e.getYoutubeEmbedUrl;exports.groupBlocks=e.groupBlocks;exports.isListOrInsideList=e.isListOrInsideList;exports.isPriorityHeading=e.isPriorityHeading;exports.listTypes=e.listTypes;exports.addUTMtoUrl=t.addUTMtoUrl;exports.cn=t.cn;exports.convertBorderColorToHex=t.convertBorderColorToHex;exports.createHexToTokenMap=t.createHexToTokenMap;exports.getDaysDifference=t.getDaysDifference;exports.hexToTokenMap=t.hexToTokenMap;exports.parseDateString=t.parseDateString;exports.parseInlineStyle=t.parseInlineStyle;exports.rgbToHex=t.rgbToHex;exports.portalManager=r.portalManager;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./notion-Sqp-Xzqi.cjs"),t=require("./preview-9QZ5P9LT.cjs"),r=require("./portal-manager-BGE-3NOa.cjs");exports.buildBlockTree=e.buildBlockTree;exports.getCampDateText=e.getCampDateText;exports.getCampDdayText=e.getCampDdayText;exports.getDropdownButtonText=e.getDropdownButtonText;exports.getEventCampCostValue=e.getEventCampCostValue;exports.getPriority=e.getPriority;exports.getWrapperComponent=e.getWrapperComponent;exports.getYoutubeEmbedUrl=e.getYoutubeEmbedUrl;exports.groupBlocks=e.groupBlocks;exports.isListOrInsideList=e.isListOrInsideList;exports.isPriorityHeading=e.isPriorityHeading;exports.listTypes=e.listTypes;exports.addUTMtoUrl=t.addUTMtoUrl;exports.cn=t.cn;exports.convertBorderColorToHex=t.convertBorderColorToHex;exports.createHexToTokenMap=t.createHexToTokenMap;exports.getDaysDifference=t.getDaysDifference;exports.hexToTokenMap=t.hexToTokenMap;exports.parseDateString=t.parseDateString;exports.parseInlineStyle=t.parseInlineStyle;exports.rgbToHex=t.rgbToHex;exports.portalManager=r.portalManager;

package/dist/utils.es.js

@@ -1,6 +1,6 @@
 import { d as s, g as t, a as r, c as o, b as p, e as i, f as n, k as g, j as l, h as T, i as d, l as x } from "./notion-CfqLwM8d.js";
 import { a as m, c as b, d as f, e as u, g as y, h as C, b as D, p as k, r as B } from "./preview-Cocn_vDi.js";
-import { p as M } from "./portal-manager-C2SAuVCB.js";
+import { p as M } from "./portal-manager-BDctJ_Mt.js";
 export {
   m as addUTMtoUrl,
   s as buildBlockTree,

package/package.json

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