boottent-design 0.1.207 → 0.1.209

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-B4iWJSBI.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-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;

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-C2H67l1q.js";
+import { p as e } from "./portal-manager-C2SAuVCB.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-C2H67l1q.js → portal-manager-C2SAuVCB.js}

@@ -1,12 +1,12 @@
 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 a = (e, t, s) => p(e, typeof t != "symbol" ? t + "" : t, s);
-let l;
+let u;
 const d = new Uint8Array(16);
 function h() {
-  if (!l && (l = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !l))
+  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 l(d);
+  return u(d);
 }
 const o = [];
 for (let e = 0; e < 256; ++e)
@@ -14,12 +14,12 @@ for (let e = 0; e < 256; ++e)
 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), u = {
+const w = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), l = {
   randomUUID: w
 };
 function y(e, t, s) {
-  if (u.randomUUID && !e)
-    return u.randomUUID();
+  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);
@@ -93,7 +93,7 @@ class f {
   setPortalOpen(t, s) {
     var r, i;
     const n = this.portals.get(t);
-    n && (n.isOpen = s, this.portals.set(t, n), this.scheduleBroadcast({ options: n, isOpen: s }), s || (i = (r = n.props).onClose) == null || i.call(r));
+    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);

package/dist/{portal-manager-B4iWJSBI.cjs → portal-manager-DZmFgCdy.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 l;const p=new Uint8Array(16);function h(){if(!l&&(l=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!l))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return l(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),u={randomUUID:w};function y(e,t,s){if(u.randomUUID&&!e)return u.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,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 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;

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

package/dist/provider.es.js

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

package/dist/types/provider.d.ts

@@ -1,10 +1,9 @@
 import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
 
 export declare function ModalManager(): JSX_2.Element;
 
 export declare const PortalProvider: () => JSX_2.Element;
 
-export declare function ToastManager(props: PropsWithChildren): JSX_2.Element;
+export declare function ToastManager(): JSX_2.Element;
 
 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-B4iWJSBI.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-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;

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-C2H67l1q.js";
+import { p as M } from "./portal-manager-C2SAuVCB.js";
 export {
   m as addUTMtoUrl,
   s as buildBlockTree,

package/package.json

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