reaxify 0.0.97 → 0.0.98

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/Avatar/index.cjs.js +1 -1
  2. package/dist/components/Avatar/index.d.ts +1 -1
  3. package/dist/components/Avatar/index.d.ts.map +1 -1
  4. package/dist/components/Avatar/index.es.js +28 -28
  5. package/package.json +1 -1
package/dist/components/Avatar/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "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;
1
+ "use client";"use strict";const l=require("react/jsx-runtime"),d=require("../../hooks/useClasses.cjs.js"),u=require("react"),g=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),x=u.createContext({size:"md",isImageLoaded:null,setIsImageLoaded:()=>{}});function b({as:a,className:o,children:n,...e}){const t=d(r=>r.avatar.group.base),s=a||"div";return l.jsx(s,{className:g.twMerge("flex -space-x-2",t,o),...e,children:n})}function m({as:a,className:o,size:n="md",children:e,...t}){const s=d(f=>f.avatar),r=a||"div",[i,c]=u.useState(!1),v=u.useMemo(()=>{var z;if(!n)return null;const f={sm:"size-6 [&_svg]:size-3",md:"size-8 [&_svg]:size-4",lg:"size-10 [&_svg]:size-5"};return[f==null?void 0:f[n],(z=s==null?void 0:s.size)==null?void 0:z[n]]},[n,s==null?void 0:s.size]);return l.jsx(r,{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:l.jsx(x.Provider,{value:{size:n,isImageLoaded:i,setIsImageLoaded:c},children:e})})}function j({src:a,alt:o,className:n,onLoad:e,...t}){const s=d(v=>v.avatar.image.base),{isImageLoaded:r,setIsImageLoaded:i}=u.useContext(x),c=v=>{i(!0),e==null||e(v)};return a?l.jsx("img",{src:a||void 0,alt:o||void 0,className:g.twMerge("aspect-square size-full rounded-full object-cover",r?"block":"hidden",s,n),onLoad:c,...t}):null}function C({className:a,children:o,...n}){const e=d(i=>i.avatar.fallback),{size:t,isImageLoaded:s}=u.useContext(x),r=u.useMemo(()=>{var c;if(!t)return null;const i={sm:"text-xs",md:"text-sm",lg:"text-sm"};return[i==null?void 0:i[t],(c=e==null?void 0:e.size)==null?void 0:c[t]]},[t,e==null?void 0:e.size]);return l.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,r,a),...n,children:o})}function I({className:a,children:o,...n}){const e=d(r=>r.avatar.badge),{size:t}=u.useContext(x),s=u.useMemo(()=>{var i;if(!t)return null;const r={sm:"size-2 [&_svg]:hidden",md:"size-2.5 [&_svg]:size-2",lg:"size-3 [&_svg]:size-2"};return[r==null?void 0:r[t],(i=e==null?void 0:e.size)==null?void 0:i[t]]},[t,e==null?void 0:e.size]);return l.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,a),...n,children:o})}function p({className:a,children:o,...n}){const e=d(t=>t.avatar.count.base);return l.jsx("span",{className:g.twMerge("text-sm text-dark font-medium",e,a),...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 CHANGED
@@ -17,7 +17,7 @@ declare namespace Avatar {
17
17
  var Badge: typeof AvatarBadge;
18
18
  var Count: typeof AvatarCount;
19
19
  }
20
- declare function AvatarImage({ src, alt, className, onLoad, ...props }: ComponentPropsWithoutAs<"img", AvatarImageProps>): import("react/jsx-runtime").JSX.Element;
20
+ declare function AvatarImage({ src, alt, className, onLoad, ...props }: ComponentPropsWithoutAs<"img", AvatarImageProps>): import("react/jsx-runtime").JSX.Element | null;
21
21
  declare function AvatarFallback({ className, children, ...props }: ComponentPropsWithoutAs<"div">): import("react/jsx-runtime").JSX.Element;
22
22
  declare function AvatarBadge({ className, children, ...props }: ComponentPropsWithoutAs<"span">): import("react/jsx-runtime").JSX.Element;
23
23
  declare function AvatarCount({ className, children, ...props }: ComponentPropsWithoutAs<"span">): import("react/jsx-runtime").JSX.Element;
package/dist/components/Avatar/index.d.ts.map CHANGED
@@ -1 +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;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"}
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;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,kDAsBlD;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 CHANGED
@@ -10,14 +10,14 @@ const v = p({
10
10
  }
11
11
  });
12
12
  function I({
13
- as: o,
13
+ as: s,
14
14
  className: i,
15
15
  children: a,
16
16
  ...e
17
17
  }) {
18
- const t = d((s) => s.avatar.group.base);
18
+ const t = d((r) => r.avatar.group.base);
19
19
  return /* @__PURE__ */ u(
20
- o || "div",
20
+ s || "div",
21
21
  {
22
22
  className: m("flex -space-x-2", t, i),
23
23
  ...e,
@@ -26,13 +26,13 @@ function I({
26
26
  );
27
27
  }
28
28
  function f({
29
- as: o,
29
+ as: s,
30
30
  className: i,
31
31
  size: a = "md",
32
32
  children: e,
33
33
  ...t
34
34
  }) {
35
- const n = d((g) => g.avatar), s = o || "div", [r, l] = C(!1), c = z(() => {
35
+ const n = d((g) => g.avatar), r = s || "div", [o, l] = C(!1), c = z(() => {
36
36
  var b;
37
37
  if (!a) return null;
38
38
  const g = {
@@ -43,7 +43,7 @@ function f({
43
43
  return [g == null ? void 0 : g[a], (b = n == null ? void 0 : n.size) == null ? void 0 : b[a]];
44
44
  }, [a, n == null ? void 0 : n.size]);
45
45
  return /* @__PURE__ */ u(
46
- s,
46
+ r,
47
47
  {
48
48
  className: m(
49
49
  "relative flex items-center justify-center bg-light ring-2 ring-light rounded-full select-none",
@@ -52,50 +52,50 @@ function f({
52
52
  i
53
53
  ),
54
54
  ...t,
55
- children: /* @__PURE__ */ u(v.Provider, { value: { size: a, isImageLoaded: r, setIsImageLoaded: l }, children: e })
55
+ children: /* @__PURE__ */ u(v.Provider, { value: { size: a, isImageLoaded: o, setIsImageLoaded: l }, children: e })
56
56
  }
57
57
  );
58
58
  }
59
59
  function h({
60
- src: o,
60
+ src: s,
61
61
  alt: i,
62
62
  className: a,
63
63
  onLoad: e,
64
64
  ...t
65
65
  }) {
66
- const n = d((c) => c.avatar.image.base), { isImageLoaded: s, setIsImageLoaded: r } = x(v), l = (c) => {
67
- r(!0), e == null || e(c);
66
+ const n = d((c) => c.avatar.image.base), { isImageLoaded: r, setIsImageLoaded: o } = x(v), l = (c) => {
67
+ o(!0), e == null || e(c);
68
68
  };
69
- return /* @__PURE__ */ u(
69
+ return s ? /* @__PURE__ */ u(
70
70
  "img",
71
71
  {
72
- src: o || void 0,
72
+ src: s || void 0,
73
73
  alt: i || void 0,
74
74
  className: m(
75
75
  "aspect-square size-full rounded-full object-cover",
76
- s ? "block" : "hidden",
76
+ r ? "block" : "hidden",
77
77
  n,
78
78
  a
79
79
  ),
80
80
  onLoad: l,
81
81
  ...t
82
82
  }
83
- );
83
+ ) : null;
84
84
  }
85
85
  function A({
86
- className: o,
86
+ className: s,
87
87
  children: i,
88
88
  ...a
89
89
  }) {
90
- const e = d((r) => r.avatar.fallback), { size: t, isImageLoaded: n } = x(v), s = z(() => {
90
+ const e = d((o) => o.avatar.fallback), { size: t, isImageLoaded: n } = x(v), r = z(() => {
91
91
  var l;
92
92
  if (!t) return null;
93
- const r = {
93
+ const o = {
94
94
  sm: "text-xs",
95
95
  md: "text-sm",
96
96
  lg: "text-sm"
97
97
  };
98
- return [r == null ? void 0 : r[t], (l = e == null ? void 0 : e.size) == null ? void 0 : l[t]];
98
+ return [o == null ? void 0 : o[t], (l = e == null ? void 0 : e.size) == null ? void 0 : l[t]];
99
99
  }, [t, e == null ? void 0 : e.size]);
100
100
  return /* @__PURE__ */ u(
101
101
  "div",
@@ -104,8 +104,8 @@ function A({
104
104
  "flex size-full items-center justify-center rounded-full text-dark",
105
105
  n ? "hidden" : "flex",
106
106
  e == null ? void 0 : e.base,
107
- s,
108
- o
107
+ r,
108
+ s
109
109
  ),
110
110
  ...a,
111
111
  children: i
@@ -113,19 +113,19 @@ function A({
113
113
  );
114
114
  }
115
115
  function k({
116
- className: o,
116
+ className: s,
117
117
  children: i,
118
118
  ...a
119
119
  }) {
120
- const e = d((s) => s.avatar.badge), { size: t } = x(v), n = z(() => {
121
- var r;
120
+ const e = d((r) => r.avatar.badge), { size: t } = x(v), n = z(() => {
121
+ var o;
122
122
  if (!t) return null;
123
- const s = {
123
+ const r = {
124
124
  sm: "size-2 [&_svg]:hidden",
125
125
  md: "size-2.5 [&_svg]:size-2",
126
126
  lg: "size-3 [&_svg]:size-2"
127
127
  };
128
- return [s == null ? void 0 : s[t], (r = e == null ? void 0 : e.size) == null ? void 0 : r[t]];
128
+ return [r == null ? void 0 : r[t], (o = e == null ? void 0 : e.size) == null ? void 0 : o[t]];
129
129
  }, [t, e == null ? void 0 : e.size]);
130
130
  return /* @__PURE__ */ u(
131
131
  "span",
@@ -134,7 +134,7 @@ function k({
134
134
  "absolute right-0 bottom-0 bg-success z-10 inline-flex items-center justify-center rounded-full ring-2 ring-light",
135
135
  e == null ? void 0 : e.base,
136
136
  n,
137
- o
137
+ s
138
138
  ),
139
139
  ...a,
140
140
  children: i
@@ -142,7 +142,7 @@ function k({
142
142
  );
143
143
  }
144
144
  function N({
145
- className: o,
145
+ className: s,
146
146
  children: i,
147
147
  ...a
148
148
  }) {
@@ -150,7 +150,7 @@ function N({
150
150
  return /* @__PURE__ */ u(
151
151
  "span",
152
152
  {
153
- className: m("text-sm text-dark font-medium", e, o),
153
+ className: m("text-sm text-dark font-medium", e, s),
154
154
  ...a,
155
155
  children: i
156
156
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "reaxify",
3
3
  "private": false,
4
- "version": "0.0.97",
4
+ "version": "0.0.98",
5
5
  "type": "module",
6
6
  "types": "./dist/index.d.ts",
7
7
  "files": [