reaxify 0.0.11 → 0.0.13

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

@@ -1 +1 @@
-"use strict";const x=require("../../node_modules/react/jsx-runtime.cjs.js"),n=require("react"),zt=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),r=require("../../helpers/cn.cjs.js"),Mt=require("../../hooks/useClasses.cjs.js"),Rt=require("../../hooks/useCreateRipple.cjs.js");require("../Form/index.cjs.js");const Et=require("../ButtonGroup/index.cjs.js"),Nt=require("../Drawer/index.cjs.js"),Bt=require("../Modal/index.cjs.js");function Dt({as:bt,variant:xt,color:p,size:pt,loading:lt,stopPropagation:gt=!1,closeModal:ct=!1,closeDrawer:mt=!1,className:ft,onClick:l,children:wt,...m}){const t=Mt(e=>e.button),i=n.useContext(Et.ButtonGroupContext),ht=n.useContext(Bt.ModalContext),yt=n.useContext(Nt.DrawerContext),Ct=Rt(),kt=bt||"button",f=xt??i.variant??"solid",g=n.useMemo(()=>p!==void 0?p:i.color!==void 0?i.color:"primary",[p,i.color]),c=pt??i.size??"md",b=lt??i.loading??!1,d=n.useMemo(()=>{var o,a,u,w,h,y,C,k,v,j,q,s,z,M,R,E,N,B,D,G,$,P,W,A,F,H,I,J,K,L,O,Q,S,T,U,V,X,Y,Z,_,tt,rt,et,ot,nt,it,dt,at,ut;if(!g)return"border-transparent";const e={primary:{solid:r("bg-primary text-white border-primary",(a=(o=t==null?void 0:t.color)==null?void 0:o.primary)==null?void 0:a.solid),outline:r("bg-transparent text-primary border-primary",(w=(u=t==null?void 0:t.color)==null?void 0:u.primary)==null?void 0:w.outline),text:r("bg-transparent text-primary border-transparent",(y=(h=t==null?void 0:t.color)==null?void 0:h.primary)==null?void 0:y.text)},secondary:{solid:r("bg-secondary text-white border-secondary",(k=(C=t==null?void 0:t.color)==null?void 0:C.secondary)==null?void 0:k.solid),outline:r("bg-transparent text-secondary border-secondary",(j=(v=t==null?void 0:t.color)==null?void 0:v.secondary)==null?void 0:j.outline),text:r("bg-transparent text-secondary border-transparent",(s=(q=t==null?void 0:t.color)==null?void 0:q.secondary)==null?void 0:s.text)},success:{solid:r("bg-success text-white border-success",(M=(z=t==null?void 0:t.color)==null?void 0:z.success)==null?void 0:M.solid),outline:r("bg-transparent text-success border-success",(E=(R=t==null?void 0:t.color)==null?void 0:R.success)==null?void 0:E.outline),text:r("bg-transparent text-success border-transparent",(B=(N=t==null?void 0:t.color)==null?void 0:N.success)==null?void 0:B.text)},info:{solid:r("bg-info text-white border-info",(G=(D=t==null?void 0:t.color)==null?void 0:D.info)==null?void 0:G.solid),outline:r("bg-transparent text-info border-info",(P=($=t==null?void 0:t.color)==null?void 0:$.info)==null?void 0:P.outline),text:r("bg-transparent text-info border-transparent",(A=(W=t==null?void 0:t.color)==null?void 0:W.info)==null?void 0:A.text)},warning:{solid:r("bg-warning text-white border-warning",(H=(F=t==null?void 0:t.color)==null?void 0:F.warning)==null?void 0:H.solid),outline:r("bg-transparent text-warning border-warning",(J=(I=t==null?void 0:t.color)==null?void 0:I.warning)==null?void 0:J.outline),text:r("bg-transparent text-warning border-transparent",(L=(K=t==null?void 0:t.color)==null?void 0:K.warning)==null?void 0:L.text)},danger:{solid:r("bg-danger text-white border-danger",(Q=(O=t==null?void 0:t.color)==null?void 0:O.danger)==null?void 0:Q.solid),outline:r("bg-transparent text-danger border-danger",(T=(S=t==null?void 0:t.color)==null?void 0:S.danger)==null?void 0:T.outline),text:r("bg-transparent text-danger border-transparent",(V=(U=t==null?void 0:t.color)==null?void 0:U.danger)==null?void 0:V.text)},dark:{solid:r("bg-dark text-white border-dark",(Y=(X=t==null?void 0:t.color)==null?void 0:X.dark)==null?void 0:Y.solid),outline:r("bg-transparent text-dark border-dark",(_=(Z=t==null?void 0:t.color)==null?void 0:Z.dark)==null?void 0:_.outline),text:r("bg-transparent text-dark border-transparent",(rt=(tt=t==null?void 0:t.color)==null?void 0:tt.dark)==null?void 0:rt.text)},light:{solid:r("bg-light text-dark border-light",(ot=(et=t==null?void 0:t.color)==null?void 0:et.light)==null?void 0:ot.solid),outline:r("bg-transparent text-dark border-light",(it=(nt=t==null?void 0:t.color)==null?void 0:nt.light)==null?void 0:it.outline),text:r("bg-transparent text-dark border-transparent",(at=(dt=t==null?void 0:t.color)==null?void 0:dt.light)==null?void 0:at.text)}};return((ut=e==null?void 0:e[g])==null?void 0:ut[f])??null},[g,f,t==null?void 0:t.color]),vt=n.useMemo(()=>d==null?void 0:d.split(" ").find(e=>e.startsWith("text-")),[d]),jt=n.useMemo(()=>{var o,a,u;if(!c)return null;const e={sm:r("text-base py-1 px-3.5",(o=t==null?void 0:t.size)==null?void 0:o.sm),md:r("text-base py-1.5 px-4",(a=t==null?void 0:t.size)==null?void 0:a.md),lg:r("text-lg py-2 px-5",(u=t==null?void 0:t.size)==null?void 0:u.lg)};return e==null?void 0:e[c]},[c,t==null?void 0:t.size]),qt=n.useMemo(()=>{var e,o;return b?r("disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",(e=t==null?void 0:t.loading)==null?void 0:e.active):r("disabled:opacity-75 disabled:cursor-not-allowed active:shadow-lg",(o=t==null?void 0:t.loading)==null?void 0:o.active)},[b,t==null?void 0:t.loading]),st=e=>{Ct(e),ct&&ht.onClose(),mt&&yt.onClose(),gt&&e.stopPropagation(),l==null||l(e)};return x.jsxRuntimeExports.jsxs(kt,{className:zt.twMerge("relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-[#e8eaee] shadow cursor-pointer hover:shadow-md transition-[box-shadow,opacity,color,background-color,border-color]",t==null?void 0:t.base,d,jt,qt,i.buttonClasses,ft),onClick:st,disabled:m.disabled||b,...m,children:[wt,b&&x.jsxRuntimeExports.jsx("span",{className:"absolute inset-0 size-full flex items-center justify-center bg-transparent p-2",children:x.jsxRuntimeExports.jsx("span",{className:r("h-full aspect-square rounded-full border-4 border-current border-l-transparent animate-spin",vt)})}),x.jsxRuntimeExports.jsx("span",{className:"ripple-group absolute size-full inset-0 overflow-hidden pointer-events-none"})]})}module.exports=Dt;
+"use strict";const x=require("../../node_modules/react/jsx-runtime.cjs.js"),n=require("react"),zt=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),r=require("../../helpers/cn.cjs.js"),Mt=require("../../hooks/useClasses.cjs.js"),Rt=require("../../hooks/useCreateRipple.cjs.js");require("../Form/index.cjs.js");const Et=require("../ButtonGroup/index.cjs.js"),Nt=require("../Drawer/index.cjs.js"),Bt=require("../Modal/index.cjs.js");function Dt({as:bt,variant:xt,color:p,size:pt,loading:lt,stopPropagation:gt=!1,closeModal:ct=!1,closeDrawer:mt=!1,className:ft,onClick:l,children:wt,...m}){const t=Mt(e=>e.button),i=n.useContext(Et.ButtonGroupContext),ht=n.useContext(Bt.ModalContext),yt=n.useContext(Nt.DrawerContext),Ct=Rt(),kt=bt||"button",f=xt??i.variant??"solid",g=n.useMemo(()=>p!==void 0?p:i.color!==void 0?i.color:"primary",[p,i.color]),c=pt??i.size??"md",b=lt??i.loading??!1,d=n.useMemo(()=>{var o,a,u,w,h,y,C,k,v,j,q,s,z,M,R,E,N,B,D,G,$,P,W,A,F,H,I,J,K,L,O,Q,S,T,U,V,X,Y,Z,_,tt,rt,et,ot,nt,it,dt,at,ut;if(!g)return"border-transparent";const e={primary:{solid:r("bg-primary text-white border-primary",(a=(o=t==null?void 0:t.color)==null?void 0:o.primary)==null?void 0:a.solid),outline:r("bg-transparent text-primary border-primary",(w=(u=t==null?void 0:t.color)==null?void 0:u.primary)==null?void 0:w.outline),text:r("bg-transparent text-primary border-transparent",(y=(h=t==null?void 0:t.color)==null?void 0:h.primary)==null?void 0:y.text)},secondary:{solid:r("bg-secondary text-white border-secondary",(k=(C=t==null?void 0:t.color)==null?void 0:C.secondary)==null?void 0:k.solid),outline:r("bg-transparent text-secondary border-secondary",(j=(v=t==null?void 0:t.color)==null?void 0:v.secondary)==null?void 0:j.outline),text:r("bg-transparent text-secondary border-transparent",(s=(q=t==null?void 0:t.color)==null?void 0:q.secondary)==null?void 0:s.text)},success:{solid:r("bg-success text-white border-success",(M=(z=t==null?void 0:t.color)==null?void 0:z.success)==null?void 0:M.solid),outline:r("bg-transparent text-success border-success",(E=(R=t==null?void 0:t.color)==null?void 0:R.success)==null?void 0:E.outline),text:r("bg-transparent text-success border-transparent",(B=(N=t==null?void 0:t.color)==null?void 0:N.success)==null?void 0:B.text)},info:{solid:r("bg-info text-white border-info",(G=(D=t==null?void 0:t.color)==null?void 0:D.info)==null?void 0:G.solid),outline:r("bg-transparent text-info border-info",(P=($=t==null?void 0:t.color)==null?void 0:$.info)==null?void 0:P.outline),text:r("bg-transparent text-info border-transparent",(A=(W=t==null?void 0:t.color)==null?void 0:W.info)==null?void 0:A.text)},warning:{solid:r("bg-warning text-white border-warning",(H=(F=t==null?void 0:t.color)==null?void 0:F.warning)==null?void 0:H.solid),outline:r("bg-transparent text-warning border-warning",(J=(I=t==null?void 0:t.color)==null?void 0:I.warning)==null?void 0:J.outline),text:r("bg-transparent text-warning border-transparent",(L=(K=t==null?void 0:t.color)==null?void 0:K.warning)==null?void 0:L.text)},danger:{solid:r("bg-danger text-white border-danger",(Q=(O=t==null?void 0:t.color)==null?void 0:O.danger)==null?void 0:Q.solid),outline:r("bg-transparent text-danger border-danger",(T=(S=t==null?void 0:t.color)==null?void 0:S.danger)==null?void 0:T.outline),text:r("bg-transparent text-danger border-transparent",(V=(U=t==null?void 0:t.color)==null?void 0:U.danger)==null?void 0:V.text)},dark:{solid:r("bg-dark text-white border-dark",(Y=(X=t==null?void 0:t.color)==null?void 0:X.dark)==null?void 0:Y.solid),outline:r("bg-transparent text-dark border-dark",(_=(Z=t==null?void 0:t.color)==null?void 0:Z.dark)==null?void 0:_.outline),text:r("bg-transparent text-dark border-transparent",(rt=(tt=t==null?void 0:t.color)==null?void 0:tt.dark)==null?void 0:rt.text)},light:{solid:r("bg-light text-dark border-light",(ot=(et=t==null?void 0:t.color)==null?void 0:et.light)==null?void 0:ot.solid),outline:r("bg-transparent text-dark border-light",(it=(nt=t==null?void 0:t.color)==null?void 0:nt.light)==null?void 0:it.outline),text:r("bg-transparent text-dark border-transparent",(at=(dt=t==null?void 0:t.color)==null?void 0:dt.light)==null?void 0:at.text)}};return((ut=e==null?void 0:e[g])==null?void 0:ut[f])??null},[g,f,t==null?void 0:t.color]),vt=n.useMemo(()=>d==null?void 0:d.split(" ").find(e=>e.startsWith("text-")),[d]),jt=n.useMemo(()=>{var o,a,u;if(!c)return null;const e={sm:r("text-base py-1 px-3.5",(o=t==null?void 0:t.size)==null?void 0:o.sm),md:r("text-base py-1.5 px-4",(a=t==null?void 0:t.size)==null?void 0:a.md),lg:r("text-lg py-2 px-5",(u=t==null?void 0:t.size)==null?void 0:u.lg)};return e==null?void 0:e[c]},[c,t==null?void 0:t.size]),qt=n.useMemo(()=>{var e,o;return b?r("disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",(e=t==null?void 0:t.loading)==null?void 0:e.active):r("disabled:opacity-75 disabled:cursor-not-allowed active:shadow-lg",(o=t==null?void 0:t.loading)==null?void 0:o.active)},[b,t==null?void 0:t.loading]),st=e=>{Ct(e),ct&&ht.onClose(),mt&&yt.onClose(),gt&&e.stopPropagation(),l==null||l(e)};return x.jsxRuntimeExports.jsxs(kt,{className:zt.twMerge("relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-[#e8eaee] shadow cursor-pointer hover:shadow-md transition-[box-shadow,opacity,color,background-color,border-color]",t==null?void 0:t.base,d,jt,qt,i.buttonClasses,ft),onClick:st,disabled:m.disabled||b,...m,children:[wt,b&&x.jsxRuntimeExports.jsx("span",{className:"absolute inset-0 size-full flex items-center justify-center bg-transparent p-2",children:x.jsxRuntimeExports.jsx("span",{className:r("h-full aspect-square rounded-full border-4 border-current border-l-transparent animate-spin",vt)})}),x.jsxRuntimeExports.jsx("span",{className:"ripple-group absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"})]})}module.exports=Dt;

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

@@ -187,7 +187,7 @@ function Qr({
             )
           }
         ) }),
-        /* @__PURE__ */ u.jsx("span", { className: "ripple-group absolute size-full inset-0 overflow-hidden pointer-events-none" })
+        /* @__PURE__ */ u.jsx("span", { className: "ripple-group absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none" })
       ]
     }
   );

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

@@ -1,10 +1,10 @@
-import { Callback, ComponentPropsWithAs, ToggleProps } from '../../types';
+import { ComponentPropsWithAs, ToggleProps } from '../../types';
 import { ComponentProps, ElementType } from 'react';
 import { TransitionStatus } from 'react-transition-group';
 type Anchor = "start" | "end" | "top" | "bottom";
 type Context = {
     open: boolean;
-    onClose: Callback;
+    onClose: VoidFunction;
     duration: number;
     anchor: Anchor;
     transitionState: TransitionStatus;

package/dist/components/Modal/index.d.ts

@@ -1,11 +1,11 @@
-import { Callback, ComponentPropsWithAs, ToggleProps } from '../../types';
+import { ComponentPropsWithAs, ToggleProps } from '../../types';
 import { ComponentProps, ElementType } from 'react';
 import { TransitionStatus } from 'react-transition-group';
 type Size = "sm" | "md" | "lg";
 type Context = {
     size: Size;
     open: boolean;
-    onClose: Callback;
+    onClose: VoidFunction;
     transitionState: TransitionStatus;
     duration: number;
 };

package/dist/hooks/useDebounce.d.ts

@@ -1,2 +1 @@
-import { Callback } from '../types';
-export default function useDebounce(): (callback: Callback, ms?: number) => void;
+export default function useDebounce(): (callback: VoidFunction, ms?: number) => void;

package/dist/hooks/useInputValidation.cjs.js

@@ -1 +1 @@
-"use strict";const p=require("../components/Form/index.cjs.js"),v=require("../helpers/randomID.cjs.js"),r=require("react");function x({rules:n}){const{setFormControl:e,removeFormControl:s}=r.useContext(p.FormContext),[o,a]=r.useState(!1),[b,f]=r.useState(null),c=r.useCallback(t=>{if(!n.length)return;const u=t.id,i=t.value;for(const g of n){const l=g(i);if(typeof l=="string"){e==null||e(u,()=>!1),f(l),a(!0);return}}e==null||e(u,()=>!0),f(null),a(!1)},[n,e]);return{ref:r.useCallback(t=>{if(!t)return;t.id||(t.id=v());const u=t.id;c(t);const i=new MutationObserver(()=>c(t));return i.observe(t,{attributes:!0,childList:!0,subtree:!0}),()=>{i.disconnect(),s==null||s(u)}},[c,s]),error:o,errorMessage:b}}module.exports=x;
+"use strict";const v=require("../components/Form/index.cjs.js"),o=require("../helpers/randomID.cjs.js"),s=require("react");function x({rules:c}){const{setFormControl:e,removeFormControl:u}=s.useContext(v.FormContext),[b,i]=s.useState(!1),[g,a]=s.useState(null),f=s.useCallback(t=>{const r=t.id,n=t.value;if(!c.length){e==null||e(r,()=>!0),a(null),i(!1);return}for(const p of c){const l=p(n);if(typeof l=="string"){e==null||e(r,()=>(i(!0),!1)),a(l),i(!0);return}}e==null||e(r,()=>!0),a(null),i(!1)},[c,e]);return{ref:s.useCallback(t=>{if(!t)return;t.id||(t.id=o());const r=t.id;f(t);const n=new MutationObserver(()=>f(t));return n.observe(t,{attributes:!0,childList:!0,subtree:!0}),()=>{n.disconnect(),u==null||u(r)}},[f,u]),error:b,errorMessage:g}}module.exports=x;

package/dist/hooks/useInputValidation.es.js

@@ -1,40 +1,43 @@
 import { FormContext as v } from "../components/Form/index.es.js";
-import m from "../helpers/randomID.es.js";
-import { useContext as x, useState as o, useCallback as l } from "react";
-function R({ rules: u }) {
-  const { setFormControl: r, removeFormControl: e } = x(v), [p, a] = o(!1), [b, c] = o(null), n = l(
+import x from "../helpers/randomID.es.js";
+import { useContext as M, useState as l, useCallback as p } from "react";
+function d({ rules: n }) {
+  const { setFormControl: r, removeFormControl: s } = M(v), [o, u] = l(!1), [b, a] = l(null), f = p(
     (t) => {
-      if (!u.length) return;
-      const s = t.id, i = t.value;
-      for (const g of u) {
-        const f = g(i);
-        if (typeof f == "string") {
-          r == null || r(s, () => !1), c(f), a(!0);
+      const e = t.id, i = t.value;
+      if (!n.length) {
+        r == null || r(e, () => !0), a(null), u(!1);
+        return;
+      }
+      for (const g of n) {
+        const c = g(i);
+        if (typeof c == "string") {
+          r == null || r(e, () => (u(!0), !1)), a(c), u(!0);
           return;
         }
       }
-      r == null || r(s, () => !0), c(null), a(!1);
+      r == null || r(e, () => !0), a(null), u(!1);
     },
-    [u, r]
+    [n, r]
   );
-  return { ref: l(
+  return { ref: p(
     (t) => {
       if (!t) return;
-      t.id || (t.id = m());
-      const s = t.id;
-      n(t);
-      const i = new MutationObserver(() => n(t));
+      t.id || (t.id = x());
+      const e = t.id;
+      f(t);
+      const i = new MutationObserver(() => f(t));
       return i.observe(t, {
         attributes: !0,
         childList: !0,
         subtree: !0
       }), () => {
-        i.disconnect(), e == null || e(s);
+        i.disconnect(), s == null || s(e);
       };
     },
-    [n, e]
-  ), error: p, errorMessage: b };
+    [f, s]
+  ), error: o, errorMessage: b };
 }
 export {
-  R as default
+  d as default
 };

package/dist/types/index.d.ts

@@ -8,12 +8,11 @@ export type ChildrenProps = {
     children?: ReactNode;
 };
 export type Size = "sm" | "md" | "lg";
-export type Callback = () => void;
 export type Rule = (value: string) => true | string;
 export type Rules = Rule[];
 export type ToggleProps = {
     open?: boolean;
-    onClose?: Callback;
+    onClose?: VoidFunction;
 };
 export type TransitionClasses = {
     [key in TransitionStatus]: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reaxify",
   "private": false,
-  "version": "0.0.11",
+  "version": "0.0.13",
   "type": "module",
   "types": "./dist/index.d.ts",
   "files": [
@@ -84,6 +84,7 @@
     "eslint-plugin-storybook": "^0.10.1",
     "storybook": "^8.6.11",
     "typescript": "^5.7.2",
-    "vite": "^5.0.8"
+    "vite": "^5.0.8",
+    "vite-plugin-static-copy": "^2.3.1"
   }
 }