reaxify 1.2.0 → 1.3.0

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

@@ -3,16 +3,17 @@ import { jsx as f } from "react/jsx-runtime";
 import { useMemo as b } from "react";
 import { twMerge as y } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 import w from "../../hooks/useClasses.es.js";
-function j({
+import { asComponent as k } from "../../helpers/createPolymorphicComponent.es.js";
+function N({
   as: l,
   variant: n = "solid",
-  color: d = "primary",
+  color: i = "primary",
   size: o = "md",
   className: x,
   children: c,
   ...p
 }) {
-  const r = w((t) => t.badge), u = l || "span", m = b(() => {
+  const r = w((t) => t.badge), m = b(() => {
     var e, s, g;
     const t = {
       primary: {
@@ -55,27 +56,27 @@ function j({
         outline: "bg-transparent text-dark border-light",
         soft: "bg-light text-dark border-light"
       }
-    }, i = (e = t == null ? void 0 : t[d]) == null ? void 0 : e[n], a = (g = (s = r == null ? void 0 : r.color) == null ? void 0 : s[d]) == null ? void 0 : g[n];
-    return [i, a];
-  }, [d, n, r == null ? void 0 : r.color]), h = b(() => {
+    }, d = (e = t == null ? void 0 : t[i]) == null ? void 0 : e[n], a = (g = (s = r == null ? void 0 : r.color) == null ? void 0 : s[i]) == null ? void 0 : g[n];
+    return [d, a];
+  }, [i, n, r == null ? void 0 : r.color]), u = b(() => {
     var e;
     if (!o) return null;
     const t = {
       sm: "text-xs py-0.5 px-1.5",
       md: "text-sm py-[0.1875rem] px-2",
       lg: "text-base py-1 px-3"
-    }, i = t == null ? void 0 : t[o], a = (e = r == null ? void 0 : r.size) == null ? void 0 : e[o];
-    return [i, a];
-  }, [o, r == null ? void 0 : r.size]);
+    }, d = t == null ? void 0 : t[o], a = (e = r == null ? void 0 : r.size) == null ? void 0 : e[o];
+    return [d, a];
+  }, [o, r == null ? void 0 : r.size]), h = k(l, "span");
   return /* @__PURE__ */ f(
-    u,
+    h,
     {
       "data-name": "badge",
       className: y(
         "inline-flex border border-border items-center text-center font-medium align-middle whitespace-nowrap rounded",
         r == null ? void 0 : r.base,
         m,
-        h,
+        u,
         x
       ),
       ...p,
@@ -84,5 +85,5 @@ function j({
   );
 }
 export {
-  j as default
+  N as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const s=require("react/jsx-runtime"),o=require("react"),B=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),P=require("../Drawer/index.cjs.js"),T=require("../Modal/index.cjs.js"),W=require("../Spinner/index.cjs.js"),A=require("../../hooks/useClasses.cjs.js"),E=require("../../hooks/useCreateRipple.cjs.js"),l=require("../../helpers/cn.cjs.js");function F({as:u,variant:i="solid",color:b="primary",size:n="md",loading:d=!1,stopPropagation:p=!1,preventDefault:v=!1,closeModal:k=!1,closeDrawer:f=!1,className:y,onClick:g,children:m,disabled:w,...C}){const r=A(e=>e.button),q=E(),j=o.useContext(T.ModalContext),M=o.useContext(P.DrawerContext),R=u||"button",a=o.useMemo(()=>{var h,c,x;const e={primary:{solid:"bg-primary text-white border-primary hover:bg-dark-primary hover:border-dark-primary",outline:"bg-transparent text-primary border-primary hover:text-dark-primary hover:border-dark-primary",text:"bg-transparent text-primary border-transparent hover:text-dark-primary",soft:"bg-light-primary text-dark-primary border-light-primary hover:bg-primary hover:text-white hover:border-primary"},secondary:{solid:"bg-secondary text-white border-secondary hover:bg-dark-secondary hover:border-dark-secondary",outline:"bg-transparent text-secondary border-secondary hover:text-dark-secondary hover:border-dark-secondary",text:"bg-transparent text-secondary border-transparent hover:text-dark-secondary",soft:"bg-light-secondary text-dark-secondary border-light-secondary hover:bg-secondary hover:text-white hover:border-secondary"},success:{solid:"bg-success text-white border-success hover:bg-dark-success hover:border-dark-success",outline:"bg-transparent text-success border-success hover:text-dark-success hover:border-dark-success",text:"bg-transparent text-success border-transparent hover:text-dark-success",soft:"bg-light-success text-dark-success border-light-success hover:bg-success hover:text-white hover:border-success"},info:{solid:"bg-info text-white border-info hover:bg-dark-info hover:border-dark-info",outline:"bg-transparent text-info border-info hover:text-dark-info hover:border-dark-info",text:"bg-transparent text-info border-transparent hover:text-dark-info",soft:"bg-light-info text-dark-info border-light-info hover:bg-info hover:text-white hover:border-info"},warning:{solid:"bg-warning text-white border-warning hover:bg-dark-warning hover:border-dark-warning",outline:"bg-transparent text-warning border-warning hover:text-dark-warning hover:border-dark-warning",text:"bg-transparent text-warning border-transparent hover:text-dark-warning",soft:"bg-light-warning text-dark-warning border-light-warning hover:bg-warning hover:text-white hover:border-warning"},danger:{solid:"bg-danger text-white border-danger hover:bg-dark-danger hover:border-dark-danger",outline:"bg-transparent text-danger border-danger hover:text-dark-danger hover:border-dark-danger",text:"bg-transparent text-danger border-transparent hover:text-dark-danger",soft:"bg-light-danger text-dark-danger border-light-danger hover:bg-danger hover:text-white hover:border-danger"},dark:{solid:"bg-dark text-white border-dark hover:bg-black hover:border-black",outline:"bg-transparent text-dark border-dark hover:text-black hover:border-black",text:"bg-transparent text-dark border-transparent hover:text-black",soft:"bg-dark text-white border-dark hover:bg-black hover:text-white hover:border-black"},light:{solid:"bg-light text-dark border-light hover:bg-border hover:border-border",outline:"bg-transparent text-dark border-light hover:text-dark hover:border-dark",text:"bg-transparent text-dark border-transparent hover:text-dark",soft:"bg-light text-dark border-light hover:bg-border hover:border-border"}},t=(c=(h=r==null?void 0:r.color)==null?void 0:h[b])==null?void 0:c[i],$=(x=e==null?void 0:e[b])==null?void 0:x[i];return l($,t)},[b,i,r==null?void 0:r.color]),z=o.useMemo(()=>a==null?void 0:a.split(" ").find(e=>e.startsWith("text-")),[a]),D=o.useMemo(()=>{var t;const e={sm:"text-sm py-1 px-3.5",md:"text-base py-1.5 px-4",lg:"text-xl py-1.5 px-6",icon:"size-9 p-0 inline-flex items-center justify-center rounded-full [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5"};return[e==null?void 0:e[n],(t=r==null?void 0:r.size)==null?void 0:t[n]]},[n,r==null?void 0:r.size]),N=o.useMemo(()=>{var e,t;return d?["disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",(e=r==null?void 0:r.loading)==null?void 0:e.active]:["disabled:opacity-75 disabled:cursor-not-allowed",(t=r==null?void 0:r.loading)==null?void 0:t.inactive]},[d,r==null?void 0:r.loading]),_=e=>{q(e),k&&j.dismiss(),f&&M.dismiss(),p&&e.stopPropagation(),v&&e.preventDefault(),g==null||g(e)};return s.jsxs(R,{role:"button","data-name":"button",className:B.twMerge("relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-border cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none] focus-visible:outline-none",r==null?void 0:r.base,a,D,N,y),onClick:_,disabled:w||d,...C,children:[m,d&&s.jsx("span",{className:l("absolute inset-0 size-full flex items-center justify-center bg-transparent p-2 pointer-events-none",z),children:s.jsx(W,{size:n==="icon"?"sm":n,inheritColor:!0})}),s.jsx("span",{"data-name":"ripple-group",className:"absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"})]})}module.exports=F;
+"use client";"use strict";const s=require("react/jsx-runtime"),o=require("react"),$=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),B=require("../Drawer/index.cjs.js"),T=require("../Modal/index.cjs.js"),W=require("../Spinner/index.cjs.js"),A=require("../../hooks/useClasses.cjs.js"),E=require("../../hooks/useCreateRipple.cjs.js"),l=require("../../helpers/cn.cjs.js"),F=require("../../helpers/createPolymorphicComponent.cjs.js");function G({as:u,variant:i="solid",color:b="primary",size:n="md",loading:d=!1,stopPropagation:p=!1,preventDefault:v=!1,closeModal:k=!1,closeDrawer:f=!1,className:m,onClick:g,children:y,disabled:w,...C}){const r=A(e=>e.button),q=E(),j=o.useContext(T.ModalContext),M=o.useContext(B.DrawerContext),a=o.useMemo(()=>{var h,c,x;const e={primary:{solid:"bg-primary text-white border-primary hover:bg-dark-primary hover:border-dark-primary",outline:"bg-transparent text-primary border-primary hover:text-dark-primary hover:border-dark-primary",text:"bg-transparent text-primary border-transparent hover:text-dark-primary",soft:"bg-light-primary text-dark-primary border-light-primary hover:bg-primary hover:text-white hover:border-primary"},secondary:{solid:"bg-secondary text-white border-secondary hover:bg-dark-secondary hover:border-dark-secondary",outline:"bg-transparent text-secondary border-secondary hover:text-dark-secondary hover:border-dark-secondary",text:"bg-transparent text-secondary border-transparent hover:text-dark-secondary",soft:"bg-light-secondary text-dark-secondary border-light-secondary hover:bg-secondary hover:text-white hover:border-secondary"},success:{solid:"bg-success text-white border-success hover:bg-dark-success hover:border-dark-success",outline:"bg-transparent text-success border-success hover:text-dark-success hover:border-dark-success",text:"bg-transparent text-success border-transparent hover:text-dark-success",soft:"bg-light-success text-dark-success border-light-success hover:bg-success hover:text-white hover:border-success"},info:{solid:"bg-info text-white border-info hover:bg-dark-info hover:border-dark-info",outline:"bg-transparent text-info border-info hover:text-dark-info hover:border-dark-info",text:"bg-transparent text-info border-transparent hover:text-dark-info",soft:"bg-light-info text-dark-info border-light-info hover:bg-info hover:text-white hover:border-info"},warning:{solid:"bg-warning text-white border-warning hover:bg-dark-warning hover:border-dark-warning",outline:"bg-transparent text-warning border-warning hover:text-dark-warning hover:border-dark-warning",text:"bg-transparent text-warning border-transparent hover:text-dark-warning",soft:"bg-light-warning text-dark-warning border-light-warning hover:bg-warning hover:text-white hover:border-warning"},danger:{solid:"bg-danger text-white border-danger hover:bg-dark-danger hover:border-dark-danger",outline:"bg-transparent text-danger border-danger hover:text-dark-danger hover:border-dark-danger",text:"bg-transparent text-danger border-transparent hover:text-dark-danger",soft:"bg-light-danger text-dark-danger border-light-danger hover:bg-danger hover:text-white hover:border-danger"},dark:{solid:"bg-dark text-white border-dark hover:bg-black hover:border-black",outline:"bg-transparent text-dark border-dark hover:text-black hover:border-black",text:"bg-transparent text-dark border-transparent hover:text-black",soft:"bg-dark text-white border-dark hover:bg-black hover:text-white hover:border-black"},light:{solid:"bg-light text-dark border-light hover:bg-border hover:border-border",outline:"bg-transparent text-dark border-light hover:text-dark hover:border-dark",text:"bg-transparent text-dark border-transparent hover:text-dark",soft:"bg-light text-dark border-light hover:bg-border hover:border-border"}},t=(c=(h=r==null?void 0:r.color)==null?void 0:h[b])==null?void 0:c[i],P=(x=e==null?void 0:e[b])==null?void 0:x[i];return l(P,t)},[b,i,r==null?void 0:r.color]),R=o.useMemo(()=>a==null?void 0:a.split(" ").find(e=>e.startsWith("text-")),[a]),z=o.useMemo(()=>{var t;const e={sm:"text-sm py-1 px-3.5",md:"text-base py-1.5 px-4",lg:"text-xl py-1.5 px-6",icon:"size-9 p-0 inline-flex items-center justify-center rounded-full [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5"};return[e==null?void 0:e[n],(t=r==null?void 0:r.size)==null?void 0:t[n]]},[n,r==null?void 0:r.size]),D=o.useMemo(()=>{var e,t;return d?["disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",(e=r==null?void 0:r.loading)==null?void 0:e.active]:["disabled:opacity-75 disabled:cursor-not-allowed",(t=r==null?void 0:r.loading)==null?void 0:t.inactive]},[d,r==null?void 0:r.loading]),N=e=>{q(e),k&&j.dismiss(),f&&M.dismiss(),p&&e.stopPropagation(),v&&e.preventDefault(),g==null||g(e)},_=F.asComponent(u,"button");return s.jsxs(_,{role:"button","data-name":"button",className:$.twMerge("relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-border cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none] focus-visible:outline-none",r==null?void 0:r.base,a,z,D,m),onClick:N,disabled:w||d,...C,children:[y,d&&s.jsx("span",{className:l("absolute inset-0 size-full flex items-center justify-center bg-transparent p-2 pointer-events-none",R),children:s.jsx(W,{size:n==="icon"?"sm":n,inheritColor:!0})}),s.jsx("span",{"data-name":"ripple-group",className:"absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"})]})}module.exports=G;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,KAAK,EACL,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAmC,MAAM,OAAO,CAAC;AAQrE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAUF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAC/D,EAAE,EACF,OAAiB,EACjB,KAAiB,EACjB,IAAW,EACX,OAAe,EACf,eAAuB,EACvB,cAAsB,EACtB,UAAkB,EAClB,WAAmB,EACnB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC,2CA6ItC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EACV,aAAa,EACb,KAAK,EACL,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAmC,MAAM,OAAO,CAAC;AAMrE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAUF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAC/D,EAAE,EACF,OAAiB,EACjB,KAAiB,EACjB,IAAW,EACX,OAAe,EACf,eAAuB,EACvB,cAAsB,EACtB,UAAkB,EAClB,WAAmB,EACnB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC,2CA6ItC"}

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

@@ -8,7 +8,8 @@ import E from "../Spinner/index.es.js";
 import F from "../../hooks/useClasses.es.js";
 import G from "../../hooks/useCreateRipple.es.js";
 import x from "../../helpers/cn.es.js";
-function X({
+import { asComponent as H } from "../../helpers/createPolymorphicComponent.es.js";
+function Z({
   as: v,
   variant: i = "solid",
   color: s = "primary",
@@ -24,8 +25,8 @@ function X({
   disabled: C,
   ...j
 }) {
-  const r = F((e) => e.button), z = G(), R = c(A), D = c(q), M = v || "button", n = d(() => {
-    var h, l, p;
+  const r = F((e) => e.button), z = G(), R = c(A), D = c(q), n = d(() => {
+    var h, p, l;
     const e = {
       primary: {
         solid: "bg-primary text-white border-primary hover:bg-dark-primary hover:border-dark-primary",
@@ -75,9 +76,9 @@ function X({
         text: "bg-transparent text-dark border-transparent hover:text-dark",
         soft: "bg-light text-dark border-light hover:bg-border hover:border-border"
       }
-    }, t = (l = (h = r == null ? void 0 : r.color) == null ? void 0 : h[s]) == null ? void 0 : l[i], S = (p = e == null ? void 0 : e[s]) == null ? void 0 : p[i];
+    }, t = (p = (h = r == null ? void 0 : r.color) == null ? void 0 : h[s]) == null ? void 0 : p[i], S = (l = e == null ? void 0 : e[s]) == null ? void 0 : l[i];
     return x(S, t);
-  }, [s, i, r == null ? void 0 : r.color]), N = d(() => n == null ? void 0 : n.split(" ").find((e) => e.startsWith("text-")), [n]), _ = d(() => {
+  }, [s, i, r == null ? void 0 : r.color]), M = d(() => n == null ? void 0 : n.split(" ").find((e) => e.startsWith("text-")), [n]), N = d(() => {
     var t;
     const e = {
       sm: "text-sm py-1 px-3.5",
@@ -86,7 +87,7 @@ function X({
       icon: "size-9 p-0 inline-flex items-center justify-center rounded-full [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5"
     };
     return [e == null ? void 0 : e[o], (t = r == null ? void 0 : r.size) == null ? void 0 : t[o]];
-  }, [o, r == null ? void 0 : r.size]), B = d(() => {
+  }, [o, r == null ? void 0 : r.size]), _ = d(() => {
     var e, t;
     return a ? [
       "disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",
@@ -95,11 +96,11 @@ function X({
       "disabled:opacity-75 disabled:cursor-not-allowed",
       (t = r == null ? void 0 : r.loading) == null ? void 0 : t.inactive
     ];
-  }, [a, r == null ? void 0 : r.loading]), P = (e) => {
+  }, [a, r == null ? void 0 : r.loading]), B = (e) => {
     z(e), m && R.dismiss(), f && D.dismiss(), u && e.stopPropagation(), k && e.preventDefault(), b == null || b(e);
-  };
+  }, P = H(v, "button");
   return /* @__PURE__ */ T(
-    M,
+    P,
     {
       role: "button",
       "data-name": "button",
@@ -107,11 +108,11 @@ function X({
         "relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-border cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none] focus-visible:outline-none",
         r == null ? void 0 : r.base,
         n,
+        N,
         _,
-        B,
         y
       ),
-      onClick: P,
+      onClick: B,
       disabled: C || a,
       ...j,
       children: [
@@ -121,7 +122,7 @@ function X({
           {
             className: x(
               "absolute inset-0 size-full flex items-center justify-center bg-transparent p-2 pointer-events-none",
-              N
+              M
             ),
             children: /* @__PURE__ */ g(E, { size: o === "icon" ? "sm" : o, inheritColor: !0 })
           }
@@ -138,5 +139,5 @@ function X({
   );
 }
 export {
-  X as default
+  Z as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const q=require("react/jsx-runtime"),r=require("react"),M=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),R=require("../../hooks/useClasses.cjs.js"),g=require("../../helpers/cn.cjs.js");function h({as:f,variant:u,color:s,size:i,loading:a,orientation:o="horizontal",className:m,children:c,...b}){const x=f||"div",t=R(n=>n.buttonGroup),y=r.useMemo(()=>{var e;return[{horizontal:"flex-row",vertical:"flex-col"}[o],(e=t==null?void 0:t.orientation)==null?void 0:e[o]]},[o,t==null?void 0:t.orientation]),l=r.useMemo(()=>{var d,p;const n={horizontal:"rounded-none first-of-type:rounded-s last-of-type:rounded-e",vertical:"rounded-none first-of-type:rounded-t last-of-type:rounded-b"},e=(p=(d=t==null?void 0:t.button)==null?void 0:d.orientation)==null?void 0:p[o];return[n[o],e]},[o,t==null?void 0:t.button]),C=r.useMemo(()=>r.Children.toArray(c).map(n=>{if(!r.isValidElement(n))return n;const e=n.props;return e["data-button-group-skip"]?n:r.cloneElement(n,{variant:e.variant??u,color:e.color??s,size:e.size??i,loading:e.loading??a,className:g(...l,e.className)})}),[c,u,s,i,a,l]);return q.jsx(x,{"data-name":"button-group",className:M.twMerge("w-fit flex items-stretch justify-center",t==null?void 0:t.base,y,m),...b,children:C})}module.exports=h;
+"use client";"use strict";const x=require("react/jsx-runtime"),r=require("react"),h=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),M=require("../../hooks/useClasses.cjs.js"),R=require("../../helpers/cn.cjs.js"),g=require("../../helpers/createPolymorphicComponent.cjs.js");function j({as:m,variant:u,color:s,size:i,loading:a,orientation:n="horizontal",className:f,children:c,...b}){const t=M(o=>o.buttonGroup),C=r.useMemo(()=>{var e;return[{horizontal:"flex-row",vertical:"flex-col"}[n],(e=t==null?void 0:t.orientation)==null?void 0:e[n]]},[n,t==null?void 0:t.orientation]),l=r.useMemo(()=>{var d,p;const o={horizontal:"rounded-none first-of-type:rounded-s last-of-type:rounded-e",vertical:"rounded-none first-of-type:rounded-t last-of-type:rounded-b"},e=(p=(d=t==null?void 0:t.button)==null?void 0:d.orientation)==null?void 0:p[n];return[o[n],e]},[n,t==null?void 0:t.button]),y=r.useMemo(()=>r.Children.toArray(c).map(o=>{if(!r.isValidElement(o))return o;const e=o.props;return e["data-button-group-skip"]?o:r.cloneElement(o,{variant:e.variant??u,color:e.color??s,size:e.size??i,loading:e.loading??a,className:R(...l,e.className)})}),[c,u,s,i,a,l]),q=g.asComponent(m,"div");return x.jsx(q,{"data-name":"button-group",className:h.twMerge("w-fit flex items-stretch justify-center",t==null?void 0:t.base,C,f),...b,children:y})}module.exports=j;

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

@@ -4,7 +4,8 @@ import { useMemo as e, Children as h, isValidElement as v, cloneElement as z } f
 import { twMerge as w } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 import N from "../../hooks/useClasses.es.js";
 import R from "../../helpers/cn.es.js";
-function B({
+import { asComponent as j } from "../../helpers/createPolymorphicComponent.es.js";
+function V({
   as: d,
   variant: i,
   color: u,
@@ -12,23 +13,23 @@ function B({
   loading: a,
   orientation: r = "horizontal",
   className: c,
-  children: f,
+  children: m,
   ...b
 }) {
-  const y = d || "div", t = N((n) => n.buttonGroup), C = e(() => {
+  const t = N((n) => n.buttonGroup), C = e(() => {
     var o;
     return [{
       horizontal: "flex-row",
       vertical: "flex-col"
     }[r], (o = t == null ? void 0 : t.orientation) == null ? void 0 : o[r]];
-  }, [r, t == null ? void 0 : t.orientation]), m = e(() => {
-    var p, l;
+  }, [r, t == null ? void 0 : t.orientation]), p = e(() => {
+    var f, l;
     const n = {
       horizontal: "rounded-none first-of-type:rounded-s last-of-type:rounded-e",
       vertical: "rounded-none first-of-type:rounded-t last-of-type:rounded-b"
-    }, o = (l = (p = t == null ? void 0 : t.button) == null ? void 0 : p.orientation) == null ? void 0 : l[r];
+    }, o = (l = (f = t == null ? void 0 : t.button) == null ? void 0 : f.orientation) == null ? void 0 : l[r];
     return [n[r], o];
-  }, [r, t == null ? void 0 : t.button]), x = e(() => h.toArray(f).map((n) => {
+  }, [r, t == null ? void 0 : t.button]), y = e(() => h.toArray(m).map((n) => {
     if (!v(n)) return n;
     const o = n.props;
     return o["data-button-group-skip"] ? n : z(n, {
@@ -36,11 +37,11 @@ function B({
       color: o.color ?? u,
       size: o.size ?? s,
       loading: o.loading ?? a,
-      className: R(...m, o.className)
+      className: R(...p, o.className)
     });
-  }), [f, i, u, s, a, m]);
+  }), [m, i, u, s, a, p]), x = j(d, "div");
   return /* @__PURE__ */ g(
-    y,
+    x,
     {
       "data-name": "button-group",
       className: w(
@@ -50,10 +51,10 @@ function B({
         c
       ),
       ...b,
-      children: x
+      children: y
     }
   );
 }
 export {
-  B as default
+  V as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const o=require("react/jsx-runtime"),t=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),c=require("../../hooks/useClasses.cjs.js");function n({as:e,className:r,children:s,...a}){const d=c(l=>l.card.base),u=e||"div";return o.jsx(u,{"data-name":"card",className:t.twMerge("block w-full bg-white rounded shadow",d,r),...a,children:s})}function b({className:e,children:r,...s}){const a=c(d=>d.card.header.base);return o.jsx("div",{"data-name":"card-header",className:t.twMerge("w-full border-b border-border p-4",a,e),...s,children:r})}function i({className:e,children:r,...s}){const a=c(d=>d.card.body.base);return o.jsx("div",{"data-name":"card-body",className:t.twMerge("w-full p-4",a,e),...s,children:r})}function f({className:e,children:r,...s}){const a=c(d=>d.card.footer.base);return o.jsx("div",{"data-name":"card-footer",className:t.twMerge("w-full border-t border-border p-4",a,e),...s,children:r})}n.Header=b;n.Body=i;n.Footer=f;module.exports=n;
+"use client";"use strict";const d=require("react/jsx-runtime"),c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),u=require("../../hooks/useClasses.cjs.js"),l=require("../../helpers/createPolymorphicComponent.cjs.js");function m({as:e,className:o,children:r,...s}){const a=u(t=>t.card.base),n=l.asComponent(e,"div");return d.jsx(n,{"data-name":"card",className:c.twMerge("block w-full bg-white rounded shadow",a,o),...s,children:r})}function i({as:e,className:o,children:r,...s}){const a=u(t=>t.card.header.base),n=l.asComponent(e,"div");return d.jsx(n,{"data-name":"card-header",className:c.twMerge("w-full border-b border-border p-4",a,o),...s,children:r})}function b({as:e,className:o,children:r,...s}){const a=u(t=>t.card.body.base),n=l.asComponent(e,"div");return d.jsx(n,{"data-name":"card-body",className:c.twMerge("w-full p-4",a,o),...s,children:r})}function p({as:e,className:o,children:r,...s}){const a=u(t=>t.card.footer.base),n=l.asComponent(e,"div");return d.jsx(n,{"data-name":"card-footer",className:c.twMerge("w-full border-t border-border p-4",a,o),...s,children:r})}m.Header=i;m.Body=b;m.Footer=p;module.exports=m;

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

@@ -1,13 +1,13 @@
 import { ComponentPropsWithAs } from '../../types';
-import { ComponentProps, ElementType } from 'react';
+import { ElementType } from 'react';
 declare function Card<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
 declare namespace Card {
     var Header: typeof CardHeader;
     var Body: typeof CardBody;
     var Footer: typeof CardFooter;
 }
-declare function CardHeader({ className, children, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardBody({ className, children, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ className, children, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function CardBody<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
 export default Card;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpD,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC3C,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAgBzB;kBArBQ,IAAI;;;;;AAsBb,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAe3E;AACD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWzE;AACD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAe3E;AAMD,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC3C,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAgBzB;kBArBQ,IAAI;;;;;AAsBb,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAgBzB;AACD,iBAAS,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC/C,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAYzB;AACD,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAgBzB;AAMD,eAAe,IAAI,CAAC"}

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

@@ -1,75 +1,91 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
-import { twMerge as t } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import c from "../../hooks/useClasses.es.js";
-function n({
+import { jsx as n } from "react/jsx-runtime";
+import { twMerge as c } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import m from "../../hooks/useClasses.es.js";
+import { asComponent as l } from "../../helpers/createPolymorphicComponent.es.js";
+function u({
   as: e,
-  className: r,
-  children: a,
-  ...o
+  className: o,
+  children: r,
+  ...a
 }) {
-  const d = c((l) => l.card.base);
-  return /* @__PURE__ */ s(
-    e || "div",
+  const s = m((d) => d.card.base), t = l(e, "div");
+  return /* @__PURE__ */ n(
+    t,
     {
       "data-name": "card",
-      className: t(
+      className: c(
         "block w-full bg-white rounded shadow",
-        d,
-        r
+        s,
+        o
       ),
-      ...o,
-      children: a
+      ...a,
+      children: r
     }
   );
 }
-function m({ className: e, children: r, ...a }) {
-  const o = c((d) => d.card.header.base);
-  return /* @__PURE__ */ s(
-    "div",
+function b({
+  as: e,
+  className: o,
+  children: r,
+  ...a
+}) {
+  const s = m((d) => d.card.header.base), t = l(e, "div");
+  return /* @__PURE__ */ n(
+    t,
     {
       "data-name": "card-header",
-      className: t(
+      className: c(
         "w-full border-b border-border p-4",
-        o,
-        e
+        s,
+        o
       ),
       ...a,
       children: r
     }
   );
 }
-function u({ className: e, children: r, ...a }) {
-  const o = c((d) => d.card.body.base);
-  return /* @__PURE__ */ s(
-    "div",
+function f({
+  as: e,
+  className: o,
+  children: r,
+  ...a
+}) {
+  const s = m((d) => d.card.body.base), t = l(e, "div");
+  return /* @__PURE__ */ n(
+    t,
     {
       "data-name": "card-body",
-      className: t("w-full p-4", o, e),
+      className: c("w-full p-4", s, o),
       ...a,
       children: r
     }
   );
 }
-function b({ className: e, children: r, ...a }) {
-  const o = c((d) => d.card.footer.base);
-  return /* @__PURE__ */ s(
-    "div",
+function i({
+  as: e,
+  className: o,
+  children: r,
+  ...a
+}) {
+  const s = m((d) => d.card.footer.base), t = l(e, "div");
+  return /* @__PURE__ */ n(
+    t,
     {
       "data-name": "card-footer",
-      className: t(
+      className: c(
         "w-full border-t border-border p-4",
-        o,
-        e
+        s,
+        o
       ),
       ...a,
       children: r
     }
   );
 }
-n.Header = m;
-n.Body = u;
-n.Footer = b;
+u.Header = b;
+u.Body = f;
+u.Footer = i;
 export {
-  n as default
+  u as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const i=require("react/jsx-runtime"),r=require("../../node_modules/react-animate-height/dist/esm/index.cjs.js"),u=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),g=require("../../hooks/useClasses.cjs.js"),m={animating:"",animatingUp:"",animatingDown:"",static:"",animatingToHeightZero:"",animatingToHeightAuto:"",animatingToHeightSpecific:"",staticHeightZero:"",staticHeightAuto:"",staticHeightSpecific:""};function s({open:t=!1,duration:e=300,"data-name":n="collapse",children:a}){return i.jsx(r,{"data-name":n,height:t?"auto":0,duration:e,className:"w-full overflow-hidden",animationStateClasses:m,children:a})}function p({as:t,className:e,children:n,...a}){const o=g(l=>l.collapse.content.base),c=t||"div";return i.jsx(c,{"data-name":"collapse-content",className:u.twMerge("w-full block",o,e),...a,children:n})}s.Content=p;module.exports=s;
+"use client";"use strict";const i=require("react/jsx-runtime"),r=require("../../node_modules/react-animate-height/dist/esm/index.cjs.js"),u=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),m=require("../../hooks/useClasses.cjs.js"),g=require("../../helpers/createPolymorphicComponent.cjs.js"),p={animating:"",animatingUp:"",animatingDown:"",static:"",animatingToHeightZero:"",animatingToHeightAuto:"",animatingToHeightSpecific:"",staticHeightZero:"",staticHeightAuto:"",staticHeightSpecific:""};function s({open:e=!1,duration:t=300,"data-name":n="collapse",children:a}){return i.jsx(r,{"data-name":n,height:e?"auto":0,duration:t,className:"w-full overflow-hidden",animationStateClasses:p,children:a})}function h({as:e,className:t,children:n,...a}){const o=m(l=>l.collapse.content.base),c=g.asComponent(e,"div");return i.jsx(c,{"data-name":"collapse-content",className:u.twMerge("w-full block",o,t),...a,children:n})}s.Content=h;module.exports=s;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapse/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAiBpC,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,aAAa,CAAC;AAElB,iBAAS,QAAQ,CAAC,EAChB,IAAY,EACZ,QAAc,EACd,WAAW,EAAE,QAAqB,EAClC,QAAQ,GACT,EAAE,aAAa,2CAYf;kBAjBQ,QAAQ;;;AAmBjB,iBAAS,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACtD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAYzB;AAID,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapse/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAiBpC,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,aAAa,CAAC;AAElB,iBAAS,QAAQ,CAAC,EAChB,IAAY,EACZ,QAAc,EACd,WAAW,EAAE,QAAqB,EAClC,QAAQ,GACT,EAAE,aAAa,2CAYf;kBAjBQ,QAAQ;;;AAmBjB,iBAAS,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACtD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAYzB;AAID,eAAe,QAAQ,CAAC"}

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

@@ -1,9 +1,10 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import l from "../../node_modules/react-animate-height/dist/esm/index.es.js";
 import { twMerge as c } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import m from "../../hooks/useClasses.es.js";
-const r = {
+import r from "../../hooks/useClasses.es.js";
+import { asComponent as p } from "../../helpers/createPolymorphicComponent.es.js";
+const g = {
   animating: "",
   animatingUp: "",
   animatingDown: "",
@@ -15,42 +16,42 @@ const r = {
   staticHeightAuto: "",
   staticHeightSpecific: ""
 };
-function g({
+function f({
   open: t = !1,
   duration: a = 300,
   "data-name": e = "collapse",
   children: n
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ o(
     l,
     {
       "data-name": e,
       height: t ? "auto" : 0,
       duration: a,
       className: "w-full overflow-hidden",
-      animationStateClasses: r,
+      animationStateClasses: g,
       children: n
     }
   );
 }
-function p({
+function u({
   as: t,
   className: a,
   children: e,
   ...n
 }) {
-  const o = m((s) => s.collapse.content.base);
-  return /* @__PURE__ */ i(
-    t || "div",
+  const i = r((m) => m.collapse.content.base), s = p(t, "div");
+  return /* @__PURE__ */ o(
+    s,
     {
       "data-name": "collapse-content",
-      className: c("w-full block", o, a),
+      className: c("w-full block", i, a),
       ...n,
       children: e
     }
   );
 }
-g.Content = p;
+f.Content = u;
 export {
-  g as default
+  f as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const l=require("react/jsx-runtime"),i=require("react"),f=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),m=require("../../hooks/useClasses.cjs.js");function q({as:u,orientation:t="horizontal",variant:d="solid",flexItem:n=!1,className:s,...a}){const r=m(e=>e.divider),b=u??"hr",h=i.useMemo(()=>{var o;const e={horizontal:`${n?"w-auto self-stretch":"w-full"} h-0 border-b`,vertical:`${n?"h-auto self-stretch":"h-full"} w-0 border-s`};return[e==null?void 0:e[t],(o=r==null?void 0:r.orientation)==null?void 0:o[t]]},[t,r==null?void 0:r.orientation,n]),c=i.useMemo(()=>{var o;const e={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"};return[e==null?void 0:e[d],(o=r==null?void 0:r.variant)==null?void 0:o[d]]},[d,r==null?void 0:r.variant]);return l.jsx(b,{role:"separator","data-name":"divider",className:f.twMerge("border-border border-0",r==null?void 0:r.base,h,c,s),...a})}module.exports=q;
+"use client";"use strict";const l=require("react/jsx-runtime"),i=require("react"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),p=require("../../hooks/useClasses.cjs.js"),C=require("../../helpers/createPolymorphicComponent.cjs.js");function q({as:u,orientation:t="horizontal",variant:n="solid",flexItem:d=!1,className:s,...a}){const r=p(e=>e.divider),c=i.useMemo(()=>{var o;const e={horizontal:`${d?"w-auto self-stretch":"w-full"} h-0 border-b`,vertical:`${d?"h-auto self-stretch":"h-full"} w-0 border-s`};return[e==null?void 0:e[t],(o=r==null?void 0:r.orientation)==null?void 0:o[t]]},[t,r==null?void 0:r.orientation,d]),b=i.useMemo(()=>{var o;const e={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"};return[e==null?void 0:e[n],(o=r==null?void 0:r.variant)==null?void 0:o[n]]},[n,r==null?void 0:r.variant]),h=C.asComponent(u,"hr");return l.jsx(h,{role:"separator","data-name":"divider",className:m.twMerge("border-border border-0",r==null?void 0:r.base,c,b,s),...a})}module.exports=q;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAG7C,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7C,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAElB,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC5D,EAAE,EACF,WAA0B,EAC1B,OAAiB,EACjB,QAAgB,EAEhB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,KAAK,CAAC,2CAgChC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAG7C,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7C,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAElB,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC5D,EAAE,EACF,WAA0B,EAC1B,OAAiB,EACjB,QAAgB,EAEhB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,KAAK,CAAC,2CAgChC"}

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

@@ -3,16 +3,17 @@ import { jsx as l } from "react/jsx-runtime";
 import { useMemo as n } from "react";
 import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 import s from "../../hooks/useClasses.es.js";
-function z({
+import { asComponent as C } from "../../helpers/createPolymorphicComponent.es.js";
+function $({
   as: a,
   orientation: e = "horizontal",
   variant: d = "solid",
   flexItem: i = !1,
   //   thickness = 1,
-  className: u,
-  ...b
+  className: m,
+  ...u
 }) {
-  const r = s((o) => o.divider), h = a ?? "hr", m = n(() => {
+  const r = s((o) => o.divider), b = n(() => {
     var t;
     const o = {
       horizontal: `${i ? "w-auto self-stretch" : "w-full"} h-0 border-b`,
@@ -27,7 +28,7 @@ function z({
       dotted: "border-dotted"
     };
     return [o == null ? void 0 : o[d], (t = r == null ? void 0 : r.variant) == null ? void 0 : t[d]];
-  }, [d, r == null ? void 0 : r.variant]);
+  }, [d, r == null ? void 0 : r.variant]), h = C(a, "hr");
   return /* @__PURE__ */ l(
     h,
     {
@@ -36,14 +37,14 @@ function z({
       className: p(
         "border-border border-0",
         r == null ? void 0 : r.base,
-        m,
+        b,
         f,
-        u
+        m
       ),
-      ...b
+      ...u
     }
   );
 }
 export {
-  z as default
+  $ as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),u=require("react"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),f=require("../Card/index.cjs.js"),B=require("../Portal/index.cjs.js"),x=require("../../hooks/useClasses.cjs.js"),F=require("../../hooks/usePreventableClose.cjs.js"),P=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),w=require("../../helpers/cn.cjs.js"),j=u.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted",preventClose:!1,dismiss:()=>{}});function m({as:r,ref:n,open:t=!1,onClose:e=()=>{},onEnter:i,onEntering:v,onEntered:b,onExit:y,onExiting:h,onExited:p,duration:s=300,preventClose:c=!1,anchor:l="end",className:D="",children:R,...N}){const a=x(d=>d.drawer),g=u.useRef(null),S=r||"div",k={entering:"active opacity-100 pointer-events-auto",entered:"active opacity-100 pointer-events-auto",exiting:"opacity-0 pointer-events-none",exited:"opacity-0 pointer-events-none",unmounted:""},H=u.useMemo(()=>{var M;const d={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},z=(M=a==null?void 0:a.anchor)==null?void 0:M[l];return[d[l],z]},[l,a==null?void 0:a.anchor]),C=F({preventClose:c,open:t,onClose:e});return u.useImperativeHandle(n,()=>g.current),o.jsx(B,{children:o.jsx(P.default,{nodeRef:g,in:t,timeout:s,unmountOnExit:!0,onEnter:i,onEntering:v,onEntered:b,onExit:y,onExiting:h,onExited:p,children:d=>o.jsxs(S,{ref:g,style:{transitionDuration:`${s}ms`},role:"dialog","data-name":"drawer","data-open":t,className:q.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",a==null?void 0:a.base,k[d],H,D),...N,children:[o.jsx("div",{"data-name":"drawer-backdrop",onClick:C,className:w("absolute inset-0 size-full cursor-default opacity-0",c&&"[&:active~*]:scale-95")}),o.jsx(j.Provider,{value:{open:t,onClose:e,dismiss:C,transitionState:d,duration:s,anchor:l,preventClose:c},children:R})]})})})}function $({children:r,className:n="",...t}){const e=x(s=>s.drawer.menu),{anchor:i,duration:v,transitionState:b,preventClose:y}=u.useContext(j),h=u.useMemo(()=>{var l;const s={start:"w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",end:"w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",top:"w-full max-h-[92.5%] rounded-b mb-auto",bottom:"w-full max-h-[92.5%] rounded-t mt-auto"},c=(l=e==null?void 0:e.anchor)==null?void 0:l[i];return[s[i],c]},[i,e==null?void 0:e.anchor]),p=u.useMemo(()=>({start:{entering:"translate-x-0",entered:"translate-x-0",exiting:"-translate-x-[calc(100%*var(--drawer-ratio))]",exited:"-translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},end:{entering:"translate-x-0",entered:"translate-x-0",exiting:"translate-x-[calc(100%*var(--drawer-ratio))]",exited:"translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},top:{entering:"translate-y-0",entered:"translate-y-0",exiting:"-translate-y-full",exited:"-translate-y-full",unmounted:""},bottom:{entering:"translate-y-0",entered:"translate-y-0",exiting:"translate-y-full",exited:"translate-y-full",unmounted:""}})[i],[i]);return o.jsx(f,{as:"div","data-name":"drawer-menu",style:{transitionDuration:`${v}ms`},className:q.twMerge("relative flex flex-col transition-[translate,width] rounded-none",y&&"transition-transform",e==null?void 0:e.base,p[b],h,n),...t,children:r})}function O({className:r,...n}){const t=x(e=>e.drawer.header.base);return o.jsx(f.Header,{"data-name":"drawer-header",className:w(t,r),...n})}function T({className:r,...n}){const t=x(e=>e.drawer.body.base);return o.jsx(f.Body,{"data-name":"drawer-body",className:w("flex-1 overflow-auto",t,r),...n})}function _({className:r,...n}){const t=x(e=>e.drawer.footer.base);return o.jsx(f.Footer,{"data-name":"drawer-footer",className:w(t,r),...n})}m.Menu=$;m.Header=O;m.Body=T;m.Footer=_;exports.DrawerContext=j;exports.default=m;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),u=require("react"),D=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),v=require("../Card/index.cjs.js"),z=require("../Portal/index.cjs.js"),x=require("../../hooks/useClasses.cjs.js"),B=require("../../hooks/usePreventableClose.cjs.js"),F=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),y=require("../../helpers/cn.cjs.js"),$=require("../../helpers/createPolymorphicComponent.cjs.js"),j=u.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted",preventClose:!1,dismiss:()=>{}});function f({as:n,ref:a,open:t=!1,onClose:r=()=>{},onEnter:e,onEntering:l,onEntered:b,onExit:p,onExiting:h,onExited:g,duration:m=300,preventClose:i=!1,anchor:d="end",className:w="",children:R,...N}){const o=x(c=>c.drawer),C=u.useRef(null),S={entering:"active opacity-100 pointer-events-auto",entered:"active opacity-100 pointer-events-auto",exiting:"opacity-0 pointer-events-none",exited:"opacity-0 pointer-events-none",unmounted:""},k=u.useMemo(()=>{var M;const c={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},P=(M=o==null?void 0:o.anchor)==null?void 0:M[d];return[c[d],P]},[d,o==null?void 0:o.anchor]),q=B({preventClose:i,open:t,onClose:r});u.useImperativeHandle(a,()=>C.current);const H=$.asComponent(n,"div");return s.jsx(z,{children:s.jsx(F.default,{nodeRef:C,in:t,timeout:m,unmountOnExit:!0,onEnter:e,onEntering:l,onEntered:b,onExit:p,onExiting:h,onExited:g,children:c=>s.jsxs(H,{ref:C,style:{transitionDuration:`${m}ms`},role:"dialog","data-name":"drawer","data-open":t,className:D.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",o==null?void 0:o.base,S[c],k,w),...N,children:[s.jsx("div",{"data-name":"drawer-backdrop",onClick:q,className:y("absolute inset-0 size-full cursor-default opacity-0",i&&"[&:active~*]:scale-95")}),s.jsx(j.Provider,{value:{open:t,onClose:r,dismiss:q,transitionState:c,duration:m,anchor:d,preventClose:i},children:R})]})})})}function O({as:n,children:a,className:t="",...r}){const e=x(i=>i.drawer.menu),{anchor:l,duration:b,transitionState:p,preventClose:h}=u.useContext(j),g=u.useMemo(()=>{var w;const i={start:"w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",end:"w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",top:"w-full max-h-[92.5%] rounded-b mb-auto",bottom:"w-full max-h-[92.5%] rounded-t mt-auto"},d=(w=e==null?void 0:e.anchor)==null?void 0:w[l];return[i[l],d]},[l,e==null?void 0:e.anchor]),m=u.useMemo(()=>({start:{entering:"translate-x-0",entered:"translate-x-0",exiting:"-translate-x-[calc(100%*var(--drawer-ratio))]",exited:"-translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},end:{entering:"translate-x-0",entered:"translate-x-0",exiting:"translate-x-[calc(100%*var(--drawer-ratio))]",exited:"translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},top:{entering:"translate-y-0",entered:"translate-y-0",exiting:"-translate-y-full",exited:"-translate-y-full",unmounted:""},bottom:{entering:"translate-y-0",entered:"translate-y-0",exiting:"translate-y-full",exited:"translate-y-full",unmounted:""}})[l],[l]);return s.jsx(v,{as:n,"data-name":"drawer-menu",style:{transitionDuration:`${b}ms`},className:D.twMerge("relative flex flex-col transition-[translate,width] rounded-none",h&&"transition-transform",e==null?void 0:e.base,m[p],g,t),...r,children:a})}function T({as:n,className:a,...t}){const r=x(e=>e.drawer.header.base);return s.jsx(v.Header,{as:n,"data-name":"drawer-header",className:y(r,a),...t})}function _({as:n,className:a,...t}){const r=x(e=>e.drawer.body.base);return s.jsx(v.Body,{as:n,"data-name":"drawer-body",className:y("flex-1 overflow-auto",r,a),...t})}function E({as:n,className:a,...t}){const r=x(e=>e.drawer.footer.base);return s.jsx(v.Footer,{as:n,"data-name":"drawer-footer",className:y(r,a),...t})}f.Menu=O;f.Header=T;f.Body=_;f.Footer=E;exports.DrawerContext=j;exports.default=f;