reaxify 0.0.91 → 0.0.92

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG5D,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAMtE,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,gBAAgB,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC;AAChB,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AACzB,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,oBAAoB,CAC5D,CAAC,EACD,eAAe,CAChB,CAAC;AACF,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AACjE,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/C,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC7C,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAG/C,eAAO,MAAM,aAAa,kCAOxB,CAAC;AAEH,iBAAS,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC7C,EAAE,EACF,GAAG,EACH,IAAY,EACZ,OAAkB,EAClB,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAqEhB;kBAhFQ,MAAM;;;;;;AAiFf,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAgE1E;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAG/D;AACD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ3D;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAG/D;AAOD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG5D,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAMtE,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,gBAAgB,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC;AAChB,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AACzB,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,oBAAoB,CAC5D,CAAC,EACD,eAAe,CAChB,CAAC;AACF,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AACjE,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/C,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC7C,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAG/C,eAAO,MAAM,aAAa,kCAOxB,CAAC;AAEH,iBAAS,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC7C,EAAE,EACF,GAAG,EACH,IAAY,EACZ,OAAkB,EAClB,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAyEhB;kBApFQ,MAAM;;;;;;AAqFf,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAgE1E;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAG/D;AACD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ3D;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAG/D;AAOD,eAAe,MAAM,CAAC"}

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

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as s, jsxs as k } from "react/jsx-runtime";
-import c from "../../hooks/useClasses.es.js";
-import { createContext as M, useRef as z, useMemo as b, useImperativeHandle as B, useContext as F } from "react";
+import d from "../../hooks/useClasses.es.js";
+import { createContext as B, useRef as M, useMemo as h, useImperativeHandle as z, useContext as F } from "react";
 import { useHotkey as S } 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 f from "../../helpers/cn.es.js";
 import x from "../Card/index.es.js";
 import j from "../Portal/index.es.js";
 import E from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const D = M({
+const D = B({
   open: !1,
   onClose: () => {
   },
@@ -30,13 +30,13 @@ function w({
   children: v,
   ...y
 }) {
-  const t = c((u) => u.drawer), d = z(null), m = n || "div", R = {
+  const t = d((u) => u.drawer), c = M(null), m = n || "div", R = {
     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: ""
-  }, N = b(() => {
+  }, N = h(() => {
     var g;
     const u = {
       start: "flex-row-reverse",
@@ -45,13 +45,17 @@ function w({
       bottom: "flex-col"
     }, H = (g = t == null ? void 0 : t.anchor) == null ? void 0 : g[l];
     return [u[l], H];
-  }, [l, t == null ? void 0 : t.anchor]), h = () => {
+  }, [l, t == null ? void 0 : t.anchor]), b = () => {
     i || e();
   };
-  return B(a, () => d.current), S("Escape", () => e(), { enabled: r && !i }), /* @__PURE__ */ s(j, { children: /* @__PURE__ */ s(E, { nodeRef: d, in: r, timeout: o, unmountOnExit: !0, children: (u) => /* @__PURE__ */ k(
+  return z(a, () => c.current), S("Escape", () => e(), {
+    conflictBehavior: "allow",
+    ignoreInputs: !0,
+    enabled: r && !i
+  }), /* @__PURE__ */ s(j, { children: /* @__PURE__ */ s(E, { nodeRef: c, in: r, timeout: o, unmountOnExit: !0, children: (u) => /* @__PURE__ */ k(
     m,
     {
-      ref: d,
+      ref: c,
       style: { transitionDuration: `${o}ms` },
       "data-open": r,
       className: C(
@@ -66,7 +70,7 @@ function w({
         /* @__PURE__ */ s(
           "div",
           {
-            onClick: h,
+            onClick: b,
             className: f(
               "absolute inset-0 size-full cursor-default opacity-0",
               i && "[&:active~*]:scale-95"
@@ -78,7 +82,7 @@ function w({
           {
             value: {
               open: r,
-              onClose: h,
+              onClose: b,
               transitionState: u,
               duration: o,
               anchor: l,
@@ -91,17 +95,17 @@ function w({
     }
   ) }) });
 }
-function P({ children: n, className: a = "", ...r }) {
-  const e = c((t) => t.drawer.menu), { anchor: o, duration: i, transitionState: l, preventClose: p } = F(D), v = b(() => {
+function I({ children: n, className: a = "", ...r }) {
+  const e = d((t) => t.drawer.menu), { anchor: o, duration: i, transitionState: l, preventClose: p } = F(D), v = h(() => {
     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 max-h-[92.5%] rounded-b mb-auto",
       bottom: "w-full max-h-[92.5%] rounded-t mt-auto"
-    }, d = (m = e == null ? void 0 : e.anchor) == null ? void 0 : m[o];
-    return [t[o], d];
-  }, [o, e == null ? void 0 : e.anchor]), y = b(() => ({
+    }, c = (m = e == null ? void 0 : e.anchor) == null ? void 0 : m[o];
+    return [t[o], c];
+  }, [o, e == null ? void 0 : e.anchor]), y = h(() => ({
     start: {
       entering: "translate-x-0",
       entered: "translate-x-0",
@@ -149,12 +153,12 @@ function P({ children: n, className: a = "", ...r }) {
     }
   );
 }
-function $({ className: n, ...a }) {
-  const r = c((e) => e.drawer.header.base);
+function P({ className: n, ...a }) {
+  const r = d((e) => e.drawer.header.base);
   return /* @__PURE__ */ s(x.Header, { className: f(r, n), ...a });
 }
-function I({ className: n, ...a }) {
-  const r = c((e) => e.drawer.body.base);
+function $({ className: n, ...a }) {
+  const r = d((e) => e.drawer.body.base);
   return /* @__PURE__ */ s(
     x.Body,
     {
@@ -164,12 +168,12 @@ function I({ className: n, ...a }) {
   );
 }
 function O({ className: n, ...a }) {
-  const r = c((e) => e.drawer.footer.base);
+  const r = d((e) => e.drawer.footer.base);
   return /* @__PURE__ */ s(x.Footer, { className: f(r, n), ...a });
 }
-w.Menu = P;
-w.Header = $;
-w.Body = I;
+w.Menu = I;
+w.Header = P;
+w.Body = $;
 w.Footer = O;
 export {
   D as DrawerContext,

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

@@ -1 +1 @@
-"use client";"use strict";const i=require("react/jsx-runtime"),$=require("../../helpers/cn.cjs.js"),z=require("../../hooks/useClasses.cjs.js"),t=require("react"),I=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),k=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),S=require("../Button/index.cjs.js"),B=require("../Portal/index.cjs.js"),F=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),y=t.createContext({open:!1,onClose:()=>{},transitionState:"unmounted",closeOnClick:!1,preventClose:!1});function E({as:a,ref:c,open:n,onClose:r,closeOnClick:d=!1,preventClose:f=!1,anchorEl:m=null,className:b,children:l,...M}){const j=z(e=>e.menu.base),p=a||"ul",s=16,o=t.useRef(null),O=t.useRef({left:s,right:s,top:s}),L={entering:"scale-100 opacity-100",entered:"scale-100 opacity-100",exiting:"scale-90 opacity-0",exited:"scale-90 opacity-0",unmounted:""},q=t.useCallback(e=>{O.current=e},[]),R=t.useCallback(e=>{var u,h,x;(u=o.current)==null||u.style.setProperty("--left",`${e.left}px`),(h=o.current)==null||h.style.setProperty("--right",`${e.right}px`),(x=o.current)==null||x.style.setProperty("--top",`${e.top}px`)},[]),g=t.useCallback(()=>{var H,P;if(!n||!m)return;const e=m.getBoundingClientRect(),u=window.innerWidth,h=window.innerHeight,x=((H=o.current)==null?void 0:H.offsetWidth)||150,W=((P=o.current)==null?void 0:P.offsetHeight)||200;let w=e.left,C=e.right,v=e.bottom;w=Math.min(Math.max(w,s),u-x-s),C=Math.min(Math.max(u-e.right,s),u-x-s),v=Math.min(Math.max(v,s),h-W-s),q({left:w,right:C,top:v}),R({left:w,right:C,top:v})},[n,m,q,R]),N=()=>{f||r==null||r()};return t.useEffect(()=>{g()},[g,l]),t.useEffect(()=>{const e=()=>{g()};return window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[g]),t.useImperativeHandle(c,()=>o.current),I.useHotkey("Escape",()=>r==null?void 0:r(),{enabled:n&&!f}),i.jsx(B,{children:i.jsx(F.default,{nodeRef:o,in:n,timeout:300,unmountOnExit:!0,children:e=>i.jsx(y.Provider,{value:{open:n,onClose:N,transitionState:e,closeOnClick:d,preventClose:f},children:i.jsxs(T,{children:[i.jsx(A,{}),i.jsx(p,{ref:o,autoFocus:!0,"data-open":n,role:"menu",className:k.twMerge("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",j,L[e],b),...M,children:l})]})})})})}function T({children:a}){const{transitionState:c}=t.useContext(y),n={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",n[c]),children:a})}function A(){const{onClose:a,preventClose:c}=t.useContext(y);return i.jsx("div",{className:$("w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",c&&"[&:active~*]:scale-95"),onClick:a})}function D({as:a,closeOnClick:c,className:n,children:r,onClick:d,...f}){const m=z(p=>p.menu.item.base),{closeOnClick:b,onClose:l}=t.useContext(y),M=c??b,j=p=>{M&&(l==null||l()),d==null||d(p)};return i.jsx(S,{as:a??"li",color:"light",variant:"text",role:"menuitem",className:k.twMerge("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,n),onClick:j,...f,children:r})}E.Item=D;module.exports=E;
+"use client";"use strict";const i=require("react/jsx-runtime"),W=require("../../helpers/cn.cjs.js"),z=require("../../hooks/useClasses.cjs.js"),t=require("react"),$=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),k=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),B=require("../Button/index.cjs.js"),S=require("../Portal/index.cjs.js"),F=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),y=t.createContext({open:!1,onClose:()=>{},transitionState:"unmounted",closeOnClick:!1,preventClose:!1});function E({as:o,ref:l,open:n,onClose:a,closeOnClick:d=!1,preventClose:f=!1,anchorEl:p=null,className:C,children:c,...b}){const M=z(e=>e.menu.base),m=o||"ul",s=16,r=t.useRef(null),O=t.useRef({left:s,right:s,top:s}),L={entering:"scale-100 opacity-100",entered:"scale-100 opacity-100",exiting:"scale-90 opacity-0",exited:"scale-90 opacity-0",unmounted:""},q=t.useCallback(e=>{O.current=e},[]),R=t.useCallback(e=>{var u,h,x;(u=r.current)==null||u.style.setProperty("--left",`${e.left}px`),(h=r.current)==null||h.style.setProperty("--right",`${e.right}px`),(x=r.current)==null||x.style.setProperty("--top",`${e.top}px`)},[]),g=t.useCallback(()=>{var H,P;if(!n||!p)return;const e=p.getBoundingClientRect(),u=window.innerWidth,h=window.innerHeight,x=((H=r.current)==null?void 0:H.offsetWidth)||150,N=((P=r.current)==null?void 0:P.offsetHeight)||200;let w=e.left,j=e.right,v=e.bottom;w=Math.min(Math.max(w,s),u-x-s),j=Math.min(Math.max(u-e.right,s),u-x-s),v=Math.min(Math.max(v,s),h-N-s),q({left:w,right:j,top:v}),R({left:w,right:j,top:v})},[n,p,q,R]),I=()=>{f||a==null||a()};return t.useEffect(()=>{g()},[g,c]),t.useEffect(()=>{const e=()=>{g()};return window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[g]),t.useImperativeHandle(l,()=>r.current),$.useHotkey("Escape",()=>a(),{conflictBehavior:"allow",ignoreInputs:!0,enabled:n&&!f}),i.jsx(S,{children:i.jsx(F.default,{nodeRef:r,in:n,timeout:300,unmountOnExit:!0,children:e=>i.jsx(y.Provider,{value:{open:n,onClose:I,transitionState:e,closeOnClick:d,preventClose:f},children:i.jsxs(T,{children:[i.jsx(A,{}),i.jsx(m,{ref:r,autoFocus:!0,"data-open":n,role:"menu",className:k.twMerge("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",M,L[e],C),...b,children:c})]})})})})}function T({children:o}){const{transitionState:l}=t.useContext(y),n={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",n[l]),children:o})}function A(){const{onClose:o,preventClose:l}=t.useContext(y);return i.jsx("div",{className:W("w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",l&&"[&:active~*]:scale-95"),onClick:o})}function D({as:o,closeOnClick:l,className:n,children:a,onClick:d,...f}){const p=z(m=>m.menu.item.base),{closeOnClick:C,onClose:c}=t.useContext(y),b=l??C,M=m=>{b&&(c==null||c()),d==null||d(m)};return i.jsx(B,{as:o??"li",color:"light",variant:"text",role:"menuitem",className:k.twMerge("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",p,n),onClick:M,...f,children:a})}E.Item=D;module.exports=E;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3E,OAAO,EAEL,WAAW,EAOZ,MAAM,OAAO,CAAC;AAOf,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,WAAW,CAAC;AAChB,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAgBF,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC1C,EAAE,EACF,GAAG,EACH,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,YAAoB,EACpB,QAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,SAAS,CAAC,2CA2GpC;kBAtHQ,IAAI;;;AAuJb,iBAAS,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAClD,EAAE,EACF,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,aAAa,CAAC,2CAyBxC;AAID,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3E,OAAO,EAEL,WAAW,EAOZ,MAAM,OAAO,CAAC;AAOf,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,WAAW,CAAC;AAChB,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAgBF,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC1C,EAAE,EACF,GAAG,EACH,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,YAAoB,EACpB,QAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,SAAS,CAAC,2CA+GpC;kBA1HQ,IAAI;;;AA2Jb,iBAAS,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAClD,EAAE,EACF,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,aAAa,CAAC,2CAyBxC;AAID,eAAe,IAAI,CAAC"}

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

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as o, jsxs as $ } from "react/jsx-runtime";
+import { jsx as i, jsxs as $ } from "react/jsx-runtime";
 import F from "../../helpers/cn.es.js";
-import W from "../../hooks/useClasses.es.js";
-import { createContext as T, useRef as L, useCallback as C, useEffect as N, useImperativeHandle as q, useContext as P } from "react";
+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";
@@ -17,89 +17,93 @@ const v = T({
   preventClose: !1
 });
 function K({
-  as: s,
-  ref: a,
+  as: r,
+  ref: s,
   open: e,
-  onClose: i,
+  onClose: l,
   closeOnClick: u = !1,
   preventClose: f = !1,
   anchorEl: m = null,
   className: y,
-  children: l,
+  children: a,
   ...b
 }) {
-  const M = W((t) => t.menu.base), d = s || "ul", n = 16, r = L(null), j = L({
+  const C = I((t) => t.menu.base), d = r || "ul", n = 16, o = L(null), N = L({
     left: n,
     right: n,
     top: n
-  }), B = {
+  }), W = {
     entering: "scale-100 opacity-100",
     entered: "scale-100 opacity-100",
     exiting: "scale-90 opacity-0",
     exited: "scale-90 opacity-0",
     unmounted: ""
-  }, z = C((t) => {
-    j.current = t;
-  }, []), O = C((t) => {
+  }, z = k((t) => {
+    N.current = t;
+  }, []), O = k((t) => {
     var c, g, p;
-    (c = r.current) == null || c.style.setProperty("--left", `${t.left}px`), (g = r.current) == null || g.style.setProperty("--right", `${t.right}px`), (p = r.current) == null || p.style.setProperty("--top", `${t.top}px`);
-  }, []), h = C(() => {
+    (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 = r.current) == null ? void 0 : R.offsetWidth) || 150, S = ((E = r.current) == null ? void 0 : E.offsetHeight) || 200;
-    let x = t.left, k = t.right, w = t.bottom;
-    x = Math.min(Math.max(x, n), c - p - n), k = Math.min(
+    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
-    ), w = Math.min(Math.max(w, n), g - S - n), z({ left: x, right: k, top: w }), O({ left: x, right: k, top: w });
-  }, [e, m, z, O]), I = () => {
-    f || i == null || i();
+    ), 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();
   };
-  return N(() => {
+  return B(() => {
     h();
-  }, [h, l]), N(() => {
+  }, [h, a]), B(() => {
     const t = () => {
       h();
     };
     return window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
       window.removeEventListener("scroll", t), window.removeEventListener("resize", t);
     };
-  }, [h]), q(a, () => r.current), A("Escape", () => i == null ? void 0 : i(), { enabled: e && !f }), /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(J, { nodeRef: r, in: e, timeout: 300, unmountOnExit: !0, children: (t) => /* @__PURE__ */ o(
+  }, [h]), q(s, () => o.current), A("Escape", () => l(), {
+    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,
     {
       value: {
         open: e,
-        onClose: I,
+        onClose: j,
         transitionState: t,
         closeOnClick: u,
         preventClose: f
       },
       children: /* @__PURE__ */ $(Q, { children: [
-        /* @__PURE__ */ o(U, {}),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(U, {}),
+        /* @__PURE__ */ i(
           d,
           {
-            ref: r,
+            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",
-              M,
-              B[t],
+              C,
+              W[t],
               y
             ),
             ...b,
-            children: l
+            children: a
           }
         )
       ] })
     }
   ) }) });
 }
-function Q({ children: s }) {
-  const { transitionState: a } = P(v);
-  return /* @__PURE__ */ o(
+function Q({ children: r }) {
+  const { transitionState: s } = P(v);
+  return /* @__PURE__ */ i(
     "div",
     {
       className: H(
@@ -110,40 +114,40 @@ function Q({ children: s }) {
           exiting: "pointer-events-none",
           exited: "pointer-events-none",
           unmounted: ""
-        }[a]
+        }[s]
       ),
-      children: s
+      children: r
     }
   );
 }
 function U() {
-  const { onClose: s, preventClose: a } = P(v);
-  return /* @__PURE__ */ o(
+  const { onClose: r, preventClose: s } = P(v);
+  return /* @__PURE__ */ i(
     "div",
     {
       className: F(
         "w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",
-        a && "[&:active~*]:scale-95"
+        s && "[&:active~*]:scale-95"
       ),
-      onClick: s
+      onClick: r
     }
   );
 }
 function V({
-  as: s,
-  closeOnClick: a,
+  as: r,
+  closeOnClick: s,
   className: e,
-  children: i,
+  children: l,
   onClick: u,
   ...f
 }) {
-  const m = W((d) => d.menu.item.base), { closeOnClick: y, onClose: l } = P(v), b = a ?? y, M = (d) => {
-    b && (l == null || l()), u == null || u(d);
+  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);
   };
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ i(
     D,
     {
-      as: s ?? "li",
+      as: r ?? "li",
       color: "light",
       variant: "text",
       role: "menuitem",
@@ -152,9 +156,9 @@ function V({
         m,
         e
       ),
-      onClick: M,
+      onClick: C,
       ...f,
-      children: i
+      children: l
     }
   );
 }

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=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:s="md",open:e=!1,onClose:a=()=>{},duration:i=300,preventClose:r=!1,className:b,children:y,...d}){const m=u(x=>x.modal.base),v=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,()=>v.current),C.useHotkey("Escape",()=>a(),{enabled:e&&!r}),o.jsx(h,{children:o.jsx(w.default,{nodeRef:v,in:e,timeout:i,unmountOnExit:!0,children:x=>o.jsxs(q,{ref:v,"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:[o.jsx("div",{onClick:M,className:f("absolute inset-0 cursor-default opacity-0",r&&"[&:active~*]:scale-95")}),o.jsx(g.Provider,{value:{size:s,open:e,onClose:M,transitionState:x,duration:i},children:y})]})})})}function H({className:t,children:n,...s}){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:""},y=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 o.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,y,b[i],t),...s,children:n})}function N({className:t,...n}){const s=u(e=>e.modal.header.base);return o.jsx(p.Header,{className:f(s,t),...n})}function S({className:t,...n}){const s=u(e=>e.modal.body.base);return o.jsx(p.Body,{className:f(s,t),...n})}function k({className:t,...n}){const s=u(e=>e.modal.footer.base);return o.jsx(p.Footer,{className:f(s,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"),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;

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,2CAwDrC;kBAnEQ,KAAK;;;;;;AAoEd,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,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"}

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

@@ -2,13 +2,13 @@
 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 N, useRef as w, useImperativeHandle as H, useContext as k, useMemo as D } from "react";
-import { useHotkey as S } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.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 B from "../Portal/index.es.js";
+import S from "../Portal/index.es.js";
 import F from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const z = N({
+const z = w({
   size: "md",
   open: !1,
   onClose: () => {
@@ -21,41 +21,45 @@ function p({
   ref: o,
   size: n = "md",
   open: e = !1,
-  onClose: s = () => {
+  onClose: i = () => {
   },
-  duration: i = 300,
+  duration: s = 300,
   preventClose: r = !1,
   className: x,
-  children: y,
-  ...m
+  children: v,
+  ...c
 }) {
-  const c = l((d) => d.modal.base), b = w(null), C = t || "div", M = {
+  const m = l((d) => d.modal.base), y = N(null), C = t || "div", M = {
     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: ""
-  }, v = () => {
-    r || s();
+  }, b = () => {
+    r || i();
   };
-  return H(o, () => b.current), S("Escape", () => s(), { enabled: e && !r }), /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(F, { nodeRef: b, in: e, timeout: i, unmountOnExit: !0, children: (d) => /* @__PURE__ */ h(
+  return H(o, () => y.current), D("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,
     {
-      ref: b,
+      ref: y,
       "data-open": e,
-      style: { transitionDuration: `${i}ms` },
+      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",
-        c,
+        m,
         M[d],
         x
       ),
-      ...m,
+      ...c,
       children: [
         /* @__PURE__ */ a(
           "div",
           {
-            onClick: v,
+            onClick: b,
             className: u(
               "absolute inset-0 cursor-default opacity-0",
               r && "[&:active~*]:scale-95"
@@ -68,11 +72,11 @@ function p({
             value: {
               size: n,
               open: e,
-              onClose: v,
+              onClose: b,
               transitionState: d,
-              duration: i
+              duration: s
             },
-            children: y
+            children: v
           }
         )
       ]
@@ -80,20 +84,20 @@ function p({
   ) }) });
 }
 function R({ className: t, children: o, ...n }) {
-  const e = l((m) => m.modal.dialog), { size: s, transitionState: i, duration: r } = k(z), x = {
+  const e = l((c) => c.modal.dialog), { size: i, transitionState: s, duration: r } = k(z), x = {
     entering: "scale-100",
     entered: "scale-100",
     exiting: "scale-75",
     exited: "scale-75",
     unmounted: ""
-  }, y = D(() => {
-    var c;
+  }, v = B(() => {
+    var m;
     return [{
       sm: "min-[576px]:w-[300px]",
       md: "min-[576px]:w-[500px]",
       lg: "min-[992px]:w-[800px]"
-    }[s], (c = e == null ? void 0 : e.size) == null ? void 0 : c[s]];
-  }, [s, e == null ? void 0 : e.size]);
+    }[i], (m = e == null ? void 0 : e.size) == null ? void 0 : m[i]];
+  }, [i, e == null ? void 0 : e.size]);
   return /* @__PURE__ */ a(
     f,
     {
@@ -102,8 +106,8 @@ function R({ className: t, children: o, ...n }) {
       className: g(
         "max-w-full max-h-full m-auto transition-transform",
         e == null ? void 0 : e.base,
-        y,
-        x[i],
+        v,
+        x[s],
         t
       ),
       ...n,
@@ -119,14 +123,14 @@ function E({ className: t, ...o }) {
   const n = l((e) => e.modal.body.base);
   return /* @__PURE__ */ a(f.Body, { className: u(n, t), ...o });
 }
-function P({ className: 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 });
 }
 p.Dialog = R;
 p.Header = j;
 p.Body = E;
-p.Footer = P;
+p.Footer = I;
 export {
   z as ModalContext,
   p as default

package/package.json

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