reaxify 0.0.96 → 0.0.97

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

@@ -1 +1 @@
-"use client";"use strict";const c=require("react/jsx-runtime"),l=require("../../hooks/useClasses.cjs.js"),u=require("react"),d=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),f=u.createContext({size:"md",isImageLoaded:null,setIsImageLoaded:()=>{}});function b({as:o,className:r,children:n,...e}){const t=l(i=>i.avatar.group.base),s=o||"div";return c.jsx(s,{className:d.twMerge("flex -space-x-2",t,r),...e,children:n})}function g({as:o,className:r,size:n="md",children:e,...t}){const s=l(m=>m.avatar),i=o||"div",[a,x]=u.useState(!1),z=u.useMemo(()=>{var v;if(!n)return null;const m={sm:"size-6 [&_svg]:size-3",md:"size-8 [&_svg]:size-4",lg:"size-10 [&_svg]:size-5"};return[m==null?void 0:m[n],(v=s==null?void 0:s.size)==null?void 0:v[n]]},[n,s==null?void 0:s.size]);return c.jsx(i,{className:d.twMerge("relative flex items-center justify-center bg-light ring-2 ring-light rounded-full select-none",s==null?void 0:s.base,z,r),...t,children:c.jsx(f.Provider,{value:{size:n,isImageLoaded:a,setIsImageLoaded:x},children:e})})}function j({className:o,onLoad:r,...n}){const e=l(a=>a.avatar.image.base),{isImageLoaded:t,setIsImageLoaded:s}=u.useContext(f),i=a=>{s(!0),r==null||r(a)};return c.jsx("img",{className:d.twMerge("aspect-square size-full rounded-full object-cover",t?"block":"hidden",e,o),onLoad:i,...n})}function C({className:o,children:r,...n}){const e=l(a=>a.avatar.fallback),{size:t,isImageLoaded:s}=u.useContext(f),i=u.useMemo(()=>{var x;if(!t)return null;const a={sm:"text-xs",md:"text-sm",lg:"text-sm"};return[a==null?void 0:a[t],(x=e==null?void 0:e.size)==null?void 0:x[t]]},[t,e==null?void 0:e.size]);return c.jsx("div",{className:d.twMerge("flex size-full items-center justify-center rounded-full text-dark",s?"hidden":"flex",e==null?void 0:e.base,i,o),...n,children:r})}function I({className:o,children:r,...n}){const e=l(i=>i.avatar.badge),{size:t}=u.useContext(f),s=u.useMemo(()=>{var a;if(!t)return null;const i={sm:"size-2 [&_svg]:hidden",md:"size-2.5 [&_svg]:size-2",lg:"size-3 [&_svg]:size-2"};return[i==null?void 0:i[t],(a=e==null?void 0:e.size)==null?void 0:a[t]]},[t,e==null?void 0:e.size]);return c.jsx("span",{className:d.twMerge("absolute right-0 bottom-0 bg-success z-10 inline-flex items-center justify-center rounded-full ring-2 ring-light",e==null?void 0:e.base,s,o),...n,children:r})}function p({className:o,children:r,...n}){const e=l(t=>t.avatar.count.base);return c.jsx("span",{className:d.twMerge("text-sm text-dark font-medium",e,o),...n,children:r})}g.Group=b;g.Image=j;g.Fallback=C;g.Badge=I;g.Count=p;module.exports=g;
+"use client";"use strict";const c=require("react/jsx-runtime"),d=require("../../hooks/useClasses.cjs.js"),u=require("react"),g=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),f=u.createContext({size:"md",isImageLoaded:null,setIsImageLoaded:()=>{}});function b({as:i,className:o,children:n,...e}){const t=d(a=>a.avatar.group.base),s=i||"div";return c.jsx(s,{className:g.twMerge("flex -space-x-2",t,o),...e,children:n})}function m({as:i,className:o,size:n="md",children:e,...t}){const s=d(x=>x.avatar),a=i||"div",[r,l]=u.useState(!1),v=u.useMemo(()=>{var z;if(!n)return null;const x={sm:"size-6 [&_svg]:size-3",md:"size-8 [&_svg]:size-4",lg:"size-10 [&_svg]:size-5"};return[x==null?void 0:x[n],(z=s==null?void 0:s.size)==null?void 0:z[n]]},[n,s==null?void 0:s.size]);return c.jsx(a,{className:g.twMerge("relative flex items-center justify-center bg-light ring-2 ring-light rounded-full select-none",s==null?void 0:s.base,v,o),...t,children:c.jsx(f.Provider,{value:{size:n,isImageLoaded:r,setIsImageLoaded:l},children:e})})}function j({src:i,alt:o,className:n,onLoad:e,...t}){const s=d(v=>v.avatar.image.base),{isImageLoaded:a,setIsImageLoaded:r}=u.useContext(f),l=v=>{r(!0),e==null||e(v)};return c.jsx("img",{src:i||void 0,alt:o||void 0,className:g.twMerge("aspect-square size-full rounded-full object-cover",a?"block":"hidden",s,n),onLoad:l,...t})}function C({className:i,children:o,...n}){const e=d(r=>r.avatar.fallback),{size:t,isImageLoaded:s}=u.useContext(f),a=u.useMemo(()=>{var l;if(!t)return null;const r={sm:"text-xs",md:"text-sm",lg:"text-sm"};return[r==null?void 0:r[t],(l=e==null?void 0:e.size)==null?void 0:l[t]]},[t,e==null?void 0:e.size]);return c.jsx("div",{className:g.twMerge("flex size-full items-center justify-center rounded-full text-dark",s?"hidden":"flex",e==null?void 0:e.base,a,i),...n,children:o})}function I({className:i,children:o,...n}){const e=d(a=>a.avatar.badge),{size:t}=u.useContext(f),s=u.useMemo(()=>{var r;if(!t)return null;const a={sm:"size-2 [&_svg]:hidden",md:"size-2.5 [&_svg]:size-2",lg:"size-3 [&_svg]:size-2"};return[a==null?void 0:a[t],(r=e==null?void 0:e.size)==null?void 0:r[t]]},[t,e==null?void 0:e.size]);return c.jsx("span",{className:g.twMerge("absolute right-0 bottom-0 bg-success z-10 inline-flex items-center justify-center rounded-full ring-2 ring-light",e==null?void 0:e.base,s,i),...n,children:o})}function p({className:i,children:o,...n}){const e=d(t=>t.avatar.count.base);return c.jsx("span",{className:g.twMerge("text-sm text-dark font-medium",e,i),...n,children:o})}m.Group=b;m.Image=j;m.Fallback=C;m.Badge=I;m.Count=p;module.exports=m;

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

@@ -3,6 +3,11 @@ import { ElementType } from 'react';
 type AvatarProps = {
     size?: Size;
 };
+type AvatarImageProps = {
+    src: string | null | undefined;
+    alt: string | null | undefined;
+    loading?: never;
+};
 declare function AvatarGroup<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
 declare function Avatar<E extends ElementType = "div">({ as, className, size, children, ...props }: ComponentPropsWithAs<E, AvatarProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace Avatar {
@@ -12,9 +17,7 @@ declare namespace Avatar {
     var Badge: typeof AvatarBadge;
     var Count: typeof AvatarCount;
 }
-declare function AvatarImage({ className, onLoad, ...props }: ComponentPropsWithoutAs<"img", {
-    loading?: never;
-}>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ src, alt, className, onLoad, ...props }: ComponentPropsWithoutAs<"img", AvatarImageProps>): import("react/jsx-runtime").JSX.Element;
 declare function AvatarFallback({ className, children, ...props }: ComponentPropsWithoutAs<"div">): import("react/jsx-runtime").JSX.Element;
 declare function AvatarBadge({ className, children, ...props }: ComponentPropsWithoutAs<"span">): import("react/jsx-runtime").JSX.Element;
 declare function AvatarCount({ className, children, ...props }: ComponentPropsWithoutAs<"span">): import("react/jsx-runtime").JSX.Element;

package/dist/components/Avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC9E,OAAO,EAGL,WAAW,EAKZ,MAAM,OAAO,CAAC;AAQf,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAWF,iBAAS,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAClD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAWzB;AACD,iBAAS,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC7C,EAAE,EACF,SAAS,EACT,IAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC,2CA4BtC;kBAlCQ,MAAM;;;;;;;AAmCf,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,KAAK,EAAE;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,2CAmBrD;AACD,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,KAAK,CAAC,2CA0BhC;AACD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,CAAC,2CAyBjC;AACD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,CAAC,2CAUjC;AAQD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC9E,OAAO,EAGL,WAAW,EAKZ,MAAM,OAAO,CAAC;AAQf,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AACF,KAAK,gBAAgB,GAAG;IACtB,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAWF,iBAAS,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAClD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAWzB;AACD,iBAAS,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC7C,EAAE,EACF,SAAS,EACT,IAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC,2CA4BtC;kBAlCQ,MAAM;;;;;;;AAmCf,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,GAAG,EACH,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,KAAK,EAAE,gBAAgB,CAAC,2CAqBlD;AACD,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,KAAK,CAAC,2CA0BhC;AACD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,CAAC,2CAyBjC;AACD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,CAAC,2CAUjC;AAQD,eAAe,MAAM,CAAC"}

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

@@ -1,97 +1,101 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
-import l from "../../hooks/useClasses.es.js";
-import { createContext as p, useState as C, useMemo as v, useContext as z } from "react";
+import d from "../../hooks/useClasses.es.js";
+import { createContext as p, useState as C, useMemo as z, useContext as x } from "react";
 import { twMerge as m } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-const f = p({
+const v = p({
   size: "md",
   isImageLoaded: null,
   setIsImageLoaded: () => {
   }
 });
 function I({
-  as: i,
-  className: r,
+  as: o,
+  className: i,
   children: a,
   ...e
 }) {
-  const t = l((o) => o.avatar.group.base);
+  const t = d((s) => s.avatar.group.base);
   return /* @__PURE__ */ u(
-    i || "div",
+    o || "div",
     {
-      className: m("flex -space-x-2", t, r),
+      className: m("flex -space-x-2", t, i),
       ...e,
       children: a
     }
   );
 }
-function c({
-  as: i,
-  className: r,
+function f({
+  as: o,
+  className: i,
   size: a = "md",
   children: e,
   ...t
 }) {
-  const n = l((d) => d.avatar), o = i || "div", [s, g] = C(!1), b = v(() => {
-    var x;
+  const n = d((g) => g.avatar), s = o || "div", [r, l] = C(!1), c = z(() => {
+    var b;
     if (!a) return null;
-    const d = {
+    const g = {
       sm: "size-6 [&_svg]:size-3",
       md: "size-8 [&_svg]:size-4",
       lg: "size-10 [&_svg]:size-5"
     };
-    return [d == null ? void 0 : d[a], (x = n == null ? void 0 : n.size) == null ? void 0 : x[a]];
+    return [g == null ? void 0 : g[a], (b = n == null ? void 0 : n.size) == null ? void 0 : b[a]];
   }, [a, n == null ? void 0 : n.size]);
   return /* @__PURE__ */ u(
-    o,
+    s,
     {
       className: m(
         "relative flex items-center justify-center bg-light ring-2 ring-light rounded-full select-none",
         n == null ? void 0 : n.base,
-        b,
-        r
+        c,
+        i
       ),
       ...t,
-      children: /* @__PURE__ */ u(f.Provider, { value: { size: a, isImageLoaded: s, setIsImageLoaded: g }, children: e })
+      children: /* @__PURE__ */ u(v.Provider, { value: { size: a, isImageLoaded: r, setIsImageLoaded: l }, children: e })
     }
   );
 }
 function h({
-  className: i,
-  onLoad: r,
-  ...a
+  src: o,
+  alt: i,
+  className: a,
+  onLoad: e,
+  ...t
 }) {
-  const e = l((s) => s.avatar.image.base), { isImageLoaded: t, setIsImageLoaded: n } = z(f), o = (s) => {
-    n(!0), r == null || r(s);
+  const n = d((c) => c.avatar.image.base), { isImageLoaded: s, setIsImageLoaded: r } = x(v), l = (c) => {
+    r(!0), e == null || e(c);
   };
   return /* @__PURE__ */ u(
     "img",
     {
+      src: o || void 0,
+      alt: i || void 0,
       className: m(
         "aspect-square size-full rounded-full object-cover",
-        t ? "block" : "hidden",
-        e,
-        i
+        s ? "block" : "hidden",
+        n,
+        a
       ),
-      onLoad: o,
-      ...a
+      onLoad: l,
+      ...t
     }
   );
 }
 function A({
-  className: i,
-  children: r,
+  className: o,
+  children: i,
   ...a
 }) {
-  const e = l((s) => s.avatar.fallback), { size: t, isImageLoaded: n } = z(f), o = v(() => {
-    var g;
+  const e = d((r) => r.avatar.fallback), { size: t, isImageLoaded: n } = x(v), s = z(() => {
+    var l;
     if (!t) return null;
-    const s = {
+    const r = {
       sm: "text-xs",
       md: "text-sm",
       lg: "text-sm"
     };
-    return [s == null ? void 0 : s[t], (g = e == null ? void 0 : e.size) == null ? void 0 : g[t]];
+    return [r == null ? void 0 : r[t], (l = e == null ? void 0 : e.size) == null ? void 0 : l[t]];
   }, [t, e == null ? void 0 : e.size]);
   return /* @__PURE__ */ u(
     "div",
@@ -100,28 +104,28 @@ function A({
         "flex size-full items-center justify-center rounded-full text-dark",
         n ? "hidden" : "flex",
         e == null ? void 0 : e.base,
-        o,
-        i
+        s,
+        o
       ),
       ...a,
-      children: r
+      children: i
     }
   );
 }
 function k({
-  className: i,
-  children: r,
+  className: o,
+  children: i,
   ...a
 }) {
-  const e = l((o) => o.avatar.badge), { size: t } = z(f), n = v(() => {
-    var s;
+  const e = d((s) => s.avatar.badge), { size: t } = x(v), n = z(() => {
+    var r;
     if (!t) return null;
-    const o = {
+    const s = {
       sm: "size-2 [&_svg]:hidden",
       md: "size-2.5 [&_svg]:size-2",
       lg: "size-3 [&_svg]:size-2"
     };
-    return [o == null ? void 0 : o[t], (s = e == null ? void 0 : e.size) == null ? void 0 : s[t]];
+    return [s == null ? void 0 : s[t], (r = e == null ? void 0 : e.size) == null ? void 0 : r[t]];
   }, [t, e == null ? void 0 : e.size]);
   return /* @__PURE__ */ u(
     "span",
@@ -130,33 +134,33 @@ function k({
         "absolute right-0 bottom-0 bg-success z-10 inline-flex items-center justify-center rounded-full ring-2 ring-light",
         e == null ? void 0 : e.base,
         n,
-        i
+        o
       ),
       ...a,
-      children: r
+      children: i
     }
   );
 }
 function N({
-  className: i,
-  children: r,
+  className: o,
+  children: i,
   ...a
 }) {
-  const e = l((t) => t.avatar.count.base);
+  const e = d((t) => t.avatar.count.base);
   return /* @__PURE__ */ u(
     "span",
     {
-      className: m("text-sm text-dark font-medium", e, i),
+      className: m("text-sm text-dark font-medium", e, o),
       ...a,
-      children: r
+      children: i
     }
   );
 }
-c.Group = I;
-c.Image = h;
-c.Fallback = A;
-c.Badge = k;
-c.Count = N;
+f.Group = I;
+f.Image = h;
+f.Fallback = A;
+f.Badge = k;
+f.Count = N;
 export {
-  c as default
+  f as default
 };

package/package.json

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