reaxify 0.0.58 → 0.0.60

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

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

@@ -2,8 +2,8 @@
 import { j as s } from "../../node_modules/react/jsx-runtime.es.js";
 import { createContext as D, useRef as R, useMemo as y, useContext as N } from "react";
 import u from "../../hooks/useClasses.es.js";
-import { twMerge as b } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import h from "../../helpers/cn.es.js";
+import { twMerge as h } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import v from "../../helpers/cn.es.js";
 import c from "../Card/index.es.js";
 import M from "../Portal/index.es.js";
 import k from "../../node_modules/react-transition-group/esm/Transition.es.js";
@@ -33,13 +33,13 @@ function m({
     exited: "opacity-0 pointer-events-none",
     unmounted: ""
   }, j = y(() => {
-    var v;
+    var b;
     const l = {
       start: "flex-row-reverse",
       end: "flex-row",
       top: "flex-col-reverse",
       bottom: "flex-col"
-    }, C = (v = r == null ? void 0 : r.anchor) == null ? void 0 : v[a];
+    }, C = (b = r == null ? void 0 : r.anchor) == null ? void 0 : b[a];
     return [l[a], C];
   }, [a, r == null ? void 0 : r.anchor]);
   return /* @__PURE__ */ s.jsx(M, { children: /* @__PURE__ */ s.jsx(k, { nodeRef: i, in: e, timeout: t, unmountOnExit: !0, children: (l) => /* @__PURE__ */ s.jsxs(
@@ -48,7 +48,7 @@ function m({
       ref: i,
       style: { transitionDuration: `${t}ms` },
       "data-open": e,
-      className: b(
+      className: h(
         "fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",
         r == null ? void 0 : r.base,
         d[l],
@@ -62,7 +62,7 @@ function m({
           {
             type: "button",
             onClick: () => n(),
-            className: "h-full flex-1 opacity-0 cursor-default min-w-[5%]"
+            className: "absolute inset-0 size-full cursor-default opacity-0"
           }
         ),
         /* @__PURE__ */ s.jsx(
@@ -82,14 +82,14 @@ function m({
     }
   ) }) });
 }
-function B({ children: o, className: e = "", ...n }) {
+function z({ children: o, className: e = "", ...n }) {
   const t = u((i) => i.drawer.menu), { anchor: a, duration: x, transitionState: f } = N(g), w = y(() => {
     var d;
     const i = {
-      start: "w-[31.875rem] h-full max-w-[97.5%] rounded-e",
-      end: "w-[31.875rem] h-full max-w-[97.5%] rounded-s",
-      top: "w-full h-[31.875rem] max-h-[97.5%] rounded-b",
-      bottom: "w-full h-[31.875rem] max-h-[97.5%] rounded-t"
+      start: "w-[31.875rem] h-full max-w-[97.5%] rounded-e me-auto",
+      end: "w-[31.875rem] h-full max-w-[97.5%] rounded-s ms-auto",
+      top: "w-full h-[31.875rem] max-h-[97.5%] rounded-b mb-auto",
+      bottom: "w-full h-[31.875rem] max-h-[97.5%] rounded-t mt-auto"
     }, p = (d = t == null ? void 0 : t.anchor) == null ? void 0 : d[a];
     return [i[a], p];
   }, [a, t == null ? void 0 : t.anchor]), r = y(() => ({
@@ -127,7 +127,7 @@ function B({ children: o, className: e = "", ...n }) {
     {
       as: "div",
       style: { transitionDuration: `${x}ms` },
-      className: b(
+      className: h(
         "relative flex flex-col transition-[translate,width] rounded-none",
         t == null ? void 0 : t.base,
         r[f],
@@ -139,28 +139,28 @@ function B({ children: o, className: e = "", ...n }) {
     }
   );
 }
-function F({ className: o, ...e }) {
+function B({ className: o, ...e }) {
   const n = u((t) => t.drawer.header.base);
-  return /* @__PURE__ */ s.jsx(c.Header, { className: h(n, o), ...e });
+  return /* @__PURE__ */ s.jsx(c.Header, { className: v(n, o), ...e });
 }
-function H({ className: o, ...e }) {
+function F({ className: o, ...e }) {
   const n = u((t) => t.drawer.body.base);
   return /* @__PURE__ */ s.jsx(
     c.Body,
     {
-      className: h("flex-1 overflow-auto", n, o),
+      className: v("flex-1 overflow-auto", n, o),
       ...e
     }
   );
 }
-function S({ className: o, ...e }) {
+function H({ className: o, ...e }) {
   const n = u((t) => t.drawer.footer.base);
-  return /* @__PURE__ */ s.jsx(c.Footer, { className: h(n, o), ...e });
+  return /* @__PURE__ */ s.jsx(c.Footer, { className: v(n, o), ...e });
 }
-m.Menu = B;
-m.Header = F;
-m.Body = H;
-m.Footer = S;
+m.Menu = z;
+m.Header = B;
+m.Body = F;
+m.Footer = H;
 export {
   g as DrawerContext,
   m as default

package/dist/helpers/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./cn.cjs.js"),t=require("./copy.cjs.js"),i=require("./getByPath.cjs.js"),e=require("./isEmpty.cjs.js"),s=require("./isServer.cjs.js"),c=require("./matrixArray.cjs.js"),n=require("./randomID.cjs.js"),o=require("./replaceNonDigits.cjs.js"),a=require("./replacePersianNumbers.cjs.js"),u=require("./twoDigitNumber.cjs.js"),y=require("./wait.cjs.js");exports.cn=r;exports.copy=t;exports.getByPath=i;exports.isEmpty=e.isEmpty;exports.isEmptyArray=e.isEmptyArray;exports.isEmptyObject=e.isEmptyObject;exports.isEmptyString=e.isEmptyString;exports.isEmptyValue=e.isEmptyValue;exports.isServer=s;exports.matrixArray=c;exports.randomID=n;exports.replaceNonDigits=o;exports.replacePersianNumbers=a;exports.twoDigitNumber=u;exports.wait=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./cn.cjs.js"),t=require("./copy.cjs.js"),i=require("./getByPath.cjs.js"),e=require("./isEmpty.cjs.js"),s=require("./isServer.cjs.js"),o=require("./matrixArray.cjs.js"),c=require("./randomID.cjs.js"),n=require("./replaceNonDigits.cjs.js"),a=require("./replacePersianNumbers.cjs.js"),u=require("./scrollIntoView.cjs.js"),y=require("./twoDigitNumber.cjs.js"),m=require("./wait.cjs.js");exports.cn=r;exports.copy=t;exports.getByPath=i;exports.isEmpty=e.isEmpty;exports.isEmptyArray=e.isEmptyArray;exports.isEmptyObject=e.isEmptyObject;exports.isEmptyString=e.isEmptyString;exports.isEmptyValue=e.isEmptyValue;exports.isServer=s;exports.matrixArray=o;exports.randomID=c;exports.replaceNonDigits=n;exports.replacePersianNumbers=a;exports.scrollIntoView=u;exports.twoDigitNumber=y;exports.wait=m;

package/dist/helpers/index.d.ts

@@ -7,5 +7,6 @@ export { default as matrixArray } from './matrixArray';
 export { default as randomID } from './randomID';
 export { default as replaceNonDigits } from './replaceNonDigits';
 export { default as replacePersianNumbers } from './replacePersianNumbers';
+export { default as scrollIntoView } from './scrollIntoView';
 export { default as twoDigitNumber } from './twoDigitNumber';
 export { default as wait } from './wait';

package/dist/helpers/index.es.js

@@ -1,29 +1,31 @@
 "use client";
 import { default as e } from "./cn.es.js";
 import { default as o } from "./copy.es.js";
-import { default as m } from "./getByPath.es.js";
-import { isEmpty as p, isEmptyArray as i, isEmptyObject as l, isEmptyString as u, isEmptyValue as x } from "./isEmpty.es.js";
+import { default as s } from "./getByPath.es.js";
+import { isEmpty as p, isEmptyArray as l, isEmptyObject as i, isEmptyString as u, isEmptyValue as x } from "./isEmpty.es.js";
 import { default as y } from "./isServer.es.js";
 import { default as n } from "./matrixArray.es.js";
 import { default as g } from "./randomID.es.js";
-import { default as D } from "./replaceNonDigits.es.js";
-import { default as w } from "./replacePersianNumbers.es.js";
-import { default as P } from "./twoDigitNumber.es.js";
+import { default as w } from "./replaceNonDigits.es.js";
+import { default as N } from "./replacePersianNumbers.es.js";
+import { default as I } from "./scrollIntoView.es.js";
+import { default as S } from "./twoDigitNumber.es.js";
 import { default as h } from "./wait.es.js";
 export {
   e as cn,
   o as copy,
-  m as getByPath,
+  s as getByPath,
   p as isEmpty,
-  i as isEmptyArray,
-  l as isEmptyObject,
+  l as isEmptyArray,
+  i as isEmptyObject,
   u as isEmptyString,
   x as isEmptyValue,
   y as isServer,
   n as matrixArray,
   g as randomID,
-  D as replaceNonDigits,
-  w as replacePersianNumbers,
-  P as twoDigitNumber,
+  w as replaceNonDigits,
+  N as replacePersianNumbers,
+  I as scrollIntoView,
+  S as twoDigitNumber,
   h as wait
 };

package/dist/helpers/scrollIntoView.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";function t(e,o={block:"center",inline:"center",behavior:"smooth"}){e.scrollIntoView(o)}module.exports=t;

package/dist/helpers/scrollIntoView.d.ts

@@ -0,0 +1 @@
+export default function scrollIntoView(element: HTMLElement, option?: ScrollIntoViewOptions): void;

package/dist/helpers/scrollIntoView.es.js

@@ -0,0 +1,11 @@
+"use client";
+function n(e, o = {
+  block: "center",
+  inline: "center",
+  behavior: "smooth"
+}) {
+  e.scrollIntoView(o);
+}
+export {
+  n as default
+};

package/dist/hooks/useOutsideClick.d.ts

@@ -1,4 +1,4 @@
 import { Dispatch, RefObject } from 'react';
-type Ref = RefObject<HTMLElement> | HTMLElement | null;
+type Ref = RefObject<HTMLElement | null> | HTMLElement | null;
 export default function useOutsideClick(ref: Ref, callback: Dispatch<MouseEvent>): void;
 export {};

package/package.json

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