reaxify 0.0.20 → 0.0.21

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

@@ -1,5 +1,5 @@
-import { ElementType } from 'react';
 import { ComponentPropsWithAs, ToggleProps } from '../../types';
+import { ElementType } from 'react';
 type MenuProps = ToggleProps & {
     anchorEl?: HTMLElement | null;
     closeOnClick?: boolean;

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

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

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

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

package/dist/types/index.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps, ElementType, ReactNode } from 'react';
-import { TransitionStatus } from 'react-transition-group';
 export type ComponentPropsWithoutAs<E extends ElementType, P extends Record<string, unknown> = {}> = P & Omit<ComponentProps<E>, keyof P>;
 export type ComponentPropsWithAs<E extends ElementType, P extends Record<string, unknown> = {}> = P & {
     as?: E;
@@ -15,9 +14,6 @@ export type ToggleProps = {
     open?: boolean;
     onClose?: VoidFunction;
 };
-export type TransitionClasses = {
-    [key in TransitionStatus]: string;
-};
 export type RecursivePartial<T> = {
     [P in keyof T]?: RecursivePartial<T[P]>;
 };

package/package.json

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