reaxify 0.0.98 → 1.3.0

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

@@ -1,24 +1,28 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import k from "../../helpers/cn.es.js";
-import d from "../../hooks/useClasses.es.js";
-import { createContext as A, useMemo as m } from "react";
-import { twMerge as l } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import C from "../Fill/index.es.js";
-import N from "../Stack/index.es.js";
-import p from "../Typography/index.es.js";
-const v = A({});
-function g({
-  as: n,
+import { jsx as g } from "react/jsx-runtime";
+import { useMemo as x, createContext as C, useContext as A, Children as v, isValidElement as N, cloneElement as P } from "react";
+import { twMerge as m } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import T from "../Fill/index.es.js";
+import j from "../Stack/index.es.js";
+import y from "../Typography/index.es.js";
+import u from "../../hooks/useClasses.es.js";
+import z from "../../helpers/cn.es.js";
+import { asComponent as w } from "../../helpers/createPolymorphicComponent.es.js";
+const k = C({
+  variant: "solid",
+  color: "primary"
+});
+function p({
+  as: o,
   variant: r = "solid",
-  color: o = "primary",
-  children: s,
-  className: i,
-  ...t
+  color: e = "primary",
+  children: a,
+  className: s,
+  ...n
 }) {
-  const e = d((c) => c.alert), x = m(() => {
-    var b, u, f;
-    const c = {
+  const t = u((i) => i.alert), c = x(() => {
+    var b, d, h;
+    const i = {
       primary: {
         solid: "bg-primary text-white border-primary",
         outline: "bg-transparent text-primary border-primary",
@@ -59,128 +63,147 @@ function g({
         outline: "bg-transparent text-dark border-light",
         soft: "bg-light text-dark border-light"
       }
-    }, y = (u = (b = e == null ? void 0 : e.color) == null ? void 0 : b[o]) == null ? void 0 : u[r], w = (f = c == null ? void 0 : c[o]) == null ? void 0 : f[r];
-    return l(w, y);
-  }, [o, r, e == null ? void 0 : e.color]), h = m(() => r === "solid" ? "solid" : "text", [r]);
-  return /* @__PURE__ */ a(
-    N,
+    }, f = (d = (b = t == null ? void 0 : t.color) == null ? void 0 : b[e]) == null ? void 0 : d[r], l = (h = i == null ? void 0 : i[e]) == null ? void 0 : h[r];
+    return m(l, f);
+  }, [e, r, t == null ? void 0 : t.color]);
+  return /* @__PURE__ */ g(
+    j,
     {
-      as: n,
-      className: k(
+      as: o,
+      role: "alert",
+      "data-name": "alert",
+      className: z(
         "w-full border rounded py-1.5 px-4 gap-3",
-        e == null ? void 0 : e.base,
-        x,
-        i
+        t == null ? void 0 : t.base,
+        c,
+        s
       ),
-      ...t,
-      children: /* @__PURE__ */ a(v.Provider, { value: { color: o, buttonVariant: h }, children: s })
+      ...n,
+      children: /* @__PURE__ */ g(k.Provider, { value: { variant: r, color: e }, children: a })
     }
   );
 }
-function T({
-  children: n,
-  className: r,
-  ...o
+function D({
+  as: o,
+  children: r,
+  className: e,
+  ...a
 }) {
-  const s = d((i) => {
-    var t, e;
-    return (e = (t = i.alert) == null ? void 0 : t.icon) == null ? void 0 : e.base;
-  });
-  return /* @__PURE__ */ a(
-    "div",
+  const s = u((t) => {
+    var c, i;
+    return (i = (c = t.alert) == null ? void 0 : c.icon) == null ? void 0 : i.base;
+  }), n = w(o, "div");
+  return /* @__PURE__ */ g(
+    n,
     {
-      className: l(
-        "flex flex-col py-2 items-start justify-start *:size-[1.375rem] *:text-current",
+      "data-name": "alert-icon",
+      className: m(
+        "flex flex-col py-2 items-start justify-start *:size-5.5 *:text-current",
         s,
-        r
+        e
       ),
-      ...o,
-      children: n
+      ...a,
+      children: r
     }
   );
 }
-function j({
-  children: n,
-  className: r,
-  ...o
+function E({
+  as: o,
+  children: r,
+  className: e,
+  ...a
 }) {
-  const s = d((i) => {
+  const s = u((n) => {
     var t;
-    return (t = i.alert) == null ? void 0 : t.content.base;
+    return (t = n.alert) == null ? void 0 : t.content.base;
   });
-  return /* @__PURE__ */ a(
-    C,
+  return /* @__PURE__ */ g(
+    T,
     {
-      as: "div",
-      className: l("py-2 space-y-0.5", s, r),
-      ...o,
-      children: n
+      as: o,
+      "data-name": "alert-content",
+      className: m("py-2 space-y-0.5", s, e),
+      ...a,
+      children: r
     }
   );
 }
-function z({
-  children: n,
+function I({
+  as: o,
   className: r,
-  ...o
+  children: e,
+  ...a
 }) {
-  const s = d((i) => {
+  const s = u((n) => {
     var t;
-    return (t = i.alert) == null ? void 0 : t.title.base;
+    return (t = n.alert) == null ? void 0 : t.title.base;
   });
-  return /* @__PURE__ */ a(
-    p,
+  return /* @__PURE__ */ g(
+    y,
     {
-      as: "h6",
+      as: o,
       variant: "body-1",
-      className: l("w-full -mt-px font-medium", s, r),
-      ...o,
-      children: n
+      "data-name": "alert-title",
+      className: m("w-full -mt-px font-medium", s, r),
+      ...a,
+      children: e
     }
   );
 }
-function D({
-  children: n,
-  className: r,
-  ...o
+function M({
+  as: o,
+  children: r,
+  className: e,
+  ...a
 }) {
-  const s = d((i) => {
+  const s = u((n) => {
     var t;
-    return (t = i.alert) == null ? void 0 : t.description.base;
+    return (t = n.alert) == null ? void 0 : t.description.base;
   });
-  return /* @__PURE__ */ a(
-    p,
+  return /* @__PURE__ */ g(
+    y,
     {
+      as: o,
       variant: "body-2",
-      className: l("w-full font-normal", s, r),
-      ...o,
-      children: n
+      "data-name": "alert-description",
+      className: m("w-full font-normal", s, e),
+      ...a,
+      children: r
     }
   );
 }
-function I({
-  children: n,
-  className: r,
-  ...o
+function R({
+  as: o,
+  children: r,
+  className: e,
+  ...a
 }) {
-  const s = d((i) => {
-    var t, e;
-    return (e = (t = i.alert) == null ? void 0 : t.action) == null ? void 0 : e.base;
-  });
-  return /* @__PURE__ */ a(
-    "div",
+  const s = u((l) => {
+    var b, d;
+    return (d = (b = l.alert) == null ? void 0 : b.action) == null ? void 0 : d.base;
+  }), { variant: n, color: t } = A(k), c = x(() => n === "solid" ? "solid" : "text", [n]), i = x(() => v.map(r, (l) => {
+    if (!N(l)) return l;
+    const d = l.props;
+    return P(l, {
+      variant: d.variant ?? c,
+      color: d.color ?? t
+    });
+  }), [r, c, t]), f = w(o, "div");
+  return /* @__PURE__ */ g(
+    f,
     {
-      className: l("self-center size-fit", s, r),
-      ...o,
-      children: n
+      "data-name": "alert-action",
+      className: m("self-center size-fit", s, e),
+      ...a,
+      children: i
     }
   );
 }
-g.Icon = T;
-g.Content = j;
-g.Title = z;
-g.Description = D;
-g.Action = I;
+p.Icon = D;
+p.Content = E;
+p.Title = I;
+p.Description = M;
+p.Action = R;
 export {
-  v as AlertContext,
-  g as default
+  p as default
 };

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

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

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

@@ -18,8 +18,8 @@ declare namespace Avatar {
     var Count: typeof AvatarCount;
 }
 declare function AvatarImage({ src, alt, className, onLoad, ...props }: ComponentPropsWithoutAs<"img", AvatarImageProps>): import("react/jsx-runtime").JSX.Element | null;
-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;
+declare function AvatarFallback<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarBadge<E extends ElementType = "span">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarCount<E extends ElementType = "span">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
 export default Avatar;
 //# sourceMappingURL=index.d.ts.map

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;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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAEA,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,2CAYzB;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,2CA6BtC;kBAnCQ,MAAM;;;;;;;AAoCf,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,GAAG,EACH,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,KAAK,EAAE,gBAAgB,CAAC,kDAwBlD;AACD,iBAAS,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACrD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CA4BzB;AACD,iBAAS,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACnD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CA2BzB;AACD,iBAAS,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACnD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAYzB;AAQD,eAAe,MAAM,CAAC"}

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

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

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

@@ -1 +1 @@
-"use client";"use strict";const y=require("react/jsx-runtime"),a=require("../../helpers/cn.cjs.js"),w=require("../../hooks/useClasses.cjs.js"),l=require("react"),k=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function q({as:u,variant:d="solid",color:n="primary",size:s="md",className:x,children:c,...p}){const r=w(e=>e.badge),h=u||"span",m=l.useMemo(()=>{var t,g,b;if(!n)return"border-transparent";const e={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",soft:"bg-light-primary text-dark-primary border-light-primary"},secondary:{solid:"bg-secondary text-white border-secondary",outline:"bg-transparent text-secondary border-secondary",soft:"bg-light-secondary text-dark-secondary border-light-secondary"},success:{solid:"bg-success text-white border-success",outline:"bg-transparent text-success border-success",soft:"bg-light-success text-dark-success border-light-success"},info:{solid:"bg-info text-white border-info",outline:"bg-transparent text-info border-info",soft:"bg-light-info text-dark-info border-light-info"},warning:{solid:"bg-warning text-white border-warning",outline:"bg-transparent text-warning border-warning",soft:"bg-light-warning text-dark-warning border-light-warning"},danger:{solid:"bg-danger text-white border-danger",outline:"bg-transparent text-danger border-danger",soft:"bg-light-danger text-dark-danger border-light-danger"},dark:{solid:"bg-dark text-white border-dark",outline:"bg-transparent text-dark border-dark",soft:"bg-dark text-white border-dark"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",soft:"bg-light text-dark border-light"}},o=(t=e==null?void 0:e[n])==null?void 0:t[d],i=(b=(g=r==null?void 0:r.color)==null?void 0:g[n])==null?void 0:b[d];return[o,i]},[n,d,r==null?void 0:r.color]),f=l.useMemo(()=>{var o,i,t;if(!s)return null;const e={sm:a("text-xs py-0.5 px-1.5",(o=r==null?void 0:r.size)==null?void 0:o.sm),md:a("text-sm py-[0.1875rem] px-2",(i=r==null?void 0:r.size)==null?void 0:i.md),lg:a("text-base py-1 px-3",(t=r==null?void 0:r.size)==null?void 0:t.lg)};return e==null?void 0:e[s]},[s,r==null?void 0:r.size]);return y.jsx(h,{className:k.twMerge("inline-flex border border-border items-center text-center font-medium align-middle whitespace-nowrap rounded",r==null?void 0:r.base,m,f,x),...p,children:c})}module.exports=q;
+"use client";"use strict";const y=require("react/jsx-runtime"),b=require("react"),f=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),w=require("../../hooks/useClasses.cjs.js"),k=require("../../helpers/createPolymorphicComponent.cjs.js");function C({as:l,variant:o="solid",color:i="primary",size:n="md",className:c,children:u,...x}){const e=w(r=>r.badge),p=b.useMemo(()=>{var t,a,g;const r={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",soft:"bg-light-primary text-dark-primary border-light-primary"},secondary:{solid:"bg-secondary text-white border-secondary",outline:"bg-transparent text-secondary border-secondary",soft:"bg-light-secondary text-dark-secondary border-light-secondary"},success:{solid:"bg-success text-white border-success",outline:"bg-transparent text-success border-success",soft:"bg-light-success text-dark-success border-light-success"},info:{solid:"bg-info text-white border-info",outline:"bg-transparent text-info border-info",soft:"bg-light-info text-dark-info border-light-info"},warning:{solid:"bg-warning text-white border-warning",outline:"bg-transparent text-warning border-warning",soft:"bg-light-warning text-dark-warning border-light-warning"},danger:{solid:"bg-danger text-white border-danger",outline:"bg-transparent text-danger border-danger",soft:"bg-light-danger text-dark-danger border-light-danger"},dark:{solid:"bg-dark text-white border-dark",outline:"bg-transparent text-dark border-dark",soft:"bg-dark text-white border-dark"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",soft:"bg-light text-dark border-light"}},s=(t=r==null?void 0:r[i])==null?void 0:t[o],d=(g=(a=e==null?void 0:e.color)==null?void 0:a[i])==null?void 0:g[o];return[s,d]},[i,o,e==null?void 0:e.color]),h=b.useMemo(()=>{var t;if(!n)return null;const r={sm:"text-xs py-0.5 px-1.5",md:"text-sm py-[0.1875rem] px-2",lg:"text-base py-1 px-3"},s=r==null?void 0:r[n],d=(t=e==null?void 0:e.size)==null?void 0:t[n];return[s,d]},[n,e==null?void 0:e.size]),m=k.asComponent(l,"span");return y.jsx(m,{"data-name":"badge",className:f.twMerge("inline-flex border border-border items-center text-center font-medium align-middle whitespace-nowrap rounded",e==null?void 0:e.base,p,h,c),...x,children:u})}module.exports=C;

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

@@ -2,7 +2,7 @@ import { BadgeVariant, Color, ComponentPropsWithAs, Size } from '../../types';
 import { ElementType } from 'react';
 type BadgeProps = {
     variant?: BadgeVariant;
-    color?: Color | null;
+    color?: Color;
     size?: Size;
 };
 export default function Badge<E extends ElementType = "span">({ as, variant, color, size, className, children, ...props }: ComponentPropsWithAs<E, BadgeProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAG7C,KAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAUF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EAC5D,EAAE,EACF,OAAiB,EACjB,KAAiB,EACjB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,2CA0ErC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAG7C,KAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAUF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EAC5D,EAAE,EACF,OAAiB,EACjB,KAAiB,EACjB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,2CA4ErC"}