reaxify 0.0.77 → 0.0.78

package/dist/components/Drawer/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"),d=require("../../hooks/useClasses.cjs.js"),i=require("react"),M=require("../../hooks/useKeyDown.cjs.js"),g=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),b=require("../../helpers/cn.cjs.js"),f=require("../Card/index.cjs.js"),q=require("../Portal/index.cjs.js"),R=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),h=i.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted"});function x({as:n,ref:a,open:r=!1,onClose:e=()=>{},duration:o=300,anchor:u="end",className:w="",children:y,...v}){const t=d(l=>l.drawer),c=i.useRef(null),m=n||"div",j={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:""},C=i.useMemo(()=>{var p;const l={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},D=(p=t==null?void 0:t.anchor)==null?void 0:p[u];return[l[u],D]},[u,t==null?void 0:t.anchor]);return i.useImperativeHandle(a,()=>c.current),M(e,"Escape",r),s.jsx(q,{children:s.jsx(R.default,{nodeRef:c,in:r,timeout:o,unmountOnExit:!0,children:l=>s.jsxs(m,{ref:c,style:{transitionDuration:`${o}ms`},"data-open":r,className:g.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",t==null?void 0:t.base,j[l],C,w),...v,children:[s.jsx("button",{type:"button",onClick:()=>e(),className:"absolute inset-0 size-full cursor-default opacity-0"}),s.jsx(h.Provider,{value:{open:r,onClose:e,transitionState:l,duration:o,anchor:u},children:y})]})})})}function N({children:n,className:a="",...r}){const e=d(t=>t.drawer.menu),{anchor:o,duration:u,transitionState:w}=i.useContext(h),y=i.useMemo(()=>{var m;const t={start:"w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",end:"w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",top:"w-full h-[31.875rem] max-h-[92.5%] rounded-b mb-auto",bottom:"w-full h-[31.875rem] max-h-[92.5%] rounded-t mt-auto"},c=(m=e==null?void 0:e.anchor)==null?void 0:m[o];return[t[o],c]},[o,e==null?void 0:e.anchor]),v=i.useMemo(()=>({start:{entering:"translate-x-0",entered:"translate-x-0",exiting:"-translate-x-[calc(100%*var(--drawer-ratio))]",exited:"-translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},end:{entering:"translate-x-0",entered:"translate-x-0",exiting:"translate-x-[calc(100%*var(--drawer-ratio))]",exited:"translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},top:{entering:"translate-y-0",entered:"translate-y-0",exiting:"-translate-y-full",exited:"-translate-y-full",unmounted:""},bottom:{entering:"translate-y-0",entered:"translate-y-0",exiting:"translate-y-full",exited:"translate-y-full",unmounted:""}})[o],[o]);return s.jsx(f,{as:"div",style:{transitionDuration:`${u}ms`},className:g.twMerge("relative flex flex-col transition-[translate,width] rounded-none",e==null?void 0:e.base,v[w],y,a),...r,children:n})}function S({className:n,...a}){const r=d(e=>e.drawer.header.base);return s.jsx(f.Header,{className:b(r,n),...a})}function H({className:n,...a}){const r=d(e=>e.drawer.body.base);return s.jsx(f.Body,{className:b("flex-1 overflow-auto",r,n),...a})}function k({className:n,...a}){const r=d(e=>e.drawer.footer.base);return s.jsx(f.Footer,{className:b(r,n),...a})}x.Menu=N;x.Header=S;x.Body=H;x.Footer=k;exports.DrawerContext=h;exports.default=x;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),d=require("../../hooks/useClasses.cjs.js"),i=require("react"),M=require("../../hooks/useKeyDown.cjs.js"),g=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),b=require("../../helpers/cn.cjs.js"),f=require("../Card/index.cjs.js"),q=require("../Portal/index.cjs.js"),R=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),p=i.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted"});function x({as:n,ref:a,open:r=!1,onClose:e=()=>{},duration:o=300,anchor:u="end",className:w="",children:y,...v}){const t=d(l=>l.drawer),c=i.useRef(null),m=n||"div",j={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:""},C=i.useMemo(()=>{var h;const l={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},D=(h=t==null?void 0:t.anchor)==null?void 0:h[u];return[l[u],D]},[u,t==null?void 0:t.anchor]);return i.useImperativeHandle(a,()=>c.current),M(e,{skip:r,targetKey:"Escape"}),s.jsx(q,{children:s.jsx(R.default,{nodeRef:c,in:r,timeout:o,unmountOnExit:!0,children:l=>s.jsxs(m,{ref:c,style:{transitionDuration:`${o}ms`},"data-open":r,className:g.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",t==null?void 0:t.base,j[l],C,w),...v,children:[s.jsx("button",{type:"button",onClick:()=>e(),className:"absolute inset-0 size-full cursor-default opacity-0"}),s.jsx(p.Provider,{value:{open:r,onClose:e,transitionState:l,duration:o,anchor:u},children:y})]})})})}function N({children:n,className:a="",...r}){const e=d(t=>t.drawer.menu),{anchor:o,duration:u,transitionState:w}=i.useContext(p),y=i.useMemo(()=>{var m;const t={start:"w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",end:"w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",top:"w-full h-[31.875rem] max-h-[92.5%] rounded-b mb-auto",bottom:"w-full h-[31.875rem] max-h-[92.5%] rounded-t mt-auto"},c=(m=e==null?void 0:e.anchor)==null?void 0:m[o];return[t[o],c]},[o,e==null?void 0:e.anchor]),v=i.useMemo(()=>({start:{entering:"translate-x-0",entered:"translate-x-0",exiting:"-translate-x-[calc(100%*var(--drawer-ratio))]",exited:"-translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},end:{entering:"translate-x-0",entered:"translate-x-0",exiting:"translate-x-[calc(100%*var(--drawer-ratio))]",exited:"translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},top:{entering:"translate-y-0",entered:"translate-y-0",exiting:"-translate-y-full",exited:"-translate-y-full",unmounted:""},bottom:{entering:"translate-y-0",entered:"translate-y-0",exiting:"translate-y-full",exited:"translate-y-full",unmounted:""}})[o],[o]);return s.jsx(f,{as:"div",style:{transitionDuration:`${u}ms`},className:g.twMerge("relative flex flex-col transition-[translate,width] rounded-none",e==null?void 0:e.base,v[w],y,a),...r,children:n})}function S({className:n,...a}){const r=d(e=>e.drawer.header.base);return s.jsx(f.Header,{className:b(r,n),...a})}function k({className:n,...a}){const r=d(e=>e.drawer.body.base);return s.jsx(f.Body,{className:b("flex-1 overflow-auto",r,n),...a})}function H({className:n,...a}){const r=d(e=>e.drawer.footer.base);return s.jsx(f.Footer,{className:b(r,n),...a})}x.Menu=N;x.Header=S;x.Body=k;x.Footer=H;exports.DrawerContext=p;exports.default=x;

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

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as s, jsxs as N } from "react/jsx-runtime";
 import d from "../../hooks/useClasses.es.js";
-import { createContext as H, useRef as M, useMemo as y, useImperativeHandle as k, useContext as z } from "react";
+import { createContext as k, useRef as H, useMemo as y, useImperativeHandle as M, useContext as z } from "react";
 import B from "../../hooks/useKeyDown.es.js";
 import { twMerge as h } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 import v from "../../helpers/cn.es.js";
 import m from "../Card/index.es.js";
 import F from "../Portal/index.es.js";
 import S from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const g = H({
+const g = k({
   open: !1,
   onClose: () => {
   },
@@ -28,7 +28,7 @@ function f({
   children: w,
   ...p
 }) {
-  const e = d((l) => l.drawer), u = M(null), c = n || "div", C = {
+  const e = d((l) => l.drawer), u = H(null), c = n || "div", C = {
     entering: "active opacity-100 pointer-events-auto",
     entered: "active opacity-100 pointer-events-auto",
     exiting: "opacity-0 pointer-events-none",
@@ -44,7 +44,7 @@ function f({
     }, R = (b = e == null ? void 0 : e.anchor) == null ? void 0 : b[i];
     return [l[i], R];
   }, [i, e == null ? void 0 : e.anchor]);
-  return k(a, () => u.current), B(t, "Escape", r), /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(S, { nodeRef: u, in: r, timeout: o, unmountOnExit: !0, children: (l) => /* @__PURE__ */ N(
+  return M(a, () => u.current), B(t, { skip: r, targetKey: "Escape" }), /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(S, { nodeRef: u, in: r, timeout: o, unmountOnExit: !0, children: (l) => /* @__PURE__ */ N(
     c,
     {
       ref: u,
@@ -145,7 +145,7 @@ function E({ className: n, ...a }) {
   const r = d((t) => t.drawer.header.base);
   return /* @__PURE__ */ s(m.Header, { className: v(r, n), ...a });
 }
-function P({ className: n, ...a }) {
+function K({ className: n, ...a }) {
   const r = d((t) => t.drawer.body.base);
   return /* @__PURE__ */ s(
     m.Body,
@@ -155,14 +155,14 @@ function P({ className: n, ...a }) {
     }
   );
 }
-function $({ className: n, ...a }) {
+function P({ className: n, ...a }) {
   const r = d((t) => t.drawer.footer.base);
   return /* @__PURE__ */ s(m.Footer, { className: v(r, n), ...a });
 }
 f.Menu = j;
 f.Header = E;
-f.Body = P;
-f.Footer = $;
+f.Body = K;
+f.Footer = P;
 export {
   g as DrawerContext,
   f as default

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

@@ -1 +1 @@
-"use client";"use strict";const i=require("react/jsx-runtime"),E=require("../../hooks/useClasses.cjs.js"),t=require("react"),N=require("../../hooks/useKeyDown.cjs.js"),k=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),W=require("../Portal/index.cjs.js"),I=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),w=t.createContext({open:!1,onClose:()=>{},transitionState:"unmounted",closeOnClick:!1});function H({as:r,ref:a,open:s,onClose:x,closeOnClick:C=!1,anchorEl:c=null,className:y,children:p,...b}){const M=E(e=>e.menu.base),u=r||"div",n=16,o=t.useRef(null),d=t.useRef({left:n,right:n,top:n}),O={entering:"scale-100 opacity-100",entered:"scale-100 opacity-100",exiting:"scale-90 opacity-0",exited:"scale-90 opacity-0",unmounted:""},R=t.useCallback(e=>{d.current=e},[]),q=t.useCallback(e=>{var l,h,f;(l=o.current)==null||l.style.setProperty("--left",`${e.left}px`),(h=o.current)==null||h.style.setProperty("--right",`${e.right}px`),(f=o.current)==null||f.style.setProperty("--top",`${e.top}px`)},[]),m=t.useCallback(()=>{var P,z;if(!s||!c)return;const e=c.getBoundingClientRect(),l=window.innerWidth,h=window.innerHeight,f=((P=o.current)==null?void 0:P.offsetWidth)||150,L=((z=o.current)==null?void 0:z.offsetHeight)||200;let g=e.left,j=e.right,v=e.bottom;g=Math.min(Math.max(g,n),l-f-n),j=Math.min(Math.max(l-e.right,n),l-f-n),v=Math.min(Math.max(v,n),h-L-n),R({left:g,right:j,top:v}),q({left:g,right:j,top:v})},[s,c,R,q]);return t.useEffect(()=>{m()},[m,p]),t.useEffect(()=>{const e=()=>{m()};return window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[m]),t.useImperativeHandle(a,()=>o.current),N(x,"Escape",s),i.jsx(W,{children:i.jsx(I.default,{nodeRef:o,in:s,timeout:300,unmountOnExit:!0,children:e=>i.jsx(w.Provider,{value:{open:s,onClose:x,transitionState:e,closeOnClick:C},children:i.jsxs(S,{children:[i.jsx($,{}),i.jsx(u,{ref:o,"data-open":s,className:k.twMerge("w-fit min-w-[12.5rem] bg-white shadow rounded p-2 transition-[scale,opacity] absolute top-[var(--top)] left-[var(--left)] right-auto origin-top-left rtl:left-auto rtl:right-[var(--right)] rtl:origin-top-right",M,O[e],y),...b,children:p})]})})})})}function S({children:r}){const{transitionState:a}=t.useContext(w),s={entering:"active pointer-events-auto",entered:"active pointer-events-auto",exiting:"pointer-events-none",exited:"pointer-events-none",unmounted:""};return i.jsx("div",{className:k.twMerge("fixed inset-0 size-full flex flex-col bg-transparent transition-opacity overflow-hidden z-10",s[a]),children:r})}function $(){const{onClose:r}=t.useContext(w);return i.jsx("button",{type:"button",className:"w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",onClick:r})}function B({as:r,closeOnClick:a,type:s="button",className:x,children:C,onClick:c,...y}){const p=r||"div",b=E(d=>d.menu.item.base),{closeOnClick:M,onClose:u}=t.useContext(w),n=a??M,o=d=>{n&&(u==null||u()),c==null||c(d)};return i.jsx(p,{type:s,className:k.twMerge("flex items-center px-3 py-2 w-full text-dark text-base font-normal rounded transition-colors hover:bg-dark hover:text-white",b,x),onClick:o,...y,children:C})}H.Item=B;module.exports=H;
+"use client";"use strict";const i=require("react/jsx-runtime"),E=require("../../hooks/useClasses.cjs.js"),t=require("react"),N=require("../../hooks/useKeyDown.cjs.js"),k=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),W=require("../Portal/index.cjs.js"),I=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),w=t.createContext({open:!1,onClose:()=>{},transitionState:"unmounted",closeOnClick:!1});function H({as:r,ref:a,open:s,onClose:p,closeOnClick:C=!1,anchorEl:c=null,className:y,children:x,...b}){const M=E(e=>e.menu.base),u=r||"div",n=16,o=t.useRef(null),d=t.useRef({left:n,right:n,top:n}),O={entering:"scale-100 opacity-100",entered:"scale-100 opacity-100",exiting:"scale-90 opacity-0",exited:"scale-90 opacity-0",unmounted:""},R=t.useCallback(e=>{d.current=e},[]),q=t.useCallback(e=>{var l,h,f;(l=o.current)==null||l.style.setProperty("--left",`${e.left}px`),(h=o.current)==null||h.style.setProperty("--right",`${e.right}px`),(f=o.current)==null||f.style.setProperty("--top",`${e.top}px`)},[]),m=t.useCallback(()=>{var P,z;if(!s||!c)return;const e=c.getBoundingClientRect(),l=window.innerWidth,h=window.innerHeight,f=((P=o.current)==null?void 0:P.offsetWidth)||150,L=((z=o.current)==null?void 0:z.offsetHeight)||200;let g=e.left,j=e.right,v=e.bottom;g=Math.min(Math.max(g,n),l-f-n),j=Math.min(Math.max(l-e.right,n),l-f-n),v=Math.min(Math.max(v,n),h-L-n),R({left:g,right:j,top:v}),q({left:g,right:j,top:v})},[s,c,R,q]);return t.useEffect(()=>{m()},[m,x]),t.useEffect(()=>{const e=()=>{m()};return window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[m]),t.useImperativeHandle(a,()=>o.current),N(p,{skip:s,targetKey:"Escape"}),i.jsx(W,{children:i.jsx(I.default,{nodeRef:o,in:s,timeout:300,unmountOnExit:!0,children:e=>i.jsx(w.Provider,{value:{open:s,onClose:p,transitionState:e,closeOnClick:C},children:i.jsxs(S,{children:[i.jsx($,{}),i.jsx(u,{ref:o,"data-open":s,className:k.twMerge("w-fit min-w-[12.5rem] bg-white shadow rounded p-2 transition-[scale,opacity] absolute top-[var(--top)] left-[var(--left)] right-auto origin-top-left rtl:left-auto rtl:right-[var(--right)] rtl:origin-top-right",M,O[e],y),...b,children:x})]})})})})}function S({children:r}){const{transitionState:a}=t.useContext(w),s={entering:"active pointer-events-auto",entered:"active pointer-events-auto",exiting:"pointer-events-none",exited:"pointer-events-none",unmounted:""};return i.jsx("div",{className:k.twMerge("fixed inset-0 size-full flex flex-col bg-transparent transition-opacity overflow-hidden z-10",s[a]),children:r})}function $(){const{onClose:r}=t.useContext(w);return i.jsx("button",{type:"button",className:"w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",onClick:r})}function B({as:r,closeOnClick:a,type:s="button",className:p,children:C,onClick:c,...y}){const x=r||"div",b=E(d=>d.menu.item.base),{closeOnClick:M,onClose:u}=t.useContext(w),n=a??M,o=d=>{n&&(u==null||u()),c==null||c(d)};return i.jsx(x,{type:s,className:k.twMerge("flex items-center px-3 py-2 w-full text-dark text-base font-normal rounded transition-colors hover:bg-dark hover:text-white",b,p),onClick:o,...y,children:C})}H.Item=B;module.exports=H;

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

@@ -2,9 +2,9 @@
 import { jsx as i, jsxs as $ } from "react/jsx-runtime";
 import W from "../../hooks/useClasses.es.js";
 import { createContext as j, useRef as L, useCallback as k, useEffect as N, useImperativeHandle as B, useContext as P } from "react";
-import D from "../../hooks/useKeyDown.es.js";
+import K from "../../hooks/useKeyDown.es.js";
 import { twMerge as z } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import K from "../Portal/index.es.js";
+import D from "../Portal/index.es.js";
 import T from "../../node_modules/react-transition-group/esm/Transition.es.js";
 const x = j({
   open: !1,
@@ -15,7 +15,7 @@ const x = j({
 });
 function q({
   as: r,
-  ref: a,
+  ref: l,
   open: o,
   onClose: d,
   closeOnClick: w = !1,
@@ -37,16 +37,16 @@ function q({
   }, H = k((t) => {
     u.current = t;
   }, []), O = k((t) => {
-    var l, h, f;
-    (l = n.current) == null || l.style.setProperty("--left", `${t.left}px`), (h = n.current) == null || h.style.setProperty("--right", `${t.right}px`), (f = n.current) == null || f.style.setProperty("--top", `${t.top}px`);
+    var a, h, f;
+    (a = n.current) == null || a.style.setProperty("--left", `${t.left}px`), (h = n.current) == null || h.style.setProperty("--right", `${t.right}px`), (f = n.current) == null || f.style.setProperty("--top", `${t.top}px`);
   }, []), p = k(() => {
     var R, E;
     if (!o || !s) return;
-    const t = s.getBoundingClientRect(), l = window.innerWidth, h = window.innerHeight, f = ((R = n.current) == null ? void 0 : R.offsetWidth) || 150, S = ((E = n.current) == null ? void 0 : E.offsetHeight) || 200;
+    const t = s.getBoundingClientRect(), a = window.innerWidth, h = window.innerHeight, f = ((R = n.current) == null ? void 0 : R.offsetWidth) || 150, S = ((E = n.current) == null ? void 0 : E.offsetHeight) || 200;
     let g = t.left, M = t.right, v = t.bottom;
-    g = Math.min(Math.max(g, e), l - f - e), M = Math.min(
-      Math.max(l - t.right, e),
-      l - f - e
+    g = Math.min(Math.max(g, e), a - f - e), M = Math.min(
+      Math.max(a - t.right, e),
+      a - f - e
     ), v = Math.min(Math.max(v, e), h - S - e), H({ left: g, right: M, top: v }), O({ left: g, right: M, top: v });
   }, [o, s, H, O]);
   return N(() => {
@@ -58,7 +58,7 @@ function q({
     return window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
       window.removeEventListener("scroll", t), window.removeEventListener("resize", t);
     };
-  }, [p]), B(a, () => n.current), D(d, "Escape", o), /* @__PURE__ */ i(K, { children: /* @__PURE__ */ i(T, { nodeRef: n, in: o, timeout: 300, unmountOnExit: !0, children: (t) => /* @__PURE__ */ i(
+  }, [p]), B(l, () => n.current), K(d, { skip: o, targetKey: "Escape" }), /* @__PURE__ */ i(D, { children: /* @__PURE__ */ i(T, { nodeRef: n, in: o, timeout: 300, unmountOnExit: !0, children: (t) => /* @__PURE__ */ i(
     x.Provider,
     {
       value: {
@@ -89,7 +89,7 @@ function q({
   ) }) });
 }
 function A({ children: r }) {
-  const { transitionState: a } = P(x);
+  const { transitionState: l } = P(x);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -101,7 +101,7 @@ function A({ children: r }) {
           exiting: "pointer-events-none",
           exited: "pointer-events-none",
           unmounted: ""
-        }[a]
+        }[l]
       ),
       children: r
     }
@@ -120,14 +120,14 @@ function F() {
 }
 function G({
   as: r,
-  closeOnClick: a,
+  closeOnClick: l,
   type: o = "button",
   className: d,
   children: w,
   onClick: s,
   ...y
 }) {
-  const m = r || "div", C = W((u) => u.menu.item.base), { closeOnClick: b, onClose: c } = P(x), e = a ?? b, n = (u) => {
+  const m = r || "div", C = W((u) => u.menu.item.base), { closeOnClick: b, onClose: c } = P(x), e = l ?? b, n = (u) => {
     e && (c == null || c()), s == null || s(u);
   };
   return /* @__PURE__ */ i(

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

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

@@ -3,11 +3,11 @@ import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import y from "../../helpers/cn.es.js";
 import l from "../../hooks/useClasses.es.js";
 import { createContext as M, useRef as w, useImperativeHandle as N, useContext as h, useMemo as D } from "react";
-import H from "../../hooks/useKeyDown.es.js";
+import k from "../../hooks/useKeyDown.es.js";
 import { twMerge as b } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 import d from "../Card/index.es.js";
-import S from "../Portal/index.es.js";
-import k from "../../node_modules/react-transition-group/esm/Transition.es.js";
+import H from "../Portal/index.es.js";
+import S from "../../node_modules/react-transition-group/esm/Transition.es.js";
 const v = M({
   size: "md",
   open: !1,
@@ -35,7 +35,7 @@ function u({
     exited: "opacity-0 pointer-events-none",
     unmounted: ""
   };
-  return N(o, () => s.current), H(i, "Escape", e), /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(k, { nodeRef: s, in: e, timeout: r, unmountOnExit: !0, children: (c) => /* @__PURE__ */ C(
+  return N(o, () => s.current), k(i, { skip: e, targetKey: "Escape" }), /* @__PURE__ */ a(H, { children: /* @__PURE__ */ a(S, { nodeRef: s, in: e, timeout: r, unmountOnExit: !0, children: (c) => /* @__PURE__ */ C(
     g,
     {
       ref: s,

package/dist/hooks/useKeyDown.cjs.js

@@ -1 +1 @@
-"use client";"use strict";const s=require("react");function o(r,e=null,i=!0){s.useEffect(()=>{if(!r||!i)return;const u=n=>e?Array.isArray(e)?e.includes(n):n===e:!0,t=n=>{u(n.key)&&r(n.key)};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[r,e,i])}module.exports=o;
+"use client";"use strict";const s=require("react");function o(r,{skip:i=!1,targetKey:e=null}={}){s.useEffect(()=>{if(!r||i)return;const u=n=>e?Array.isArray(e)?e.includes(n):n===e:!0,t=n=>{u(n.key)&&r(n.key)};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[r,e,i])}module.exports=o;

package/dist/hooks/useKeyDown.d.ts

@@ -1 +1,6 @@
-export default function useKeyDown(callback?: (key: string) => void, targetKey?: null | string | string[], force?: boolean): void;
+type Options = {
+    skip?: boolean;
+    targetKey?: null | string | string[];
+};
+export default function useKeyDown(callback?: (key: string) => void, { skip, targetKey }?: Options): void;
+export {};

package/dist/hooks/useKeyDown.es.js

@@ -1,10 +1,10 @@
 "use client";
-import { useEffect as o } from "react";
-function d(r, n = null, i = !0) {
-  o(() => {
-    if (!r || !i) return;
-    const t = (e) => n ? Array.isArray(n) ? n.includes(e) : e === n : !0, u = (e) => {
-      t(e.key) && r(e.key);
+import { useEffect as t } from "react";
+function s(r, { skip: i = !1, targetKey: n = null } = {}) {
+  t(() => {
+    if (!r || i) return;
+    const o = (e) => n ? Array.isArray(n) ? n.includes(e) : e === n : !0, u = (e) => {
+      o(e.key) && r(e.key);
     };
     return window.addEventListener("keydown", u), () => {
       window.removeEventListener("keydown", u);
@@ -12,5 +12,5 @@ function d(r, n = null, i = !0) {
   }, [r, n, i]);
 }
 export {
-  d as default
+  s as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reaxify",
   "private": false,
-  "version": "0.0.77",
+  "version": "0.0.78",
   "type": "module",
   "types": "./dist/index.d.ts",
   "files": [