reaxify 0.0.85 → 0.0.87

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

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