boottent-design 0.1.211 → 0.1.213

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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./use-metadata-CZiZDN9j.cjs");require("react/jsx-runtime");const a=require("react"),o=require("./portal-manager-CyWNKHmr.cjs");require("./preview-9QZ5P9LT.cjs");require("./index-Cv4pTXfv.cjs");const s=require("./use-toastmodal-B1QxDevT.cjs"),q=()=>{const[u,r]=a.useState([]);a.useEffect(()=>{const e=(c,k)=>{r(n=>k?[...new Set([...n,c.id])]:n.filter(f=>f!==c.id))},l=o.portalManager.subscribe(e);return r(o.portalManager.getOpenPortals()),()=>l()},[]);const t=a.useCallback((e,l)=>o.portalManager.openPortal(e,{...l,onClose:l.onClose??(()=>{})}),[]),d=a.useCallback(e=>t("modal",e),[t]),i=a.useCallback(e=>typeof e=="string"?t("alert",{description:e}):t("alert",e),[t]),g=a.useCallback(e=>t("dialog",e),[t]),M=a.useCallback(e=>t("custom",e),[t]),b=a.useCallback(e=>o.portalManager.getIsPortalOpen(e),[]),P=a.useCallback(e=>o.portalManager.closePortal(e),[]),C=a.useCallback(e=>o.portalManager.forceClosePortal(e),[]),p=a.useCallback(()=>o.portalManager.closeAllPortals(),[]);return{open:t,confirm:d,alert:i,dialog:g,custom:M,getIsOpen:b,closePortal:P,forceClosePortal:C,closeAllPortals:p,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,15 +1,15 @@
-import { u as w } from "./use-metadata-BrY8rtWx.js";
+import { u as y } 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-BDctJ_Mt.js";
+import { p as e } from "./portal-manager-fk0biCEh.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";
-const S = () => {
+import { m as h, a as j, b as q, t as z, u as B, c as D } from "./use-toastmodal-BpqFNqCw.js";
+const T = () => {
   const [c, r] = M([]);
   O(() => {
-    const t = (l, g) => {
-      r((n) => g ? [.../* @__PURE__ */ new Set([...n, l.id])] : n.filter((b) => b !== l.id));
+    const t = (l, b) => {
+      r((n) => b ? [.../* @__PURE__ */ new Set([...n, l.id])] : n.filter((C) => C !== l.id));
     }, a = e.subscribe(t);
     return r(e.getOpenPortals()), () => a();
   }, []);
@@ -23,16 +23,27 @@ const S = () => {
   ), u = s((t) => o("modal", t), [o]), i = s(
     (t) => typeof t == "string" ? o("alert", { description: t }) : o("alert", t),
     [o]
-  ), m = s((t) => o("dialog", t), [o]), d = s((t) => o("custom", t), [o]), p = s((t) => e.getIsPortalOpen(t), []), P = s((t) => e.closePortal(t), []), f = s(() => e.closeAllPortals(), []);
-  return { open: o, confirm: u, alert: i, dialog: m, custom: d, getIsOpen: p, closePortal: P, closeAllPortals: f, openPortals: c };
+  ), m = s((t) => o("dialog", t), [o]), d = s((t) => o("custom", t), [o]), P = s((t) => e.getIsPortalOpen(t), []), f = s((t) => e.closePortal(t), []), p = s((t) => e.forceClosePortal(t), []), g = s(() => e.closeAllPortals(), []);
+  return {
+    open: o,
+    confirm: u,
+    alert: i,
+    dialog: m,
+    custom: d,
+    getIsOpen: P,
+    closePortal: f,
+    forceClosePortal: p,
+    closeAllPortals: g,
+    openPortals: c
+  };
 };
 export {
-  E as modalReducer,
-  h as toast,
-  j as toastModal,
-  q as toastReducer,
-  w as useMetadata,
-  S as usePortal,
-  z as useToast,
-  B as useToastModal
+  h as modalReducer,
+  j as toast,
+  q as toastModal,
+  z as toastReducer,
+  y as useMetadata,
+  T as usePortal,
+  B as useToast,
+  D as useToastModal
 };

package/dist/portal-manager-CyWNKHmr.cjs

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

package/dist/portal-manager-fk0biCEh.js

@@ -0,0 +1,142 @@
+var d = Object.defineProperty;
+var h = (s, e, t) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var a = (s, e, t) => h(s, typeof e != "symbol" ? e + "" : e, t);
+let l;
+const f = new Uint8Array(16);
+function g() {
+  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(f);
+}
+const r = [];
+for (let s = 0; s < 256; ++s)
+  r.push((s + 256).toString(16).slice(1));
+function w(s, e = 0) {
+  return r[s[e + 0]] + r[s[e + 1]] + r[s[e + 2]] + r[s[e + 3]] + "-" + r[s[e + 4]] + r[s[e + 5]] + "-" + r[s[e + 6]] + r[s[e + 7]] + "-" + r[s[e + 8]] + r[s[e + 9]] + "-" + r[s[e + 10]] + r[s[e + 11]] + r[s[e + 12]] + r[s[e + 13]] + r[s[e + 14]] + r[s[e + 15]];
+}
+const y = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), p = {
+  randomUUID: y
+};
+function P(s, e, t) {
+  if (p.randomUUID && !s)
+    return p.randomUUID();
+  s = s || {};
+  const n = s.random || (s.rng || g)();
+  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, w(n);
+}
+class m {
+  constructor() {
+    a(this, "listeners", /* @__PURE__ */ new Set());
+    a(this, "portals", /* @__PURE__ */ new Map());
+    a(this, "queue", []);
+    a(this, "isProcessing", !1);
+    a(this, "pendingEvents", []);
+    a(this, "broadcastScheduled", !1);
+  }
+  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((o) => {
+          try {
+            o(n.options, n.isOpen);
+          } catch (i) {
+            process.env.NODE_ENV !== "production" && console.error("[PortalManager] listener error:", i);
+          }
+        });
+    }), this.processQueue());
+  }
+  isPortalOpen(e) {
+    var t;
+    return ((t = this.portals.get(e)) == null ? void 0 : t.isOpen) ?? !1;
+  }
+  isDuplicateAllowed(e) {
+    return e === "toast";
+  }
+  subscribe(e) {
+    return this.listeners.add(e), () => {
+      this.listeners.delete(e);
+    };
+  }
+  openPortal(e, t) {
+    const n = t.id ?? this.generateId(e);
+    if (!this.isDuplicateAllowed(e) && this.isPortalOpen(n))
+      return n;
+    const i = { ...{
+      id: n,
+      type: e,
+      props: { ...t, id: n }
+    }, isOpen: !0 };
+    return this.portals.set(n, i), this.scheduleBroadcast({ options: i, isOpen: !0 }), n;
+  }
+  setPortalOpen(e, t, n = "default") {
+    var i, u;
+    const o = this.portals.get(e);
+    if (o && !(!t && o.props.forceMount && n !== "force") && o.isOpen !== t) {
+      if (!t) {
+        const c = o._openedAt;
+        if (c && Date.now() - c < 300)
+          return;
+      }
+      o.isOpen = t, t && (o._openedAt = Date.now()), this.portals.set(e, o), this.scheduleBroadcast({ options: o, isOpen: t }), t || (u = (i = o.props).onClose) == null || u.call(i);
+    }
+  }
+  updatePortal(e, t, n) {
+    const o = this.portals.get(e);
+    if (!o || o.type !== t) return;
+    const i = {
+      ...o,
+      props: { ...o.props, ...n }
+    };
+    this.portals.set(e, i), this.scheduleBroadcast({ options: i, isOpen: !0 });
+  }
+  closePortal(e) {
+    this.setPortalOpen(e, !1);
+  }
+  forceClosePortal(e) {
+    const t = this.portals.get(e);
+    t && (t.props._forceClose = !0, this.setPortalOpen(e, !1, "force"), delete t.props._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;
+  }
+  generateId(e) {
+    const t = typeof window < "u" && window.location ? window.location.pathname : "ssr", n = `${e}_${t}`;
+    return this.isDuplicateAllowed(e) ? `${n}_${P()}` : n;
+  }
+}
+const O = new m();
+export {
+  O as p
+};

package/dist/provider.cjs.js

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

package/dist/provider.es.js

@@ -1,48 +1,48 @@
-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 R, g as _, h as j, i as k } from "./index-DuUh97OP.js";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { c as E, u as P } from "./use-toastmodal-BpqFNqCw.js";
+import { T as F, a as b, b as N, c as g, d as y, e as A, f as _, g as R, 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-BDctJ_Mt.js";
+import { useState as C, useRef as x, useEffect as h, useCallback as G } from "react";
+import { p as O } from "./portal-manager-fk0biCEh.js";
 import "./index-CEwEyzHV.js";
 import "./index-DT339AZp.js";
 import J from "react-dom";
 function te() {
-  const { modals: e, dismiss: n } = C(), a = e.some((s) => s.open);
-  return /* @__PURE__ */ m(b, { children: [
+  const { modals: e, dismiss: n } = E(), a = e.some((s) => s.open);
+  return /* @__PURE__ */ p(F, { children: [
     e.map(function({
       id: s,
       title: f,
-      description: p,
+      description: T,
       content: t,
       onConfirm: r,
       confirmText: u = "확인",
-      onCancel: l,
+      onCancel: c,
       cancelText: d = "취소",
       size: i,
-      contents: c,
-      variant: w,
-      width: D,
-      closeType: T,
-      ...E
+      contents: l,
+      variant: m,
+      width: w,
+      closeType: M,
+      ...D
     }) {
-      return /* @__PURE__ */ m(F, { width: D, ...E, className: "flex flex-col gap-4", children: [
+      return /* @__PURE__ */ p(b, { width: w, ...D, 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 })
+        /* @__PURE__ */ p("div", { className: "flex flex-col gap-2", children: [
+          T && /* @__PURE__ */ o(g, { className: "text-sm text-foreground", children: T }),
+          t && /* @__PURE__ */ o(g, { children: t })
         ] }),
-        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 }),
+        l && /* @__PURE__ */ o(y, { children: l }),
+        /* @__PURE__ */ p("div", { className: v("flex items-center justify-between gap-2", M && "justify-end"), children: [
+          !M && /* @__PURE__ */ o(A, { className: "w-1/2", size: i, variant: "outline", children: d }),
           /* @__PURE__ */ o(
-            R,
+            _,
             {
-              className: T ? "" : "w-1/2",
+              className: M ? "" : "w-1/2",
               altText: "confirm",
               size: i,
-              variant: w,
+              variant: m,
               onClick: r,
               children: u
             }
@@ -51,7 +51,7 @@ function te() {
       ] }, s);
     }),
     /* @__PURE__ */ o(
-      _,
+      R,
       {
         isOpen: a ? "open" : "close",
         onClick: () => e.forEach((s) => !s.closeType && n(s.id))
@@ -65,47 +65,49 @@ const q = {
   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, n] = O([]), a = g(/* @__PURE__ */ new Map()), s = 300, f = g(/* @__PURE__ */ new Map());
-  M(() => {
-    const t = x.subscribe((r, u) => {
-      n((l) => {
-        const d = l.findIndex((i) => i.id === r.id);
+  const [e, n] = C([]), a = x(/* @__PURE__ */ new Map()), s = 300, f = x(/* @__PURE__ */ new Map());
+  h(() => {
+    const t = O.subscribe((r, u) => {
+      n((c) => {
+        const d = c.findIndex((i) => i.id === r.id);
         if (u)
           if (d === -1) {
-            const i = [...l, { ...r, isOpen: !0 }];
+            const i = [...c, { ...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;
+            const l = a.current.get(r.id);
+            return l && (clearTimeout(l), a.current.delete(r.id)), i;
           } else {
-            const i = l.slice();
+            const i = c.slice();
             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;
+            const l = a.current.get(r.id);
+            return l && (clearTimeout(l), a.current.delete(r.id)), i;
           }
         else {
-          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();
-          return c[d] = { ...c[d], isOpen: !1 }, c;
+          if (d === -1) return c;
+          const i = r.props._forceClose === !0;
+          if (c[d].props.forceMount && !i)
+            return c;
+          const l = f.current.get(r.id);
+          if (l && Date.now() - l < s)
+            return c;
+          const m = c.slice();
+          return m[d] = { ...m[d], isOpen: !1 }, m;
         }
       });
     });
     return () => t();
   }, []);
-  const p = G(
+  const T = G(
     (t) => {
       const r = e.find((u) => u.id === t);
-      r && r.props.forceMount || x.setPortalOpen(t, !1);
+      r && r.props.forceMount || O.setPortalOpen(t, !1);
     },
     [e]
   );
-  return M(() => (e.forEach((t) => {
+  return h(() => (e.forEach((t) => {
     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);
+        n((u) => u.filter((c) => c.id !== t.id)), a.current.delete(t.id);
       }, 300);
       a.current.set(t.id, r);
     }
@@ -114,11 +116,11 @@ const q = {
   }), [e]), /* @__PURE__ */ o(H, { children: e.map((t) => {
     if (!t.isOpen || t.type === "toast") return null;
     const r = q[t.type];
-    return r(t, () => p(t.id));
+    return r(t, () => T(t.id));
   }) });
 }, H = ({ children: e }) => {
-  const [n, a] = O(null);
-  return M(() => {
+  const [n, a] = C(null);
+  return h(() => {
     if (typeof document > "u") return;
     let s = document.getElementById("portal");
     s || (s = document.createElement("div"), s.id = "portal", document.body.appendChild(s)), a(s);
@@ -126,7 +128,7 @@ const q = {
 };
 function ne() {
   const { toasts: e } = P();
-  return /* @__PURE__ */ m(j, { children: [
+  return /* @__PURE__ */ p(j, { children: [
     e.map((n) => /* @__PURE__ */ o(B, { ...n }, n.id)),
     /* @__PURE__ */ o(k, {})
   ] });

package/dist/types/hooks.d.ts

@@ -219,6 +219,7 @@ export declare const usePortal: () => {
     custom: (props: FreeFormProps) => string;
     getIsOpen: (id: string) => boolean;
     closePortal: (id: string) => void;
+    forceClosePortal: (id: string) => void;
     closeAllPortals: () => void;
     openPortals: string[];
 };

package/dist/types/utils.d.ts

@@ -227,9 +227,10 @@ declare class PortalManager {
     openPortal<T extends PortalType>(type: T, props: PortalTypeMap[T] & {
         id?: string;
     }): string;
-    setPortalOpen(id: string, isOpen: boolean): void;
+    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[];

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

package/package.json

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

package/dist/portal-manager-BDctJ_Mt.js

@@ -1,138 +0,0 @@
-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", /* @__PURE__ */ new Set());
-    a(this, "portals", /* @__PURE__ */ 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 b = new m();
-export {
-  b as p
-};

package/dist/portal-manager-BGE-3NOa.cjs

@@ -1 +0,0 @@
-"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;