reaxify 0.0.89 → 0.0.91

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

@@ -1 +1 @@
-"use client";"use strict";const u=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),a=require("react"),C=require("../../node_modules/react-animate-height/dist/esm/index.cjs.js"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),b=require("../../helpers/randomID.cjs.js"),p=require("../../node_modules/iconsax-react/dist/esm/ArrowDown2.cjs.js"),A=a.createContext({activeKey:null,handleChange:()=>{},variant:"single"}),f=a.createContext({active:!1,eventKey:null});function l({variant:n="single",activeKey:t=null,onChange:e=()=>{},children:o}){const r=s=>{if(n==="single")e(t===s?null:s);else{const c=Array.isArray(t)?t:[],d=c.includes(s)?c.filter(i=>i!==s):[...c,s];e(d)}};return u.jsx(A.Provider,{value:{activeKey:t,handleChange:r,variant:n},children:o})}function w({as:n,eventKey:t=null,className:e,children:o,...r}){const s=x(v=>v.accordion.item.base),{activeKey:c}=a.useContext(A),g=n||"div",d=a.useMemo(()=>b(),[]),i=t||d,h=a.useMemo(()=>Array.isArray(c)?c.includes(i):c===i,[c,i]);return u.jsx(g,{className:m.twMerge("block w-full border border-[#e8eaee] rounded",s,e),...r,children:u.jsx(f.Provider,{value:{eventKey:i,active:h},children:o})})}function j({type:n="button",className:t,children:e,onClick:o,...r}){const s=x(i=>i.accordion.toggle.base),{eventKey:c}=a.useContext(f),{handleChange:g}=a.useContext(A),d=i=>{c&&g(c),o==null||o(i)};return u.jsx("button",{type:n,className:m.twMerge("w-full flex items-center text-start text-base px-5 py-4 rounded-t cursor-pointer",s,t),onClick:d,...r,children:e})}function y({className:n,...t}){const e=x(r=>r.accordion.icon),{active:o}=a.useContext(f);return u.jsx(p,{color:"currentColor",className:m.twMerge("size-5 transition-transform",e==null?void 0:e.base,o?"-rotate-180":"rotate-0",o?e==null?void 0:e.active:e==null?void 0:e.inactive,n),...t})}function q({duration:n=300,children:t}){const{active:e}=a.useContext(f);return u.jsx(C,{duration:n,height:e?"auto":0,className:"w-full",animationStateClasses:{animating:"",animatingUp:"",animatingDown:"",static:"",animatingToHeightZero:"",animatingToHeightAuto:"",animatingToHeightSpecific:"",staticHeightZero:"",staticHeightAuto:"",staticHeightSpecific:""},children:t})}function I({className:n,children:t,...e}){const o=x(r=>r.accordion.body.base);return u.jsx("div",{className:m.twMerge("w-full block px-5 py-4 rounded-b",o,n),...e,children:t})}l.Item=w;l.Toggle=j;l.Icon=y;l.Collapse=q;l.Body=I;module.exports=l;
+"use client";"use strict";const u=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),a=require("react"),v=require("../../node_modules/react-animate-height/dist/esm/index.cjs.js"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),C=require("../../helpers/randomID.cjs.js"),p=require("../../node_modules/iconsax-react/dist/esm/ArrowDown2.cjs.js"),A=a.createContext({activeKey:null,handleChange:()=>{},variant:"single"}),f=a.createContext({active:!1,eventKey:null});function l({variant:n="single",activeKey:t=null,onChange:e=()=>{},children:o}){const i=s=>{if(n==="single")e(t===s?null:s);else{const r=Array.isArray(t)?t:[],d=r.includes(s)?r.filter(c=>c!==s):[...r,s];e(d)}};return u.jsx(A.Provider,{value:{activeKey:t,handleChange:i,variant:n},children:o})}function w({as:n,eventKey:t=null,className:e,children:o,...i}){const s=x(h=>h.accordion.item.base),{activeKey:r}=a.useContext(A),g=n||"div",d=a.useMemo(()=>C(),[]),c=t||d,b=a.useMemo(()=>Array.isArray(r)?r.includes(c):r===c,[r,c]);return u.jsx(g,{className:m.twMerge("block w-full border border-border rounded",s,e),...i,children:u.jsx(f.Provider,{value:{eventKey:c,active:b},children:o})})}function j({type:n="button",className:t,children:e,onClick:o,...i}){const s=x(c=>c.accordion.toggle.base),{eventKey:r}=a.useContext(f),{handleChange:g}=a.useContext(A),d=c=>{r&&g(r),o==null||o(c)};return u.jsx("button",{type:n,className:m.twMerge("w-full flex items-center text-start text-base px-5 py-4 rounded-t cursor-pointer",s,t),onClick:d,...i,children:e})}function y({className:n,...t}){const e=x(i=>i.accordion.icon),{active:o}=a.useContext(f);return u.jsx(p,{color:"currentColor",className:m.twMerge("size-5 transition-transform",e==null?void 0:e.base,o?"-rotate-180":"rotate-0",o?e==null?void 0:e.active:e==null?void 0:e.inactive,n),...t})}function q({duration:n=300,children:t}){const{active:e}=a.useContext(f);return u.jsx(v,{duration:n,height:e?"auto":0,className:"w-full",animationStateClasses:{animating:"",animatingUp:"",animatingDown:"",static:"",animatingToHeightZero:"",animatingToHeightAuto:"",animatingToHeightSpecific:"",staticHeightZero:"",staticHeightAuto:"",staticHeightSpecific:""},children:t})}function I({className:n,children:t,...e}){const o=x(i=>i.accordion.body.base);return u.jsx("div",{className:m.twMerge("w-full block px-5 py-4 rounded-b",o,n),...e,children:t})}l.Item=w;l.Toggle=j;l.Icon=y;l.Collapse=q;l.Body=I;module.exports=l;

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

@@ -16,57 +16,57 @@ const p = v({
   eventKey: null
 });
 function d({
-  variant: e = "single",
+  variant: n = "single",
   activeKey: o = null,
   onChange: t = () => {
   },
-  children: n
+  children: e
 }) {
   const c = (a) => {
-    if (e === "single")
+    if (n === "single")
       t(o === a ? null : a);
     else {
       const i = Array.isArray(o) ? o : [], l = i.includes(a) ? i.filter((r) => r !== a) : [...i, a];
       t(l);
     }
   };
-  return /* @__PURE__ */ s(p.Provider, { value: { activeKey: o, handleChange: c, variant: e }, children: n });
+  return /* @__PURE__ */ s(p.Provider, { value: { activeKey: o, handleChange: c, variant: n }, children: e });
 }
 function H({
-  as: e,
+  as: n,
   eventKey: o = null,
   className: t,
-  children: n,
+  children: e,
   ...c
 }) {
-  const a = f((x) => x.accordion.item.base), { activeKey: i } = u(p), m = e || "div", l = h(() => w(), []), r = o || l, b = h(() => Array.isArray(i) ? i.includes(r) : i === r, [i, r]);
+  const a = f((x) => x.accordion.item.base), { activeKey: i } = u(p), m = n || "div", l = h(() => w(), []), r = o || l, b = h(() => Array.isArray(i) ? i.includes(r) : i === r, [i, r]);
   return /* @__PURE__ */ s(
     m,
     {
       className: g(
-        "block w-full border border-[#e8eaee] rounded",
+        "block w-full border border-border rounded",
         a,
         t
       ),
       ...c,
-      children: /* @__PURE__ */ s(A.Provider, { value: { eventKey: r, active: b }, children: n })
+      children: /* @__PURE__ */ s(A.Provider, { value: { eventKey: r, active: b }, children: e })
     }
   );
 }
 function I({
-  type: e = "button",
+  type: n = "button",
   className: o,
   children: t,
-  onClick: n,
+  onClick: e,
   ...c
 }) {
   const a = f((r) => r.accordion.toggle.base), { eventKey: i } = u(A), { handleChange: m } = u(p), l = (r) => {
-    i && m(i), n == null || n(r);
+    i && m(i), e == null || e(r);
   };
   return /* @__PURE__ */ s(
     "button",
     {
-      type: e,
+      type: n,
       className: g(
         "w-full flex items-center text-start text-base px-5 py-4 rounded-t cursor-pointer",
         a,
@@ -79,10 +79,10 @@ function I({
   );
 }
 function N({
-  className: e,
+  className: n,
   ...o
 }) {
-  const t = f((c) => c.accordion.icon), { active: n } = u(A);
+  const t = f((c) => c.accordion.icon), { active: e } = u(A);
   return /* @__PURE__ */ s(
     y,
     {
@@ -90,23 +90,23 @@ function N({
       className: g(
         "size-5 transition-transform",
         t == null ? void 0 : t.base,
-        n ? "-rotate-180" : "rotate-0",
-        n ? t == null ? void 0 : t.active : t == null ? void 0 : t.inactive,
-        e
+        e ? "-rotate-180" : "rotate-0",
+        e ? t == null ? void 0 : t.active : t == null ? void 0 : t.inactive,
+        n
       ),
       ...o
     }
   );
 }
 function T({
-  duration: e = 300,
+  duration: n = 300,
   children: o
 }) {
   const { active: t } = u(A);
   return /* @__PURE__ */ s(
     C,
     {
-      duration: e,
+      duration: n,
       height: t ? "auto" : 0,
       className: "w-full",
       animationStateClasses: {
@@ -126,18 +126,18 @@ function T({
   );
 }
 function D({
-  className: e,
+  className: n,
   children: o,
   ...t
 }) {
-  const n = f((c) => c.accordion.body.base);
+  const e = f((c) => c.accordion.body.base);
   return /* @__PURE__ */ s(
     "div",
     {
       className: g(
         "w-full block px-5 py-4 rounded-b",
-        n,
-        e
+        e,
+        n
       ),
       ...t,
       children: o

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

@@ -1 +1 @@
-"use client";"use strict";const y=require("react/jsx-runtime"),s=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:a="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-dark 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(!a)return null;const e={sm:s("text-xs py-0.5 px-1.5",(o=r==null?void 0:r.size)==null?void 0:o.sm),md:s("text-sm py-[0.1875rem] px-2",(i=r==null?void 0:r.size)==null?void 0:i.md),lg:s("text-base py-1 px-3",(t=r==null?void 0:r.size)==null?void 0:t.lg)};return e==null?void 0:e[a]},[a,r==null?void 0:r.size]);return y.jsx(h,{className:k.twMerge("inline-flex border border-[#e8eaee] 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"),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-dark 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;

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

@@ -73,7 +73,7 @@ function B({
     c,
     {
       className: k(
-        "inline-flex border border-[#e8eaee] items-center text-center font-medium align-middle whitespace-nowrap rounded",
+        "inline-flex border border-border items-center text-center font-medium align-middle whitespace-nowrap rounded",
         r == null ? void 0 : r.base,
         f,
         h,

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

@@ -1 +1 @@
-"use client";"use strict";const l=require("react/jsx-runtime"),r=require("react"),f=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),h=require("../../helpers/cn.cjs.js"),F=require("../../hooks/useClasses.cjs.js"),H=require("../../hooks/useCreateRipple.cjs.js"),I=require("../Alert/index.cjs.js"),J=require("../ButtonGroup/index.cjs.js"),K=require("../Drawer/index.cjs.js"),L=require("../Modal/index.cjs.js"),O=require("../Spinner/index.cjs.js");function Q({as:m,variant:y,color:w,size:k,loading:C,stopPropagation:v=!1,preventDefault:q=!1,closeModal:z=!1,closeDrawer:j=!1,className:M,onClick:b,children:R,disabled:N,...$}){const t=F(e=>e.button),a=r.useContext(J.ButtonGroupContext),D=r.useContext(L.ModalContext),_=r.useContext(K.DrawerContext),u=r.useContext(I.AlertContext),B=H(),G=m||"button",g=y??a.variant??u.buttonVariant??"solid",i=w??a.color??u.color??"primary",o=k??a.size??"md",d=C??a.loading??!1,s=r.useMemo(()=>{var c,x,p;if(!i)return"border-transparent";const e={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",text:"bg-transparent text-primary border-transparent",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",text:"bg-transparent text-secondary border-transparent",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",text:"bg-transparent text-success border-transparent",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",text:"bg-transparent text-info border-transparent",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",text:"bg-transparent text-warning border-transparent",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",text:"bg-transparent text-danger border-transparent",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",text:"bg-transparent text-dark border-transparent",soft:"bg-dark text-light border-dark"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",text:"bg-transparent text-dark border-transparent",soft:"bg-light- text-dark border-dark"}},n=(x=(c=t==null?void 0:t.color)==null?void 0:c[i])==null?void 0:x[g],E=(p=e==null?void 0:e[i])==null?void 0:p[g];return f.twMerge(E,n)},[i,g,t==null?void 0:t.color]),A=r.useMemo(()=>s==null?void 0:s.split(" ").find(e=>e.startsWith("text-")),[s]),P=r.useMemo(()=>{var n;if(!o)return null;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[o],(n=t==null?void 0:t.size)==null?void 0:n[o]]},[o,t==null?void 0:t.size]),V=r.useMemo(()=>{var e,n;return d?h("disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",(e=t==null?void 0:t.loading)==null?void 0:e.active):h("disabled:opacity-75 disabled:cursor-not-allowed",(n=t==null?void 0:t.loading)==null?void 0:n.inactive)},[d,t==null?void 0:t.loading]),W=e=>{B(e),z&&D.onClose(),j&&_.onClose(),v&&e.stopPropagation(),q&&e.preventDefault(),b==null||b(e)};return l.jsxs(G,{role:"button",className:f.twMerge("relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-[#e8eaee] cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none]",t==null?void 0:t.base,s,P,V,a.buttonClasses,M),onClick:W,disabled:N||d,...$,children:[R,d&&l.jsx("span",{className:"absolute inset-0 size-full flex items-center justify-center bg-transparent p-2",children:l.jsx(O,{size:o==="icon"?"sm":o,color:null,className:A})}),l.jsx("span",{className:"ripple-group absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"})]})}module.exports=Q;
+"use client";"use strict";const l=require("react/jsx-runtime"),r=require("react"),W=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),E=require("../../helpers/cn.cjs.js"),F=require("../../hooks/useClasses.cjs.js"),H=require("../../hooks/useCreateRipple.cjs.js"),I=require("../Alert/index.cjs.js"),J=require("../ButtonGroup/index.cjs.js"),K=require("../Drawer/index.cjs.js"),L=require("../Modal/index.cjs.js"),O=require("../Spinner/index.cjs.js");function Q({as:f,variant:h,color:m,size:y,loading:w,stopPropagation:k=!1,preventDefault:C=!1,closeModal:v=!1,closeDrawer:q=!1,className:z,onClick:b,children:j,disabled:M,...R}){const t=F(e=>e.button),a=r.useContext(J.ButtonGroupContext),N=r.useContext(L.ModalContext),$=r.useContext(K.DrawerContext),c=r.useContext(I.AlertContext),D=H(),_=f||"button",u=h??a.variant??c.buttonVariant??"solid",i=m??a.color??c.color??"primary",o=y??a.size??"md",d=w??a.loading??!1,s=r.useMemo(()=>{var g,x,p;if(!i)return"border-transparent";const e={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",text:"bg-transparent text-primary border-transparent",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",text:"bg-transparent text-secondary border-transparent",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",text:"bg-transparent text-success border-transparent",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",text:"bg-transparent text-info border-transparent",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",text:"bg-transparent text-warning border-transparent",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",text:"bg-transparent text-danger border-transparent",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",text:"bg-transparent text-dark border-transparent",soft:"bg-dark text-light border-dark"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",text:"bg-transparent text-dark border-transparent",soft:"bg-light- text-dark border-dark"}},n=(x=(g=t==null?void 0:t.color)==null?void 0:g[i])==null?void 0:x[u],V=(p=e==null?void 0:e[i])==null?void 0:p[u];return E(V,n)},[i,u,t==null?void 0:t.color]),B=r.useMemo(()=>s==null?void 0:s.split(" ").find(e=>e.startsWith("text-")),[s]),G=r.useMemo(()=>{var n;if(!o)return null;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[o],(n=t==null?void 0:t.size)==null?void 0:n[o]]},[o,t==null?void 0:t.size]),A=r.useMemo(()=>{var e,n;return d?["disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",(e=t==null?void 0:t.loading)==null?void 0:e.active]:["disabled:opacity-75 disabled:cursor-not-allowed",(n=t==null?void 0:t.loading)==null?void 0:n.inactive]},[d,t==null?void 0:t.loading]),P=e=>{D(e),v&&N.onClose(),q&&$.onClose(),k&&e.stopPropagation(),C&&e.preventDefault(),b==null||b(e)};return l.jsxs(_,{role:"button",className:W.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 after:content-[''] after:bg-current after:opacity-25 after:absolute after:-inset-y-px after:inset-x-2 after:rounded-full after:mx-auto after:pointer-events-none after:scale-0 focus-visible:after:scale-100 after:transition-transform after:[corner-shape:squircle]",t==null?void 0:t.base,s,G,A,a.buttonClasses,z),onClick:P,disabled:M||d,...R,children:[j,d&&l.jsx("span",{className:"absolute inset-0 size-full flex items-center justify-center bg-transparent p-2",children:l.jsx(O,{size:o==="icon"?"sm":o,color:null,className:B})}),l.jsx("span",{"data-name":"ripple-group",className:"absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"})]})}module.exports=Q;

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;AAUrE,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,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,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,2CA2ItC"}
+{"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;AAUrE,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,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,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,2CA0ItC"}

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

@@ -1,8 +1,8 @@
 "use client";
-import { jsxs as H, jsx as p } from "react/jsx-runtime";
+import { jsxs as E, jsx as p } from "react/jsx-runtime";
 import { useContext as d, useMemo as l } from "react";
-import { twMerge as m } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import h from "../../helpers/cn.es.js";
+import { twMerge as F } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import H from "../../helpers/cn.es.js";
 import I from "../../hooks/useClasses.es.js";
 import J from "../../hooks/useCreateRipple.es.js";
 import { AlertContext as K } from "../Alert/index.es.js";
@@ -11,22 +11,22 @@ import { DrawerContext as O } from "../Drawer/index.es.js";
 import { ModalContext as Q } from "../Modal/index.es.js";
 import T from "../Spinner/index.es.js";
 function it({
-  as: y,
-  variant: w,
-  color: k,
-  size: C,
-  loading: v,
-  stopPropagation: z = !1,
-  preventDefault: j = !1,
-  closeModal: N = !1,
-  closeDrawer: R = !1,
-  className: D,
+  as: m,
+  variant: h,
+  color: y,
+  size: w,
+  loading: k,
+  stopPropagation: v = !1,
+  preventDefault: C = !1,
+  closeModal: z = !1,
+  closeDrawer: j = !1,
+  className: N,
   onClick: b,
-  children: M,
-  disabled: _,
-  ...B
+  children: R,
+  disabled: D,
+  ...M
 }) {
-  const t = I((r) => r.button), o = d(L), G = d(Q), A = d(O), c = d(K), P = J(), S = y || "button", g = w ?? o.variant ?? c.buttonVariant ?? "solid", i = k ?? o.color ?? c.color ?? "primary", n = C ?? o.size ?? "md", s = v ?? o.loading ?? !1, a = l(() => {
+  const t = I((r) => r.button), o = d(L), _ = d(Q), B = d(O), c = d(K), G = J(), q = m || "button", g = h ?? o.variant ?? c.buttonVariant ?? "solid", i = y ?? o.color ?? c.color ?? "primary", n = w ?? o.size ?? "md", s = k ?? o.loading ?? !1, a = l(() => {
     var u, x, f;
     if (!i) return "border-transparent";
     const r = {
@@ -78,9 +78,9 @@ function it({
         text: "bg-transparent text-dark border-transparent",
         soft: "bg-light- text-dark border-dark"
       }
-    }, e = (x = (u = t == null ? void 0 : t.color) == null ? void 0 : u[i]) == null ? void 0 : x[g], F = (f = r == null ? void 0 : r[i]) == null ? void 0 : f[g];
-    return m(F, e);
-  }, [i, g, t == null ? void 0 : t.color]), V = l(() => a == null ? void 0 : a.split(" ").find((r) => r.startsWith("text-")), [a]), W = l(() => {
+    }, e = (x = (u = t == null ? void 0 : t.color) == null ? void 0 : u[i]) == null ? void 0 : x[g], W = (f = r == null ? void 0 : r[i]) == null ? void 0 : f[g];
+    return H(W, e);
+  }, [i, g, t == null ? void 0 : t.color]), A = l(() => a == null ? void 0 : a.split(" ").find((r) => r.startsWith("text-")), [a]), P = l(() => {
     var e;
     if (!n) return null;
     const r = {
@@ -90,50 +90,52 @@ function it({
       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 [r == null ? void 0 : r[n], (e = t == null ? void 0 : t.size) == null ? void 0 : e[n]];
-  }, [n, t == null ? void 0 : t.size]), q = l(() => {
+  }, [n, t == null ? void 0 : t.size]), S = l(() => {
     var r, e;
-    return s ? h(
+    return s ? [
       "disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",
       (r = t == null ? void 0 : t.loading) == null ? void 0 : r.active
-    ) : h(
+    ] : [
       "disabled:opacity-75 disabled:cursor-not-allowed",
       (e = t == null ? void 0 : t.loading) == null ? void 0 : e.inactive
-    );
-  }, [s, t == null ? void 0 : t.loading]), E = (r) => {
-    P(r), N && G.onClose(), R && A.onClose(), z && r.stopPropagation(), j && r.preventDefault(), b == null || b(r);
+    ];
+  }, [s, t == null ? void 0 : t.loading]), V = (r) => {
+    G(r), z && _.onClose(), j && B.onClose(), v && r.stopPropagation(), C && r.preventDefault(), b == null || b(r);
   };
-  return /* @__PURE__ */ H(
-    S,
+  return /* @__PURE__ */ E(
+    q,
     {
       role: "button",
-      className: m(
-        "relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-[#e8eaee] cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none]",
-        // "focus:outline-none focus:ring-2 focus:ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-        // variant === "solid"
-        //   ? "shadow hover:shadow-md active:shadow-lg"
-        //   : "shadow-none",
-        // color ? "ring-2 ring-offset-2 ring-transparent" : null,
+      className: F(
+        "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 after:content-[''] after:bg-current after:opacity-25 after:absolute after:-inset-y-px after:inset-x-2 after:rounded-full after:mx-auto after:pointer-events-none after:scale-0 focus-visible:after:scale-100 after:transition-transform after:[corner-shape:squircle]",
         t == null ? void 0 : t.base,
         a,
-        W,
-        q,
+        P,
+        S,
         o.buttonClasses,
-        D
+        N
       ),
-      onClick: E,
-      disabled: _ || s,
-      ...B,
+      onClick: V,
+      disabled: D || s,
+      ...M,
       children: [
-        M,
+        R,
         s && /* @__PURE__ */ p("span", { className: "absolute inset-0 size-full flex items-center justify-center bg-transparent p-2", children: /* @__PURE__ */ p(
           T,
           {
             size: n === "icon" ? "sm" : n,
             color: null,
-            className: V
+            className: A
           }
         ) }),
-        /* @__PURE__ */ p("span", { className: "ripple-group absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none" })
+        /* @__PURE__ */ p(
+          "span",
+          {
+            "data-name": "ripple-group",
+            className: "absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"
+          }
+        )
       ]
     }
   );

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),M=require("../../helpers/cn.cjs.js"),h=require("../../hooks/useClasses.cjs.js"),r=require("react"),G=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),R=require("../Tabs/index.cjs.js"),c=r.createContext({});function g({as:d,variant:l,color:a,size:f,loading:x,orientation:e="horizontal",className:b,children:p,...C}){const m=d||"div",t=h(o=>o.buttonGroup),{buttonGroupClasses:v}=r.useContext(R.TabsContext),j=r.useMemo(()=>{var n;return[{horizontal:"flex-row",vertical:"flex-col"}[e],(n=t==null?void 0:t.orientation)==null?void 0:n[e]]},[e,t==null?void 0:t.orientation]),q=r.useMemo(()=>{var u,s;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"},n=(s=(u=t==null?void 0:t.button)==null?void 0:u.orientation)==null?void 0:s[e],y=o[e];return M(y,n)},[e,t==null?void 0:t.button]);return i.jsx(m,{className:G.twMerge("w-fit flex items-stretch justify-center",t==null?void 0:t.base,j,v,b),...C,children:i.jsx(c.Provider,{value:{variant:l,color:a,size:f,loading:x,buttonClasses:q},children:p})})}exports.ButtonGroupContext=c;exports.default=g;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),M=require("../../helpers/cn.cjs.js"),h=require("../../hooks/useClasses.cjs.js"),r=require("react"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),c=r.createContext({});function G({as:d,variant:l,color:a,size:f,loading:p,orientation:e="horizontal",className:b,children:x,...m}){const v=d||"div",t=h(o=>o.buttonGroup),C=r.useMemo(()=>{var n;return[{horizontal:"flex-row",vertical:"flex-col"}[e],(n=t==null?void 0:t.orientation)==null?void 0:n[e]]},[e,t==null?void 0:t.orientation]),j=r.useMemo(()=>{var u,i;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"},n=(i=(u=t==null?void 0:t.button)==null?void 0:u.orientation)==null?void 0:i[e],y=o[e];return M(y,n)},[e,t==null?void 0:t.button]);return s.jsx(v,{className:q.twMerge("w-fit flex items-stretch justify-center",t==null?void 0:t.base,C,b),...m,children:s.jsx(c.Provider,{value:{variant:l,color:a,size:f,loading:p,buttonClasses:j},children:x})})}exports.ButtonGroupContext=c;exports.default=G;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAiB,WAAW,EAAuB,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACzC,GAAG,WAAW,CAAC;AAChB,KAAK,OAAO,GAAG;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,kBAAkB,kCAA6B,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjE,EAAE,EACF,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAA0B,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,gBAAgB,CAAC,2CAuC3C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAiB,WAAW,EAAW,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACzC,GAAG,WAAW,CAAC;AAChB,KAAK,OAAO,GAAG;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,kBAAkB,kCAA6B,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjE,EAAE,EACF,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAA0B,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,gBAAgB,CAAC,2CAqC3C"}

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

@@ -1,51 +1,49 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import G from "../../helpers/cn.es.js";
+import y from "../../helpers/cn.es.js";
 import w from "../../hooks/useClasses.es.js";
-import { createContext as z, useContext as j, useMemo as s } from "react";
-import { twMerge as B } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import { TabsContext as M } from "../Tabs/index.es.js";
-const R = z({});
-function A({
-  as: f,
-  variant: d,
+import { createContext as z, useMemo as f } from "react";
+import { twMerge as G } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+const j = z({});
+function P({
+  as: d,
+  variant: s,
   color: m,
   size: p,
-  loading: a,
+  loading: l,
   orientation: o = "horizontal",
-  className: l,
+  className: a,
   children: c,
   ...x
 }) {
-  const C = f || "div", t = w((n) => n.buttonGroup), { buttonGroupClasses: b } = j(M), h = s(() => {
+  const b = d || "div", t = w((n) => n.buttonGroup), C = f(() => {
     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]), v = s(() => {
+  }, [o, t == null ? void 0 : t.orientation]), h = f(() => {
     var r, u;
     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 = (u = (r = t == null ? void 0 : t.button) == null ? void 0 : r.orientation) == null ? void 0 : u[o], y = n[o];
-    return G(y, e);
+    }, e = (u = (r = t == null ? void 0 : t.button) == null ? void 0 : r.orientation) == null ? void 0 : u[o], v = n[o];
+    return y(v, e);
   }, [o, t == null ? void 0 : t.button]);
   return /* @__PURE__ */ i(
-    C,
+    b,
     {
-      className: B(
+      className: G(
         "w-fit flex items-stretch justify-center",
         t == null ? void 0 : t.base,
-        h,
-        b,
-        l
+        C,
+        a
       ),
       ...x,
       children: /* @__PURE__ */ i(
-        R.Provider,
+        j.Provider,
         {
-          value: { variant: d, color: m, size: p, loading: a, buttonClasses: v },
+          value: { variant: s, color: m, size: p, loading: l, buttonClasses: h },
           children: c
         }
       )
@@ -53,6 +51,6 @@ function A({
   );
 }
 export {
-  R as ButtonGroupContext,
-  A as default
+  j as ButtonGroupContext,
+  P as default
 };

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

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

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

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

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

@@ -0,0 +1 @@
+"use client";"use strict";const a=require("react/jsx-runtime"),f=require("../../hooks/useClasses.cjs.js"),u=require("react"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function w({as:i,orientation:t="horizontal",variant:d="solid",flexItem:n=!1,className:s,...b}){const r=f(e=>e.divider),h=i??"hr",c=u.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]),l=u.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 a.jsx(h,{className:q.twMerge("border-border border-0",r==null?void 0:r.base,c,l,s),...b})}module.exports=w;

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

@@ -0,0 +1,13 @@
+import { ComponentPropsWithAs } from '../../types';
+import { ElementType } from 'react';
+type Orientation = "horizontal" | "vertical";
+type Variant = "solid" | "dashed" | "dotted";
+type Props = {
+    orientation?: Orientation;
+    variant?: Variant;
+    flexItem?: boolean;
+    children?: never;
+};
+export default function Divider<E extends ElementType = "hr">({ as, orientation, variant, flexItem, className, ...props }: ComponentPropsWithAs<E, Props>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,2CA8BhC"}

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

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import p from "../../hooks/useClasses.es.js";
+import { useMemo as n } from "react";
+import { twMerge as s } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+function z({
+  as: u,
+  orientation: e = "horizontal",
+  variant: d = "solid",
+  flexItem: i = !1,
+  //   thickness = 1,
+  className: b,
+  ...h
+}) {
+  const r = p((o) => o.divider), f = u ?? "hr", m = n(() => {
+    var t;
+    const o = {
+      horizontal: `${i ? "w-auto self-stretch" : "w-full"} h-0 border-b`,
+      vertical: `${i ? "h-auto self-stretch" : "h-full"} w-0 border-s`
+    };
+    return [o == null ? void 0 : o[e], (t = r == null ? void 0 : r.orientation) == null ? void 0 : t[e]];
+  }, [e, r == null ? void 0 : r.orientation, i]), l = n(() => {
+    var t;
+    const o = {
+      solid: "border-solid",
+      dashed: "border-dashed",
+      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]);
+  return /* @__PURE__ */ a(
+    f,
+    {
+      className: s(
+        "border-border border-0",
+        r == null ? void 0 : r.base,
+        m,
+        l,
+        b
+      ),
+      ...h
+    }
+  );
+}
+export {
+  z as default
+};