reaxify 0.0.93 → 0.0.95

package/dist/components/Menu/index.es.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as i, jsxs as $ } from "react/jsx-runtime";
-import F from "../../helpers/cn.es.js";
-import I from "../../hooks/useClasses.es.js";
-import { createContext as T, useRef as L, useCallback as k, useEffect as B, useImperativeHandle as q, useContext as P } from "react";
-import { useHotkey as A } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
-import { twMerge as H } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import D from "../Button/index.es.js";
-import G from "../Portal/index.es.js";
-import J from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const v = T({
+import { jsx as r, jsxs as J } from "react/jsx-runtime";
+import K from "../../helpers/cn.es.js";
+import $ from "../../hooks/useClasses.es.js";
+import { createContext as Q, useRef as N, useCallback as H, useEffect as W, useImperativeHandle as U, useContext as z } from "react";
+import { useHotkey as V } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
+import { twMerge as O } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import X from "../Button/index.es.js";
+import Y from "../Portal/index.es.js";
+import Z from "../../node_modules/react-transition-group/esm/Transition.es.js";
+const w = Q({
   open: !1,
   onClose: () => {
   },
@@ -16,97 +16,120 @@ const v = T({
   closeOnClick: !1,
   preventClose: !1
 });
-function K({
-  as: r,
-  ref: s,
+function _({
+  as: s,
+  ref: l,
   open: e,
-  onClose: l,
+  duration: m = 300,
+  onClose: o,
+  onEnter: x,
+  onEntering: v,
+  onEntered: y,
+  onExit: c,
+  onExiting: b,
+  onExited: C,
   closeOnClick: u = !1,
-  preventClose: f = !1,
-  anchorEl: m = null,
-  className: y,
-  children: a,
-  ...b
+  preventClose: M = !1,
+  anchorEl: k = null,
+  className: j,
+  children: R,
+  ...S
 }) {
-  const C = I((t) => t.menu.base), d = r || "ul", n = 16, o = L(null), N = L({
+  const D = $((t) => t.menu.base), F = s || "ul", n = 16, i = N(null), T = N({
     left: n,
     right: n,
     top: n
-  }), W = {
+  }), q = {
     entering: "scale-100 opacity-100",
     entered: "scale-100 opacity-100",
     exiting: "scale-90 opacity-0",
     exited: "scale-90 opacity-0",
     unmounted: ""
-  }, z = k((t) => {
-    N.current = t;
-  }, []), O = k((t) => {
-    var c, g, p;
-    (c = o.current) == null || c.style.setProperty("--left", `${t.left}px`), (g = o.current) == null || g.style.setProperty("--right", `${t.right}px`), (p = o.current) == null || p.style.setProperty("--top", `${t.top}px`);
-  }, []), h = k(() => {
-    var R, E;
-    if (!e || !m) return;
-    const t = m.getBoundingClientRect(), c = window.innerWidth, g = window.innerHeight, p = ((R = o.current) == null ? void 0 : R.offsetWidth) || 150, S = ((E = o.current) == null ? void 0 : E.offsetHeight) || 200;
-    let w = t.left, M = t.right, x = t.bottom;
-    w = Math.min(Math.max(w, n), c - p - n), M = Math.min(
-      Math.max(c - t.right, n),
-      c - p - n
-    ), x = Math.min(Math.max(x, n), g - S - n), z({ left: w, right: M, top: x }), O({ left: w, right: M, top: x });
-  }, [e, m, z, O]), j = () => {
-    f || l == null || l();
+  }, E = H((t) => {
+    T.current = t;
+  }, []), L = H((t) => {
+    var a, p, f;
+    (a = i.current) == null || a.style.setProperty("--left", `${t.left}px`), (p = i.current) == null || p.style.setProperty("--right", `${t.right}px`), (f = i.current) == null || f.style.setProperty("--top", `${t.top}px`);
+  }, []), d = H(() => {
+    var B, I;
+    if (!e || !k) return;
+    const t = k.getBoundingClientRect(), a = window.innerWidth, p = window.innerHeight, f = ((B = i.current) == null ? void 0 : B.offsetWidth) || 150, G = ((I = i.current) == null ? void 0 : I.offsetHeight) || 200;
+    let h = t.left, P = t.right, g = t.bottom;
+    h = Math.min(Math.max(h, n), a - f - n), P = Math.min(
+      Math.max(a - t.right, n),
+      a - f - n
+    ), g = Math.min(Math.max(g, n), p - G - n), E({ left: h, right: P, top: g }), L({ left: h, right: P, top: g });
+  }, [e, k, E, L]), A = () => {
+    M || o == null || o();
   };
-  return B(() => {
-    h();
-  }, [h, a]), B(() => {
+  return W(() => {
+    d();
+  }, [d, R]), W(() => {
     const t = () => {
-      h();
+      d();
     };
     return window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
       window.removeEventListener("scroll", t), window.removeEventListener("resize", t);
     };
-  }, [h]), q(s, () => o.current), A("Escape", () => l(), {
+  }, [d]), U(l, () => i.current), V("Escape", () => o(), {
     conflictBehavior: "allow",
     ignoreInputs: !0,
-    enabled: e && !f
-  }), /* @__PURE__ */ i(G, { children: /* @__PURE__ */ i(J, { nodeRef: o, in: e, timeout: 300, unmountOnExit: !0, children: (t) => /* @__PURE__ */ i(
-    v.Provider,
+    enabled: e && !M
+  }), /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(
+    Z,
     {
-      value: {
-        open: e,
-        onClose: j,
-        transitionState: t,
-        closeOnClick: u,
-        preventClose: f
-      },
-      children: /* @__PURE__ */ $(Q, { children: [
-        /* @__PURE__ */ i(U, {}),
-        /* @__PURE__ */ i(
-          d,
-          {
-            ref: o,
-            autoFocus: !0,
-            "data-open": e,
-            role: "menu",
-            className: H(
-              "w-fit min-w-52 bg-white shadow-lg rounded py-2 transition-[scale,opacity] absolute top-(--top) left-(--left) right-auto origin-top-left rtl:left-auto rtl:right-(--right) rtl:origin-top-right",
-              C,
-              W[t],
-              y
-            ),
-            ...b,
-            children: a
-          }
-        )
-      ] })
+      nodeRef: i,
+      in: e,
+      timeout: m,
+      unmountOnExit: !0,
+      onEnter: x,
+      onEntering: v,
+      onEntered: y,
+      onExit: c,
+      onExiting: b,
+      onExited: C,
+      children: (t) => /* @__PURE__ */ r(
+        w.Provider,
+        {
+          value: {
+            open: e,
+            onClose: A,
+            transitionState: t,
+            closeOnClick: u,
+            preventClose: M
+          },
+          children: /* @__PURE__ */ J(tt, { children: [
+            /* @__PURE__ */ r(et, {}),
+            /* @__PURE__ */ r(
+              F,
+              {
+                ref: i,
+                autoFocus: !0,
+                "data-open": e,
+                role: "menu",
+                style: { transitionDuration: `${m}ms` },
+                className: O(
+                  "w-fit min-w-52 bg-white shadow-lg rounded py-2 transition-[scale,opacity] absolute top-(--top) left-(--left) right-auto origin-top-left rtl:left-auto rtl:right-(--right) rtl:origin-top-right",
+                  D,
+                  q[t],
+                  j
+                ),
+                ...S,
+                children: R
+              }
+            )
+          ] })
+        }
+      )
     }
-  ) }) });
+  ) });
 }
-function Q({ children: r }) {
-  const { transitionState: s } = P(v);
-  return /* @__PURE__ */ i(
+function tt({ children: s }) {
+  const { transitionState: l } = z(w);
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: H(
+      className: O(
         "fixed inset-0 size-full flex flex-col bg-transparent transition-opacity overflow-hidden z-10",
         {
           entering: "active pointer-events-auto",
@@ -114,55 +137,55 @@ function Q({ children: r }) {
           exiting: "pointer-events-none",
           exited: "pointer-events-none",
           unmounted: ""
-        }[s]
+        }[l]
       ),
-      children: r
+      children: s
     }
   );
 }
-function U() {
-  const { onClose: r, preventClose: s } = P(v);
-  return /* @__PURE__ */ i(
+function et() {
+  const { onClose: s, preventClose: l } = z(w);
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: F(
+      className: K(
         "w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",
-        s && "[&:active~*]:scale-95"
+        l && "[&:active~*]:scale-95"
       ),
-      onClick: r
+      onClick: s
     }
   );
 }
-function V({
-  as: r,
-  closeOnClick: s,
+function nt({
+  as: s,
+  closeOnClick: l,
   className: e,
-  children: l,
-  onClick: u,
-  ...f
+  children: m,
+  onClick: o,
+  ...x
 }) {
-  const m = I((d) => d.menu.item.base), { closeOnClick: y, onClose: a } = P(v), b = s ?? y, C = (d) => {
-    b && (a == null || a()), u == null || u(d);
+  const v = $((u) => u.menu.item.base), { closeOnClick: y, onClose: c } = z(w), b = l ?? y, C = (u) => {
+    b && (c == null || c()), o == null || o(u);
   };
-  return /* @__PURE__ */ i(
-    D,
+  return /* @__PURE__ */ r(
+    X,
     {
-      as: r ?? "li",
+      as: s ?? "li",
       color: "light",
       variant: "text",
       role: "menuitem",
-      className: H(
+      className: O(
         "w-full flex items-center justify-start align-middle px-4 py-1.5 bg-transparent text-base font-normal rounded-none whitespace-nowrap transition-colors hover:bg-dark/5",
-        m,
+        v,
         e
       ),
       onClick: C,
-      ...f,
-      children: l
+      ...x,
+      children: m
     }
   );
 }
-K.Item = V;
+_.Item = nt;
 export {
-  K as default
+  _ as default
 };

package/dist/components/Modal/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),f=require("../../helpers/cn.cjs.js"),u=require("../../hooks/useClasses.cjs.js"),l=require("react"),C=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),j=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),p=require("../Card/index.cjs.js"),h=require("../Portal/index.cjs.js"),w=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),g=l.createContext({size:"md",open:!1,onClose:()=>{},transitionState:"unmounted",duration:300});function c({as:t,ref:n,size:o="md",open:e=!1,onClose:a=()=>{},duration:i=300,preventClose:r=!1,className:b,children:v,...d}){const m=u(x=>x.modal.base),y=l.useRef(null),q=t||"div",z={entering:"active opacity-100 pointer-events-auto",entered:"active opacity-100 pointer-events-auto",exiting:"opacity-0 pointer-events-none",exited:"opacity-0 pointer-events-none",unmounted:""},M=()=>{r||a()};return l.useImperativeHandle(n,()=>y.current),C.useHotkey("Escape",()=>a(),{conflictBehavior:"allow",ignoreInputs:!0,enabled:e&&!r}),s.jsx(h,{children:s.jsx(w.default,{nodeRef:y,in:e,timeout:i,unmountOnExit:!0,children:x=>s.jsxs(q,{ref:y,"data-open":e,style:{transitionDuration:`${i}ms`},className:j.twMerge("modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",m,z[x],b),...d,children:[s.jsx("div",{onClick:M,className:f("absolute inset-0 cursor-default opacity-0",r&&"[&:active~*]:scale-95")}),s.jsx(g.Provider,{value:{size:o,open:e,onClose:M,transitionState:x,duration:i},children:v})]})})})}function H({className:t,children:n,...o}){const e=u(d=>d.modal.dialog),{size:a,transitionState:i,duration:r}=l.useContext(g),b={entering:"scale-100",entered:"scale-100",exiting:"scale-75",exited:"scale-75",unmounted:""},v=l.useMemo(()=>{var m;return[{sm:"min-[576px]:w-[300px]",md:"min-[576px]:w-[500px]",lg:"min-[992px]:w-[800px]"}[a],(m=e==null?void 0:e.size)==null?void 0:m[a]]},[a,e==null?void 0:e.size]);return s.jsx(p,{as:"div",style:{transitionDuration:`${r}ms`},className:j.twMerge("max-w-full max-h-full m-auto transition-transform",e==null?void 0:e.base,v,b[i],t),...o,children:n})}function N({className:t,...n}){const o=u(e=>e.modal.header.base);return s.jsx(p.Header,{className:f(o,t),...n})}function S({className:t,...n}){const o=u(e=>e.modal.body.base);return s.jsx(p.Body,{className:f(o,t),...n})}function k({className:t,...n}){const o=u(e=>e.modal.footer.base);return s.jsx(p.Footer,{className:f(o,t),...n})}c.Dialog=H;c.Header=N;c.Body=S;c.Footer=k;exports.ModalContext=g;exports.default=c;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),m=require("../../helpers/cn.cjs.js"),r=require("../../hooks/useClasses.cjs.js"),i=require("react"),k=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),z=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),x=require("../Card/index.cjs.js"),R=require("../Portal/index.cjs.js"),B=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),j=i.createContext({size:"md",open:!1,onClose:()=>{},transitionState:"unmounted",duration:300});function l({as:t,ref:n,size:o="md",open:e=!1,onClose:a=()=>{},onEnter:f,onEntering:p,onEntered:b,onExit:v,onExiting:u,onExited:c,duration:y=300,preventClose:g=!1,className:C,children:h,...w}){const H=r(d=>d.modal.base),M=i.useRef(null),N=t||"div",S={entering:"active opacity-100 pointer-events-auto",entered:"active opacity-100 pointer-events-auto",exiting:"opacity-0 pointer-events-none",exited:"opacity-0 pointer-events-none",unmounted:""},q=()=>{g||a()};return i.useImperativeHandle(n,()=>M.current),k.useHotkey("Escape",()=>a(),{conflictBehavior:"allow",ignoreInputs:!0,enabled:e&&!g}),s.jsx(R,{children:s.jsx(B.default,{nodeRef:M,in:e,timeout:y,unmountOnExit:!0,onEnter:f,onEntering:p,onEntered:b,onExit:v,onExiting:u,onExited:c,children:d=>s.jsxs(N,{ref:M,"data-open":e,style:{transitionDuration:`${y}ms`},className:z.twMerge("modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",H,S[d],C),...w,children:[s.jsx("div",{onClick:q,className:m("absolute inset-0 cursor-default opacity-0",g&&"[&:active~*]:scale-95")}),s.jsx(j.Provider,{value:{size:o,open:e,onClose:q,transitionState:d,duration:y},children:h})]})})})}function D({className:t,children:n,...o}){const e=r(u=>u.modal.dialog),{size:a,transitionState:f,duration:p}=i.useContext(j),b={entering:"scale-100",entered:"scale-100",exiting:"scale-75",exited:"scale-75",unmounted:""},v=i.useMemo(()=>{var c;return[{sm:"min-[576px]:w-[300px]",md:"min-[576px]:w-[500px]",lg:"min-[992px]:w-[800px]"}[a],(c=e==null?void 0:e.size)==null?void 0:c[a]]},[a,e==null?void 0:e.size]);return s.jsx(x,{as:"div",style:{transitionDuration:`${p}ms`},className:z.twMerge("max-w-full max-h-full m-auto transition-transform",e==null?void 0:e.base,v,b[f],t),...o,children:n})}function F({className:t,...n}){const o=r(e=>e.modal.header.base);return s.jsx(x.Header,{className:m(o,t),...n})}function $({className:t,...n}){const o=r(e=>e.modal.body.base);return s.jsx(x.Body,{className:m(o,t),...n})}function E({className:t,...n}){const o=r(e=>e.modal.footer.base);return s.jsx(x.Footer,{className:m(o,t),...n})}l.Dialog=D;l.Header=F;l.Body=$;l.Footer=E;exports.ModalContext=j;exports.default=l;

package/dist/components/Modal/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithAs, Size, ToggleProps } from '../../types';
+import { ComponentPropsWithAs, Size, ToggleEventProps, ToggleProps } from '../../types';
 import { ComponentProps, ElementType } from 'react';
 import { TransitionStatus } from 'react-transition-group';
 type Context = {
@@ -10,13 +10,13 @@ type ModalProps = {
     size?: Size;
     duration?: number;
     preventClose?: boolean;
-} & Partial<ToggleProps>;
+} & Partial<ToggleEventProps> & Partial<ToggleProps>;
 type ModalDialogProps = Omit<ComponentProps<"div">, "as" | "ref">;
 type ModalHeaderProps = ComponentProps<"div">;
 type ModalBodyProps = ComponentProps<"div">;
 type ModalFooterProps = ComponentProps<"div">;
 export declare const ModalContext: import('react').Context<Context>;
-declare function Modal<E extends ElementType = "div">({ as, ref, size, open, onClose, duration, preventClose, className, children, ...props }: ComponentPropsWithAs<E, ModalProps>): import("react/jsx-runtime").JSX.Element;
+declare function Modal<E extends ElementType = "div">({ as, ref, size, open, onClose, onEnter, onEntering, onEntered, onExit, onExiting, onExited, duration, preventClose, className, children, ...props }: ComponentPropsWithAs<E, ModalProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace Modal {
     var Dialog: typeof ModalDialog;
     var Header: typeof ModalHeader;

package/dist/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAIlE,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKtE,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,EAAE,gBAAgB,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;AAChB,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AACzB,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AAClE,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9C,KAAK,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC5C,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,YAAY,kCAMvB,CAAC;AAEH,iBAAS,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC5C,EAAE,EACF,GAAG,EACH,IAAW,EACX,IAAY,EACZ,OAAkB,EAClB,QAAc,EACd,YAAoB,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,2CA4DrC;kBAvEQ,KAAK;;;;;;AAwEd,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAkCvE;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAG7D;AACD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAGzD;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAG7D;AAOD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,IAAI,EACJ,gBAAgB,EAChB,WAAW,EACZ,MAAM,SAAS,CAAC;AAIjB,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKtE,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,EAAE,gBAAgB,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;AAChB,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAC3B,OAAO,CAAC,WAAW,CAAC,CAAC;AACvB,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AAClE,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9C,KAAK,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC5C,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,YAAY,kCAMvB,CAAC;AAEH,iBAAS,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC5C,EAAE,EACF,GAAG,EACH,IAAW,EACX,IAAY,EACZ,OAAkB,EAClB,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAc,EACd,YAAoB,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,2CAuErC;kBAxFQ,KAAK;;;;;;AAyFd,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAkCvE;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAG7D;AACD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAGzD;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAG7D;AAOD,eAAe,KAAK,CAAC"}

package/dist/components/Modal/index.es.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import u from "../../helpers/cn.es.js";
-import l from "../../hooks/useClasses.es.js";
-import { createContext as w, useRef as N, useImperativeHandle as H, useContext as k, useMemo as B } from "react";
-import { useHotkey as D } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
-import { twMerge as g } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import f from "../Card/index.es.js";
-import S from "../Portal/index.es.js";
-import F from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const z = w({
+import { jsx as a, jsxs as D } from "react/jsx-runtime";
+import m from "../../helpers/cn.es.js";
+import s from "../../hooks/useClasses.es.js";
+import { createContext as S, useRef as F, useImperativeHandle as R, useContext as j, useMemo as E } from "react";
+import { useHotkey as I } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
+import { twMerge as C } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import d from "../Card/index.es.js";
+import P from "../Portal/index.es.js";
+import $ from "../../node_modules/react-transition-group/esm/Transition.es.js";
+const M = S({
   size: "md",
   open: !1,
   onClose: () => {
@@ -16,98 +16,119 @@ const z = w({
   transitionState: "unmounted",
   duration: 300
 });
-function p({
+function u({
   as: t,
   ref: o,
   size: n = "md",
   open: e = !1,
   onClose: i = () => {
   },
-  duration: s = 300,
-  preventClose: r = !1,
-  className: x,
-  children: v,
-  ...c
+  onEnter: f,
+  onEntering: p,
+  onEntered: x,
+  onExit: v,
+  onExiting: r,
+  onExited: l,
+  duration: y = 300,
+  preventClose: b = !1,
+  className: h,
+  children: w,
+  ...N
 }) {
-  const m = l((d) => d.modal.base), y = N(null), C = t || "div", M = {
+  const H = s((c) => c.modal.base), g = F(null), k = t || "div", B = {
     entering: "active opacity-100 pointer-events-auto",
     entered: "active opacity-100 pointer-events-auto",
     exiting: "opacity-0 pointer-events-none",
     exited: "opacity-0 pointer-events-none",
     unmounted: ""
-  }, b = () => {
-    r || i();
+  }, z = () => {
+    b || i();
   };
-  return H(o, () => y.current), D("Escape", () => i(), {
+  return R(o, () => g.current), I("Escape", () => i(), {
     conflictBehavior: "allow",
     ignoreInputs: !0,
-    enabled: e && !r
-  }), /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(F, { nodeRef: y, in: e, timeout: s, unmountOnExit: !0, children: (d) => /* @__PURE__ */ h(
-    C,
+    enabled: e && !b
+  }), /* @__PURE__ */ a(P, { children: /* @__PURE__ */ a(
+    $,
     {
-      ref: y,
-      "data-open": e,
-      style: { transitionDuration: `${s}ms` },
-      className: g(
-        "modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",
-        m,
-        M[d],
-        x
-      ),
-      ...c,
-      children: [
-        /* @__PURE__ */ a(
-          "div",
-          {
-            onClick: b,
-            className: u(
-              "absolute inset-0 cursor-default opacity-0",
-              r && "[&:active~*]:scale-95"
+      nodeRef: g,
+      in: e,
+      timeout: y,
+      unmountOnExit: !0,
+      onEnter: f,
+      onEntering: p,
+      onEntered: x,
+      onExit: v,
+      onExiting: r,
+      onExited: l,
+      children: (c) => /* @__PURE__ */ D(
+        k,
+        {
+          ref: g,
+          "data-open": e,
+          style: { transitionDuration: `${y}ms` },
+          className: C(
+            "modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",
+            H,
+            B[c],
+            h
+          ),
+          ...N,
+          children: [
+            /* @__PURE__ */ a(
+              "div",
+              {
+                onClick: z,
+                className: m(
+                  "absolute inset-0 cursor-default opacity-0",
+                  b && "[&:active~*]:scale-95"
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              M.Provider,
+              {
+                value: {
+                  size: n,
+                  open: e,
+                  onClose: z,
+                  transitionState: c,
+                  duration: y
+                },
+                children: w
+              }
             )
-          }
-        ),
-        /* @__PURE__ */ a(
-          z.Provider,
-          {
-            value: {
-              size: n,
-              open: e,
-              onClose: b,
-              transitionState: d,
-              duration: s
-            },
-            children: v
-          }
-        )
-      ]
+          ]
+        }
+      )
     }
-  ) }) });
+  ) });
 }
-function R({ className: t, children: o, ...n }) {
-  const e = l((c) => c.modal.dialog), { size: i, transitionState: s, duration: r } = k(z), x = {
+function O({ className: t, children: o, ...n }) {
+  const e = s((r) => r.modal.dialog), { size: i, transitionState: f, duration: p } = j(M), x = {
     entering: "scale-100",
     entered: "scale-100",
     exiting: "scale-75",
     exited: "scale-75",
     unmounted: ""
-  }, v = B(() => {
-    var m;
+  }, v = E(() => {
+    var l;
     return [{
       sm: "min-[576px]:w-[300px]",
       md: "min-[576px]:w-[500px]",
       lg: "min-[992px]:w-[800px]"
-    }[i], (m = e == null ? void 0 : e.size) == null ? void 0 : m[i]];
+    }[i], (l = e == null ? void 0 : e.size) == null ? void 0 : l[i]];
   }, [i, e == null ? void 0 : e.size]);
   return /* @__PURE__ */ a(
-    f,
+    d,
     {
       as: "div",
-      style: { transitionDuration: `${r}ms` },
-      className: g(
+      style: { transitionDuration: `${p}ms` },
+      className: C(
         "max-w-full max-h-full m-auto transition-transform",
         e == null ? void 0 : e.base,
         v,
-        x[s],
+        x[f],
         t
       ),
       ...n,
@@ -115,23 +136,23 @@ function R({ className: t, children: o, ...n }) {
     }
   );
 }
-function j({ className: t, ...o }) {
-  const n = l((e) => e.modal.header.base);
-  return /* @__PURE__ */ a(f.Header, { className: u(n, t), ...o });
+function T({ className: t, ...o }) {
+  const n = s((e) => e.modal.header.base);
+  return /* @__PURE__ */ a(d.Header, { className: m(n, t), ...o });
 }
-function E({ className: t, ...o }) {
-  const n = l((e) => e.modal.body.base);
-  return /* @__PURE__ */ a(f.Body, { className: u(n, t), ...o });
+function q({ className: t, ...o }) {
+  const n = s((e) => e.modal.body.base);
+  return /* @__PURE__ */ a(d.Body, { className: m(n, t), ...o });
 }
-function I({ className: t, ...o }) {
-  const n = l((e) => e.modal.footer.base);
-  return /* @__PURE__ */ a(f.Footer, { className: u(n, t), ...o });
+function A({ className: t, ...o }) {
+  const n = s((e) => e.modal.footer.base);
+  return /* @__PURE__ */ a(d.Footer, { className: m(n, t), ...o });
 }
-p.Dialog = R;
-p.Header = j;
-p.Body = E;
-p.Footer = I;
+u.Dialog = O;
+u.Header = T;
+u.Body = q;
+u.Footer = A;
 export {
-  z as ModalContext,
-  p as default
+  M as ModalContext,
+  u as default
 };

package/dist/components/Portal/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";const n=require("react"),u=require("react-dom"),d=require("../../helpers/randomID.cjs.js");function i({children:r}){const[t,o]=n.useState(null);return n.useLayoutEffect(()=>{const e=document.createElement("div"),c=d();return e.id=c,document.body.appendChild(e),o(e),()=>{document.body.removeChild(e)}},[]),t?u.createPortal(r,t):null}module.exports=i;
+"use client";"use strict";const t=require("../../stores/portalElement.cjs.js"),n=require("react"),c=require("react-dom");function s({children:r}){const e=n.useSyncExternalStore(t.subscribe,t.getElement);return e?c.createPortal(r,e):null}module.exports=s;

package/dist/components/Portal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,sCAczD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,sCAOzD"}

package/dist/components/Portal/index.es.js

@@ -1,16 +1,14 @@
 "use client";
-import { useState as d, useLayoutEffect as m } from "react";
-import { createPortal as u } from "react-dom";
-import l from "../../helpers/randomID.es.js";
-function f({ children: o }) {
-  const [t, n] = d(null);
-  return m(() => {
-    const e = document.createElement("div"), r = l();
-    return e.id = r, document.body.appendChild(e), n(e), () => {
-      document.body.removeChild(e);
-    };
-  }, []), t ? u(o, t) : null;
+import t from "../../stores/portalElement.es.js";
+import { useSyncExternalStore as o } from "react";
+import { createPortal as n } from "react-dom";
+function a({ children: r }) {
+  const e = o(
+    t.subscribe,
+    t.getElement
+  );
+  return e ? n(r, e) : null;
 }
 export {
-  f as default
+  a as default
 };

package/dist/components/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGzD,OAAO,EAGL,YAAY,EAMb,MAAM,OAAO,CAAC;AAKf,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CAC9B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAc,EACd,SAAiB,EACjB,QAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,2CAgJxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGzD,OAAO,EAGL,YAAY,EAMb,MAAM,OAAO,CAAC;AAKf,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CAC9B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAc,EACd,SAAiB,EACjB,QAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,2CAgJxC"}

package/dist/components/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/index.cjs.js"),r=require("./Alert/index.cjs.js"),i=require("./Avatar/index.cjs.js"),n=require("./Badge/index.cjs.js"),t=require("./Button/index.cjs.js"),o=require("./ButtonGroup/index.cjs.js"),u=require("./Card/index.cjs.js"),d=require("./Divider/index.cjs.js"),c=require("./Drawer/index.cjs.js"),s=require("./Fill/index.cjs.js"),q=require("./InputGroup/index.cjs.js"),x=require("./Menu/index.cjs.js"),$=require("./Modal/index.cjs.js"),a=require("./Portal/index.cjs.js"),l=require("./Progress/index.cjs.js"),p=require("./Skeleton/index.cjs.js"),f=require("./Spacer/index.cjs.js"),S=require("./Spinner/index.cjs.js"),g=require("./Stack/index.cjs.js"),b=require("./Switch/index.cjs.js"),T=require("./Table/index.cjs.js"),y=require("./Tabs/index.cjs.js"),h=require("./Tooltip/index.cjs.js"),k=require("./Typography/index.cjs.js");;/* empty css                */exports.Accordion=e;exports.Alert=r.default;exports.Avatar=i;exports.Badge=n;exports.Button=t;exports.ButtonGroup=o.default;exports.Card=u;exports.Divider=d;exports.Drawer=c.default;exports.Fill=s;exports.InputGroup=q;exports.Menu=x;exports.Modal=$.default;exports.Portal=a;exports.Progress=l;exports.Skeleton=p;exports.Spacer=f;exports.Spinner=S;exports.Stack=g;exports.Switch=b;exports.Table=T;exports.Tabs=y.default;exports.Tooltip=h;exports.Typography=k;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/index.cjs.js"),r=require("./Alert/index.cjs.js"),i=require("./Avatar/index.cjs.js"),n=require("./Badge/index.cjs.js"),t=require("./Button/index.cjs.js"),o=require("./ButtonGroup/index.cjs.js"),u=require("./Card/index.cjs.js"),d=require("./Divider/index.cjs.js"),c=require("./Drawer/index.cjs.js"),s=require("./Fill/index.cjs.js"),q=require("./InputGroup/index.cjs.js"),x=require("./Menu/index.cjs.js"),$=require("./Modal/index.cjs.js"),a=require("./Portal/index.cjs.js"),l=require("./Progress/index.cjs.js"),p=require("./Skeleton/index.cjs.js"),f=require("./Spacer/index.cjs.js"),S=require("./Spinner/index.cjs.js"),g=require("./Stack/index.cjs.js"),b=require("./Switch/index.cjs.js"),T=require("./Table/index.cjs.js"),y=require("./Tabs/index.cjs.js"),h=require("./Tooltip/index.cjs.js"),k=require("./Typography/index.cjs.js");exports.Accordion=e;exports.Alert=r.default;exports.Avatar=i;exports.Badge=n;exports.Button=t;exports.ButtonGroup=o.default;exports.Card=u;exports.Divider=d;exports.Drawer=c.default;exports.Fill=s;exports.InputGroup=q;exports.Menu=x;exports.Modal=$.default;exports.Portal=a;exports.Progress=l;exports.Skeleton=p;exports.Spacer=f;exports.Spinner=S;exports.Stack=g;exports.Switch=b;exports.Table=T;exports.Tabs=y.default;exports.Tooltip=h;exports.Typography=k;