reaxify 0.0.98 → 1.3.0

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

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

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

@@ -0,0 +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"),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

@@ -0,0 +1,14 @@
+import { ChildrenProps, ComponentPropsWithAs } from '../../types';
+import { ElementType } from 'react';
+type CollapseProps = {
+    open?: boolean;
+    duration?: number;
+    "data-name"?: string;
+} & ChildrenProps;
+declare function Collapse({ open, duration, "data-name": dataName, children, }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Collapse {
+    var Content: typeof CollapseContent;
+}
+declare function CollapseContent<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+export default Collapse;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,57 @@
+"use client";
+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 r from "../../hooks/useClasses.es.js";
+import { asComponent as p } from "../../helpers/createPolymorphicComponent.es.js";
+const g = {
+  animating: "",
+  animatingUp: "",
+  animatingDown: "",
+  static: "",
+  animatingToHeightZero: "",
+  animatingToHeightAuto: "",
+  animatingToHeightSpecific: "",
+  staticHeightZero: "",
+  staticHeightAuto: "",
+  staticHeightSpecific: ""
+};
+function f({
+  open: t = !1,
+  duration: a = 300,
+  "data-name": e = "collapse",
+  children: n
+}) {
+  return /* @__PURE__ */ o(
+    l,
+    {
+      "data-name": e,
+      height: t ? "auto" : 0,
+      duration: a,
+      className: "w-full overflow-hidden",
+      animationStateClasses: g,
+      children: n
+    }
+  );
+}
+function u({
+  as: t,
+  className: a,
+  children: e,
+  ...n
+}) {
+  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", i, a),
+      ...n,
+      children: e
+    }
+  );
+}
+f.Content = u;
+export {
+  f as default
+};

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

@@ -1 +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;
+"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,2CA8BhC"}
+{"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

@@ -1,25 +1,26 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import p from "../../hooks/useClasses.es.js";
+import { jsx as l } from "react/jsx-runtime";
 import { useMemo as n } from "react";
-import { twMerge as s } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-function z({
-  as: u,
+import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import s from "../../hooks/useClasses.es.js";
+import { asComponent as C } from "../../helpers/createPolymorphicComponent.es.js";
+function $({
+  as: a,
   orientation: e = "horizontal",
   variant: d = "solid",
   flexItem: i = !1,
   //   thickness = 1,
-  className: b,
-  ...h
+  className: m,
+  ...u
 }) {
-  const r = p((o) => o.divider), f = u ?? "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`,
       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(() => {
+  }, [e, r == null ? void 0 : r.orientation, i]), f = n(() => {
     var t;
     const o = {
       solid: "border-solid",
@@ -27,21 +28,23 @@ 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]);
-  return /* @__PURE__ */ a(
-    f,
+  }, [d, r == null ? void 0 : r.variant]), h = C(a, "hr");
+  return /* @__PURE__ */ l(
+    h,
     {
-      className: s(
+      role: "separator",
+      "data-name": "divider",
+      className: p(
         "border-border border-0",
         r == null ? void 0 : r.base,
-        m,
-        l,
-        b
+        b,
+        f,
+        m
       ),
-      ...h
+      ...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"),x=require("../../hooks/useClasses.cjs.js"),u=require("react"),z=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),m=require("../../helpers/cn.cjs.js"),w=require("../Card/index.cjs.js"),F=require("../Portal/index.cjs.js"),$=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),j=u.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted",preventClose:!1});function f({as:r,ref:n,open:t=!1,onClose:e=()=>{},onEnter:i,onEntering:v,onEntered:y,onExit:b,onExiting:h,onExited:p,duration:s=300,preventClose:c=!1,anchor:l="end",className:D="",children:R,...H}){const a=x(d=>d.drawer),g=u.useRef(null),N=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:""},S=u.useMemo(()=>{var M;const d={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},B=(M=a==null?void 0:a.anchor)==null?void 0:M[l];return[d[l],B]},[l,a==null?void 0:a.anchor]),C=()=>{c||e()};return u.useImperativeHandle(n,()=>g.current),z.useHotkey("Escape",()=>e(),{conflictBehavior:"allow",ignoreInputs:!0,enabled:t&&!c}),o.jsx(F,{children:o.jsx($.default,{nodeRef:g,in:t,timeout:s,unmountOnExit:!0,onEnter:i,onEntering:v,onEntered:y,onExit:b,onExiting:h,onExited:p,children:d=>o.jsxs(N,{ref:g,style:{transitionDuration:`${s}ms`},"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],S,D),...H,children:[o.jsx("div",{onClick:C,className:m("absolute inset-0 size-full cursor-default opacity-0",c&&"[&:active~*]:scale-95")}),o.jsx(j.Provider,{value:{open:t,onClose:C,transitionState:d,duration:s,anchor:l,preventClose:c},children:R})]})})})}function E({children:r,className:n="",...t}){const e=x(s=>s.drawer.menu),{anchor:i,duration:v,transitionState:y,preventClose:b}=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(w,{as:"div",style:{transitionDuration:`${v}ms`},className:q.twMerge("relative flex flex-col transition-[translate,width] rounded-none",b&&"transition-transform",e==null?void 0:e.base,p[y],h,n),...t,children:r})}function I({className:r,...n}){const t=x(e=>e.drawer.header.base);return o.jsx(w.Header,{className:m(t,r),...n})}function O({className:r,...n}){const t=x(e=>e.drawer.body.base);return o.jsx(w.Body,{className:m("flex-1 overflow-auto",t,r),...n})}function P({className:r,...n}){const t=x(e=>e.drawer.footer.base);return o.jsx(w.Footer,{className:m(t,r),...n})}f.Menu=E;f.Header=I;f.Body=O;f.Footer=P;exports.DrawerContext=j;exports.default=f;
+"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;

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithAs, ToggleEventProps, ToggleProps } from '../../types';
-import { ComponentProps, ElementType } from 'react';
+import { ElementType } from 'react';
 import { TransitionStatus } from 'react-transition-group';
 type Anchor = "start" | "end" | "top" | "bottom";
 type Context = {
@@ -7,6 +7,7 @@ type Context = {
     anchor: Anchor;
     transitionState: TransitionStatus;
     preventClose: boolean;
+    dismiss: VoidFunction;
 } & ToggleProps;
 type DrawerBaseProps = {
     anchor?: Anchor;
@@ -14,10 +15,6 @@ type DrawerBaseProps = {
     preventClose?: boolean;
 } & Partial<ToggleEventProps> & Partial<ToggleProps>;
 type DrawerProps<E extends ElementType> = ComponentPropsWithAs<E, DrawerBaseProps>;
-type DrawerMenuProps = Omit<ComponentProps<"div">, "as" | "ref">;
-type DrawerHeaderProps = ComponentProps<"div">;
-type DrawerBodyProps = ComponentProps<"div">;
-type DrawerFooterProps = ComponentProps<"div">;
 export declare const DrawerContext: import('react').Context<Context>;
 declare function Drawer<E extends ElementType = "div">({ as, ref, open, onClose, onEnter, onEntering, onEntered, onExit, onExiting, onExited, duration, preventClose, anchor, className, children, ...props }: DrawerProps<E>): import("react/jsx-runtime").JSX.Element;
 declare namespace Drawer {
@@ -26,9 +23,9 @@ declare namespace Drawer {
     var Body: typeof DrawerBody;
     var Footer: typeof DrawerFooter;
 }
-declare function DrawerMenu({ children, className, ...props }: DrawerMenuProps): import("react/jsx-runtime").JSX.Element;
-declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
-declare function DrawerBody({ className, ...props }: DrawerBodyProps): import("react/jsx-runtime").JSX.Element;
-declare function DrawerFooter({ className, ...props }: DrawerFooterProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerMenu<E extends ElementType = "div">({ as, children, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerHeader<E extends ElementType = "div">({ as, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerBody<E extends ElementType = "div">({ as, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter<E extends ElementType = "div">({ as, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
 export default Drawer;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG9E,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAMtE,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,gBAAgB,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC;AAChB,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAC3B,OAAO,CAAC,WAAW,CAAC,CAAC;AACvB,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,oBAAoB,CAC5D,CAAC,EACD,eAAe,CAChB,CAAC;AACF,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AACjE,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/C,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC7C,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAG/C,eAAO,MAAM,aAAa,kCAOxB,CAAC;AAEH,iBAAS,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC7C,EAAE,EACF,GAAG,EACH,IAAY,EACZ,OAAkB,EAClB,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAoFhB;kBArGQ,MAAM;;;;;;AAsGf,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAgE1E;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAG/D;AACD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ3D;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAG/D;AAOD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE9E,OAAO,EAGL,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKtE,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,gBAAgB,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,YAAY,CAAC;CACvB,GAAG,WAAW,CAAC;AAChB,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAC3B,OAAO,CAAC,WAAW,CAAC,CAAC;AACvB,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,oBAAoB,CAC5D,CAAC,EACD,eAAe,CAChB,CAAC;AAGF,eAAO,MAAM,aAAa,kCAQxB,CAAC;AAEH,iBAAS,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC7C,EAAE,EACF,GAAG,EACH,IAAY,EACZ,OAAkB,EAClB,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAgFhB;kBAjGQ,MAAM;;;;;;AAkGf,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjD,EAAE,EACF,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAiEzB;AACD,iBAAS,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACnD,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAUzB;AACD,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjD,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAUzB;AACD,iBAAS,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACnD,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAUzB;AAOD,eAAe,MAAM,CAAC"}