reaxify 1.2.0 → 1.3.0

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

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

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

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

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

@@ -1 +1 @@
-"use client";"use strict";const f=require("react/jsx-runtime"),b=require("react"),y=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),w=require("../../hooks/useClasses.cjs.js");function k({as:l,variant:o="solid",color:i="primary",size:n="md",className:c,children:u,...x}){const r=w(e=>e.badge),p=l||"span",h=b.useMemo(()=>{var t,a,g;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"}},s=(t=e==null?void 0:e[i])==null?void 0:t[o],d=(g=(a=r==null?void 0:r.color)==null?void 0:a[i])==null?void 0:g[o];return[s,d]},[i,o,r==null?void 0:r.color]),m=b.useMemo(()=>{var t;if(!n)return null;const e={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=e==null?void 0:e[n],d=(t=r==null?void 0:r.size)==null?void 0:t[n];return[s,d]},[n,r==null?void 0:r.size]);return f.jsx(p,{"data-name":"badge",className:y.twMerge("inline-flex border border-border items-center text-center font-medium align-middle whitespace-nowrap rounded",r==null?void 0:r.base,h,m,c),...x,children:u})}module.exports=k;
+"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.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AACA,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"}
+{"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"}