reaxify 0.0.84 → 0.0.86

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

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

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

@@ -1,104 +1,105 @@
 "use client";
-import { jsx as i, jsxs as $ } from "react/jsx-runtime";
+import { jsx as r, jsxs as B } from "react/jsx-runtime";
+import T from "../../helpers/cn.es.js";
 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 K from "../../hooks/useKeyDown.es.js";
-import { twMerge as z } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import D from "../Portal/index.es.js";
-import T from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const x = j({
+import { createContext as q, useRef as L, useCallback as C, useEffect as N, useImperativeHandle as A, useContext as P } from "react";
+import { useHotkey as D } 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 F from "../Portal/index.es.js";
+import G from "../../node_modules/react-transition-group/esm/Transition.es.js";
+const w = q({
   open: !1,
   onClose: () => {
   },
   transitionState: "unmounted",
-  closeOnClick: !1
+  closeOnClick: !1,
+  preventClose: !1
 });
-function q({
-  as: r,
-  ref: c,
+function J({
+  as: s,
+  ref: a,
   open: o,
-  onClose: a,
-  closeOnClick: w = !1,
-  anchorEl: s = null,
+  onClose: i,
+  closeOnClick: u = !1,
+  preventClose: f = !1,
+  anchorEl: c = null,
   className: y,
-  children: m,
+  children: p,
   ...b
 }) {
-  const C = W((t) => t.menu.base), u = r || "div", e = 16, n = L(null), f = L({
-    left: e,
-    right: e,
-    top: e
-  }), I = {
+  const d = W((t) => t.menu.base), M = s || "div", n = 16, e = L(null), I = L({
+    left: n,
+    right: n,
+    top: n
+  }), S = {
     entering: "scale-100 opacity-100",
     entered: "scale-100 opacity-100",
     exiting: "scale-90 opacity-0",
     exited: "scale-90 opacity-0",
     unmounted: ""
-  }, H = k((t) => {
-    f.current = t;
-  }, []), O = k((t) => {
-    var l, h, d;
-    (l = n.current) == null || l.style.setProperty("--left", `${t.left}px`), (h = n.current) == null || h.style.setProperty("--right", `${t.right}px`), (d = n.current) == null || d.style.setProperty("--top", `${t.top}px`);
-  }, []), p = k(() => {
+  }, z = C((t) => {
+    I.current = t;
+  }, []), O = C((t) => {
+    var l, g, m;
+    (l = e.current) == null || l.style.setProperty("--left", `${t.left}px`), (g = e.current) == null || g.style.setProperty("--right", `${t.right}px`), (m = e.current) == null || m.style.setProperty("--top", `${t.top}px`);
+  }, []), h = C(() => {
     var R, E;
-    if (!o || !s) return;
-    const t = s.getBoundingClientRect(), l = window.innerWidth, h = window.innerHeight, d = ((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 - d - e), M = Math.min(
-      Math.max(l - t.right, e),
-      l - d - 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]);
+    if (!o || !c) return;
+    const t = c.getBoundingClientRect(), l = window.innerWidth, g = window.innerHeight, m = ((R = e.current) == null ? void 0 : R.offsetWidth) || 150, j = ((E = e.current) == null ? void 0 : E.offsetHeight) || 200;
+    let x = t.left, k = t.right, v = t.bottom;
+    x = Math.min(Math.max(x, n), l - m - n), k = Math.min(
+      Math.max(l - t.right, n),
+      l - m - n
+    ), v = Math.min(Math.max(v, n), g - j - n), z({ left: x, right: k, top: v }), O({ left: x, right: k, top: v });
+  }, [o, c, z, O]), $ = () => {
+    f || i == null || i();
+  };
   return N(() => {
-    p();
-  }, [p, m]), N(() => {
+    h();
+  }, [h, p]), N(() => {
     const t = () => {
-      p();
+      h();
     };
     return window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
       window.removeEventListener("scroll", t), window.removeEventListener("resize", t);
     };
-  }, [p]), B(c, () => n.current), K(
-    () => {
-      a == null || a();
-    },
-    { 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,
+  }, [h]), A(a, () => e.current), D("Escape", () => i == null ? void 0 : i(), { enabled: o && !f }), /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(G, { nodeRef: e, in: o, timeout: 300, unmountOnExit: !0, children: (t) => /* @__PURE__ */ r(
+    w.Provider,
     {
       value: {
         open: o,
-        onClose: a,
+        onClose: $,
         transitionState: t,
-        closeOnClick: w
+        closeOnClick: u,
+        preventClose: f
       },
-      children: /* @__PURE__ */ $(A, { children: [
-        /* @__PURE__ */ i(F, {}),
-        /* @__PURE__ */ i(
-          u,
+      children: /* @__PURE__ */ B(K, { children: [
+        /* @__PURE__ */ r(Q, {}),
+        /* @__PURE__ */ r(
+          M,
           {
-            ref: n,
+            ref: e,
             "data-open": o,
-            className: z(
-              "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",
-              C,
-              I[t],
+            className: H(
+              "w-fit min-w-52 bg-white shadow rounded p-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,
+              S[t],
               y
             ),
             ...b,
-            children: m
+            children: p
           }
         )
       ] })
     }
   ) }) });
 }
-function A({ children: r }) {
-  const { transitionState: c } = P(x);
-  return /* @__PURE__ */ i(
+function K({ children: s }) {
+  const { transitionState: a } = P(w);
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: z(
+      className: H(
         "fixed inset-0 size-full flex flex-col bg-transparent transition-opacity overflow-hidden z-10",
         {
           entering: "active pointer-events-auto",
@@ -106,51 +107,53 @@ function A({ children: r }) {
           exiting: "pointer-events-none",
           exited: "pointer-events-none",
           unmounted: ""
-        }[c]
+        }[a]
       ),
-      children: r
+      children: s
     }
   );
 }
-function F() {
-  const { onClose: r } = P(x);
-  return /* @__PURE__ */ i(
+function Q() {
+  const { onClose: s, preventClose: a } = P(w);
+  return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
-      className: "w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",
-      onClick: r
+      className: T(
+        "w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",
+        a && "[&:active~*]:scale-95"
+      ),
+      onClick: s
     }
   );
 }
-function G({
-  as: r,
-  closeOnClick: c,
-  type: o = "button",
-  className: a,
-  children: w,
-  onClick: s,
-  ...y
+function U({
+  as: s,
+  closeOnClick: a,
+  className: o,
+  children: i,
+  onClick: u,
+  ...f
 }) {
-  const m = r || "div", b = W((f) => f.menu.item.base), { closeOnClick: C, onClose: u } = P(x), e = c ?? C, n = (f) => {
-    e && (u == null || u()), s == null || s(f);
+  const c = s || "button", y = c === "button" ? "button" : void 0, p = W((e) => e.menu.item.base), { closeOnClick: b, onClose: d } = P(w), M = a ?? b, n = (e) => {
+    M && (d == null || d()), u == null || u(e);
   };
-  return /* @__PURE__ */ i(
-    m,
+  return /* @__PURE__ */ r(
+    c,
     {
-      type: o,
-      className: z(
-        "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,
-        a
+      type: y,
+      className: H(
+        "flex items-center px-3 py-2 w-full text-dark text-base font-normal rounded cursor-pointer transition-colors hover:bg-dark hover:text-white",
+        p,
+        o
       ),
       onClick: n,
-      ...y,
-      children: w
+      ...f,
+      children: i
     }
   );
 }
-q.Item = G;
+J.Item = U;
 export {
-  q as default
+  J 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 i=require("react/jsx-runtime"),y=require("../../helpers/cn.cjs.js"),c=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"),w=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),g=u.createContext({size:"md",open:!1,onClose:()=>{},transitionState:"unmounted",duration:300});function l({as:t,ref:n,size:s="md",open:e=!1,onClose:o=()=>{},duration:r=300,className:f,children:p,...b}){const d=c(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(()=>{o==null||o()},{skip:!e,targetKey:"Escape"}),i.jsx(z,{children:i.jsx(w.default,{nodeRef:a,in:e,timeout:r,unmountOnExit:!0,children:m=>i.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:[i.jsx("button",{type:"button",onClick:()=>o(),className:"absolute inset-0 cursor-default opacity-0"}),i.jsx(g.Provider,{value:{size:s,open:e,onClose:o,transitionState:m,duration:r},children:p})]})})})}function N({className:t,children:n,...s}){const e=c(d=>d.modal.dialog),{size:o,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]"}[o],(a=e==null?void 0:e.size)==null?void 0:a[o]]},[o,e==null?void 0:e.size]);return i.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),...s,children:n})}function S({className:t,...n}){const s=c(e=>e.modal.header.base);return i.jsx(x.Header,{className:y(s,t),...n})}function h({className:t,...n}){const s=c(e=>e.modal.body.base);return i.jsx(x.Body,{className:y(s,t),...n})}function D({className:t,...n}){const s=c(e=>e.modal.footer.base);return i.jsx(x.Footer,{className:y(s,t),...n})}l.Dialog=N;l.Header=S;l.Body=h;l.Footer=D;exports.ModalContext=g;exports.default=l;
+"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"),v=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:y,...d}){const m=u(x=>x.modal.base),g=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,()=>g.current),C.useHotkey("Escape",()=>a(),{enabled:e&&!r}),s.jsx(h,{children:s.jsx(w.default,{nodeRef:g,in:e,timeout:i,unmountOnExit:!0,children:x=>s.jsxs(q,{ref:g,"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("button",{type:"button",onClick:M,className:f("absolute inset-0 cursor-default opacity-0",r&&"[&:active~*]:scale-95")}),s.jsx(v.Provider,{value:{size:o,open:e,onClose:M,transitionState:x,duration:i},children:y})]})})})}function H({className:t,children:n,...o}){const e=u(d=>d.modal.dialog),{size:a,transitionState:i,duration:r}=l.useContext(v),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 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,y,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=v;exports.default=c;

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

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as i, jsxs as M } from "react/jsx-runtime";
-import y from "../../helpers/cn.es.js";
+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 D, useMemo as k } from "react";
-import C 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 H from "../Portal/index.es.js";
-import S from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const v = w({
+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 { 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 F from "../../node_modules/react-transition-group/esm/Transition.es.js";
+const z = N({
   size: "md",
   open: !1,
   onClose: () => {
@@ -16,112 +16,119 @@ const v = w({
   transitionState: "unmounted",
   duration: 300
 });
-function u({
-  as: e,
+function p({
+  as: t,
   ref: o,
   size: n = "md",
-  open: t = !1,
-  onClose: a = () => {
+  open: e = !1,
+  onClose: s = () => {
   },
-  duration: r = 300,
-  className: p,
-  children: f,
-  ...x
+  duration: i = 300,
+  preventClose: r = !1,
+  className: x,
+  children: b,
+  ...m
 }) {
-  const m = l((c) => c.modal.base), s = N(null), g = e || "div", z = {
+  const c = l((d) => d.modal.base), y = w(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();
   };
-  return h(o, () => s.current), C(
-    () => {
-      a == null || a();
-    },
-    { skip: !t, targetKey: "Escape" }
-  ), /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(S, { nodeRef: s, in: t, timeout: r, unmountOnExit: !0, children: (c) => /* @__PURE__ */ M(
-    g,
+  return H(o, () => y.current), S("Escape", () => s(), { enabled: e && !r }), /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(F, { nodeRef: y, in: e, timeout: i, unmountOnExit: !0, children: (d) => /* @__PURE__ */ h(
+    C,
     {
-      ref: s,
-      "data-open": t,
-      style: { transitionDuration: `${r}ms` },
-      className: b(
+      ref: y,
+      "data-open": e,
+      style: { transitionDuration: `${i}ms` },
+      className: g(
         "modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",
-        m,
-        z[c],
-        p
+        c,
+        M[d],
+        x
       ),
-      ...x,
+      ...m,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: () => a(),
-            className: "absolute inset-0 cursor-default opacity-0"
+            onClick: v,
+            className: u(
+              "absolute inset-0 cursor-default opacity-0",
+              r && "[&:active~*]:scale-95"
+            )
           }
         ),
-        /* @__PURE__ */ i(
-          v.Provider,
+        /* @__PURE__ */ a(
+          z.Provider,
           {
-            value: { size: n, open: t, onClose: a, transitionState: c, duration: r },
-            children: f
+            value: {
+              size: n,
+              open: e,
+              onClose: v,
+              transitionState: d,
+              duration: i
+            },
+            children: b
           }
         )
       ]
     }
   ) }) });
 }
-function B({ className: e, children: o, ...n }) {
-  const t = l((m) => m.modal.dialog), { size: a, transitionState: r, duration: p } = D(v), f = {
+function R({ className: t, children: o, ...n }) {
+  const e = l((m) => m.modal.dialog), { size: s, transitionState: i, duration: r } = k(z), x = {
     entering: "scale-100",
     entered: "scale-100",
     exiting: "scale-75",
     exited: "scale-75",
     unmounted: ""
-  }, x = k(() => {
-    var s;
+  }, b = D(() => {
+    var c;
     return [{
       sm: "min-[576px]:w-[300px]",
       md: "min-[576px]:w-[500px]",
       lg: "min-[992px]:w-[800px]"
-    }[a], (s = t == null ? void 0 : t.size) == null ? void 0 : s[a]];
-  }, [a, t == null ? void 0 : t.size]);
-  return /* @__PURE__ */ i(
-    d,
+    }[s], (c = e == null ? void 0 : e.size) == null ? void 0 : c[s]];
+  }, [s, e == null ? void 0 : e.size]);
+  return /* @__PURE__ */ a(
+    f,
     {
       as: "div",
-      style: { transitionDuration: `${p}ms` },
-      className: b(
+      style: { transitionDuration: `${r}ms` },
+      className: g(
         "max-w-full max-h-full m-auto transition-transform",
-        t == null ? void 0 : t.base,
-        x,
-        f[r],
-        e
+        e == null ? void 0 : e.base,
+        b,
+        x[i],
+        t
       ),
       ...n,
       children: o
     }
   );
 }
-function F({ className: e, ...o }) {
-  const n = l((t) => t.modal.header.base);
-  return /* @__PURE__ */ i(d.Header, { className: y(n, e), ...o });
+function j({ className: t, ...o }) {
+  const n = l((e) => e.modal.header.base);
+  return /* @__PURE__ */ a(f.Header, { className: u(n, t), ...o });
 }
-function R({ className: e, ...o }) {
-  const n = l((t) => t.modal.body.base);
-  return /* @__PURE__ */ i(d.Body, { className: y(n, e), ...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 j({ className: e, ...o }) {
-  const n = l((t) => t.modal.footer.base);
-  return /* @__PURE__ */ i(d.Footer, { className: y(n, e), ...o });
+function P({ className: t, ...o }) {
+  const n = l((e) => e.modal.footer.base);
+  return /* @__PURE__ */ a(f.Footer, { className: u(n, t), ...o });
 }
-u.Dialog = B;
-u.Header = F;
-u.Body = R;
-u.Footer = j;
+p.Dialog = R;
+p.Header = j;
+p.Body = E;
+p.Footer = P;
 export {
-  v as ModalContext,
-  u as default
+  z as ModalContext,
+  p as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const n=require("react/jsx-runtime"),b=require("../../helpers/cn.cjs.js"),x=require("../../hooks/useClasses.cjs.js"),a=require("react"),f=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function m({color:t="primary",value:o=0,animate:s=!1,className:u,...l}){const e=x(r=>r.progress),c=a.useMemo(()=>{var i;if(!t)return"border-transparent";const r={primary:"bg-primary/15 text-primary",secondary:"bg-secondary/15 text-secondary",success:"bg-success/15 text-success",info:"bg-info/15 text-info",warning:"bg-warning/15 text-warning",danger:"bg-danger/15 text-danger",dark:"bg-dark/15 text-dark",light:"bg-light/15 text-light"},g=(i=e==null?void 0:e.color)==null?void 0:i[t];return[r==null?void 0:r[t],g]},[t,e==null?void 0:e.color]),d=a.useMemo(()=>{if(!s)return`${Math.max(o,0)}%`},[o,s]);return n.jsxs("div",{className:f.twMerge("relative block w-full h-1.5 rounded-full overflow-hidden",e==null?void 0:e.base,c,u),...l,children:[n.jsx("span",{style:{width:d},className:b("absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0",s?"animate-linear-progress-1":"transition-[width]")}),s&&n.jsx("span",{className:"absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0 animate-linear-progress-2"})]})}module.exports=m;
+"use client";"use strict";const n=require("react/jsx-runtime"),h=require("../../helpers/cn.cjs.js"),b=require("../../hooks/useClasses.cjs.js"),a=require("react"),x=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function f({color:r="primary",value:i=0,animate:s=!1,className:u,...l}){const t=b(e=>e.progress),g=a.useMemo(()=>{var o;if(!r)return"border-transparent";const e={primary:"bg-light-primary text-primary",secondary:"bg-light-secondary text-secondary",success:"bg-light-success text-success",info:"bg-light-info text-info",warning:"bg-light-warning text-warning",danger:"bg-light-danger text-danger",dark:"bg-dark/10 text-dark",light:"bg-light/10 text-light"},d=(o=t==null?void 0:t.color)==null?void 0:o[r];return[e==null?void 0:e[r],d]},[r,t==null?void 0:t.color]),c=a.useMemo(()=>{if(!s)return`${Math.max(i,0)}%`},[i,s]);return n.jsxs("div",{className:x.twMerge("relative block w-full h-1.5 rounded-full overflow-hidden",t==null?void 0:t.base,g,u),...l,children:[n.jsx("span",{style:{width:c},className:h("absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0",s?"animate-linear-progress-1":"transition-[width]")}),s&&n.jsx("span",{className:"absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0 animate-linear-progress-2"})]})}module.exports=f;

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

@@ -1,56 +1,56 @@
 "use client";
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import c from "../../helpers/cn.es.js";
-import p from "../../hooks/useClasses.es.js";
-import { useMemo as i } from "react";
-import { twMerge as b } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import h from "../../hooks/useClasses.es.js";
+import { useMemo as a } from "react";
+import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 function v({
   color: e = "primary",
   value: o = 0,
   animate: n = !1,
   className: l,
-  ...u
+  ...g
 }) {
-  const r = p((t) => t.progress), d = i(() => {
+  const r = h((t) => t.progress), u = a(() => {
     var s;
     if (!e) return "border-transparent";
     const t = {
-      primary: "bg-primary/15 text-primary",
-      secondary: "bg-secondary/15 text-secondary",
-      success: "bg-success/15 text-success",
-      info: "bg-info/15 text-info",
-      warning: "bg-warning/15 text-warning",
-      danger: "bg-danger/15 text-danger",
-      dark: "bg-dark/15 text-dark",
-      light: "bg-light/15 text-light"
+      primary: "bg-light-primary text-primary",
+      secondary: "bg-light-secondary text-secondary",
+      success: "bg-light-success text-success",
+      info: "bg-light-info text-info",
+      warning: "bg-light-warning text-warning",
+      danger: "bg-light-danger text-danger",
+      dark: "bg-dark/10 text-dark",
+      light: "bg-light/10 text-light"
     }, m = (s = r == null ? void 0 : r.color) == null ? void 0 : s[e];
     return [t == null ? void 0 : t[e], m];
-  }, [e, r == null ? void 0 : r.color]), g = i(() => {
+  }, [e, r == null ? void 0 : r.color]), d = a(() => {
     if (!n)
       return `${Math.max(o, 0)}%`;
   }, [o, n]);
   return /* @__PURE__ */ f(
     "div",
     {
-      className: b(
+      className: p(
         "relative block w-full h-1.5 rounded-full overflow-hidden",
         r == null ? void 0 : r.base,
-        d,
+        u,
         l
       ),
-      ...u,
+      ...g,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ i(
           "span",
           {
-            style: { width: g },
+            style: { width: d },
             className: c(
               "absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0",
               n ? "animate-linear-progress-1" : "transition-[width]"
             )
           }
         ),
-        n && /* @__PURE__ */ a("span", { className: "absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0 animate-linear-progress-2" })
+        n && /* @__PURE__ */ i("span", { className: "absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0 animate-linear-progress-2" })
       ]
     }
   );

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

@@ -1 +1 @@
-"use client";"use strict";const c=require("react/jsx-runtime"),n=require("../../hooks/useClasses.cjs.js");require("react");const u=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function a({className:e,...s}){const r=n(t=>t.spacer.base);return c.jsx("span",{className:u.twMerge("flex-1",r,e),...s})}module.exports=a;
+"use client";"use strict";const t=require("react/jsx-runtime"),u=require("../../hooks/useClasses.cjs.js");require("react");const n=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function i({className:e,...s}){const r=u(c=>c.spacer.base);return t.jsx("div",{className:n.twMerge("block flex-1",r,e),...s})}module.exports=i;

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

@@ -1,12 +1,18 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import o from "../../hooks/useClasses.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import a from "../../hooks/useClasses.es.js";
 import "react";
-import { twMerge as m } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-function l({ className: s, ...e }) {
-  const r = o((t) => t.spacer.base);
-  return /* @__PURE__ */ a("span", { className: m("flex-1", r, s), ...e });
+import { twMerge as c } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+function f({ className: e, ...s }) {
+  const r = a((o) => o.spacer.base);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: c("block flex-1", r, e),
+      ...s
+    }
+  );
 }
 export {
-  l as default
+  f as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const w=require("react/jsx-runtime"),a=require("../../helpers/cn.cjs.js"),h=require("../../hooks/useClasses.cjs.js"),u=require("react"),C=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function M({as:l,variant:n="horizontal",wrap:r=!1,reverse:t=!1,className:c,children:f,...v}){const e=h(o=>o.stack),x=l||"div",m=u.useMemo(()=>{var i,s;return{horizontal:a("*:min-w-0",t?"flex-row-reverse":"flex-row",(i=e==null?void 0:e.variants)==null?void 0:i.horizontal),vertical:a("*:min-h-0",t?"flex-col-reverse":"flex-col",(s=e==null?void 0:e.variants)==null?void 0:s.vertical)}[n]},[n,t,e==null?void 0:e.variants]),q=u.useMemo(()=>r==="reverse"?"flex-wrap-reverse":r?"flex-wrap":null,[r]);return w.jsx(x,{className:C.twMerge("flex",e==null?void 0:e.base,m,q,c),...v,children:f})}module.exports=M;
+"use client";"use strict";const q=require("react/jsx-runtime"),u=require("../../helpers/cn.cjs.js"),C=require("../../hooks/useClasses.cjs.js"),c=require("react"),M=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function j({as:l,direction:t="row",wrap:r=!1,reverse:n=!1,className:f,children:x,...m}){const e=C(o=>o.stack),w=l||"div",d=c.useMemo(()=>{var i,s;return{row:u("*:min-w-0",n?"flex-row-reverse":"flex-row",(i=e==null?void 0:e.directions)==null?void 0:i.row),column:u("*:min-h-0",n?"flex-col-reverse":"flex-col",(s=e==null?void 0:e.directions)==null?void 0:s.column)}[t]},[t,n,e==null?void 0:e.directions]),a=c.useMemo(()=>r==="reverse"?"flex-wrap-reverse":r?"flex-wrap":null,[r]);return q.jsx(w,{className:M.twMerge("flex",e==null?void 0:e.base,d,a,f),...m,children:x})}module.exports=j;