reaxify 0.0.89 → 0.0.91

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),i=require("react"),R=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),C=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),w=require("../../helpers/cn.cjs.js"),y=require("../Card/index.cjs.js"),H=require("../Portal/index.cjs.js"),N=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),p=i.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted",preventClose:!1});function f({as:n,ref:a,open:r=!1,onClose:e=()=>{},duration:o=300,preventClose:u=!1,anchor:l="end",className:b="",children:v,...h}){const t=x(c=>c.drawer),d=i.useRef(null),m=n||"div",M={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:""},q=i.useMemo(()=>{var j;const c={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},D=(j=t==null?void 0:t.anchor)==null?void 0:j[l];return[c[l],D]},[l,t==null?void 0:t.anchor]),g=()=>{u||e()};return i.useImperativeHandle(a,()=>d.current),R.useHotkey("Escape",()=>e(),{enabled:r&&!u}),s.jsx(H,{children:s.jsx(N.default,{nodeRef:d,in:r,timeout:o,unmountOnExit:!0,children:c=>s.jsxs(m,{ref:d,style:{transitionDuration:`${o}ms`},"data-open":r,className:C.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",t==null?void 0:t.base,M[c],q,b),...h,children:[s.jsx("button",{type:"button",onClick:g,className:w("absolute inset-0 size-full cursor-default opacity-0",u&&"[&:active~*]:scale-95")}),s.jsx(p.Provider,{value:{open:r,onClose:g,transitionState:c,duration:o,anchor:l,preventClose:u},children:v})]})})})}function k({children:n,className:a="",...r}){const e=x(t=>t.drawer.menu),{anchor:o,duration:u,transitionState:l,preventClose:b}=i.useContext(p),v=i.useMemo(()=>{var m;const t={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=(m=e==null?void 0:e.anchor)==null?void 0:m[o];return[t[o],d]},[o,e==null?void 0:e.anchor]),h=i.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:""}})[o],[o]);return s.jsx(y,{as:"div",style:{transitionDuration:`${u}ms`},className:C.twMerge("relative flex flex-col transition-[translate,width] rounded-none",b&&"transition-transform",e==null?void 0:e.base,h[l],v,a),...r,children:n})}function S({className:n,...a}){const r=x(e=>e.drawer.header.base);return s.jsx(y.Header,{className:w(r,n),...a})}function z({className:n,...a}){const r=x(e=>e.drawer.body.base);return s.jsx(y.Body,{className:w("flex-1 overflow-auto",r,n),...a})}function B({className:n,...a}){const r=x(e=>e.drawer.footer.base);return s.jsx(y.Footer,{className:w(r,n),...a})}f.Menu=k;f.Header=S;f.Body=z;f.Footer=B;exports.DrawerContext=p;exports.default=f;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),i=require("react"),R=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),C=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),w=require("../../helpers/cn.cjs.js"),v=require("../Card/index.cjs.js"),H=require("../Portal/index.cjs.js"),N=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),p=i.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted",preventClose:!1});function f({as:n,ref:a,open:r=!1,onClose:e=()=>{},duration:o=300,preventClose:u=!1,anchor:l="end",className:y="",children:b,...h}){const t=x(c=>c.drawer),d=i.useRef(null),m=n||"div",M={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:""},q=i.useMemo(()=>{var j;const c={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},D=(j=t==null?void 0:t.anchor)==null?void 0:j[l];return[c[l],D]},[l,t==null?void 0:t.anchor]),g=()=>{u||e()};return i.useImperativeHandle(a,()=>d.current),R.useHotkey("Escape",()=>e(),{enabled:r&&!u}),s.jsx(H,{children:s.jsx(N.default,{nodeRef:d,in:r,timeout:o,unmountOnExit:!0,children:c=>s.jsxs(m,{ref:d,style:{transitionDuration:`${o}ms`},"data-open":r,className:C.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",t==null?void 0:t.base,M[c],q,y),...h,children:[s.jsx("div",{onClick:g,className:w("absolute inset-0 size-full cursor-default opacity-0",u&&"[&:active~*]:scale-95")}),s.jsx(p.Provider,{value:{open:r,onClose:g,transitionState:c,duration:o,anchor:l,preventClose:u},children:b})]})})})}function k({children:n,className:a="",...r}){const e=x(t=>t.drawer.menu),{anchor:o,duration:u,transitionState:l,preventClose:y}=i.useContext(p),b=i.useMemo(()=>{var m;const t={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=(m=e==null?void 0:e.anchor)==null?void 0:m[o];return[t[o],d]},[o,e==null?void 0:e.anchor]),h=i.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:""}})[o],[o]);return s.jsx(v,{as:"div",style:{transitionDuration:`${u}ms`},className:C.twMerge("relative flex flex-col transition-[translate,width] rounded-none",y&&"transition-transform",e==null?void 0:e.base,h[l],b,a),...r,children:n})}function S({className:n,...a}){const r=x(e=>e.drawer.header.base);return s.jsx(v.Header,{className:w(r,n),...a})}function z({className:n,...a}){const r=x(e=>e.drawer.body.base);return s.jsx(v.Body,{className:w("flex-1 overflow-auto",r,n),...a})}function B({className:n,...a}){const r=x(e=>e.drawer.footer.base);return s.jsx(v.Footer,{className:w(r,n),...a})}f.Menu=k;f.Header=S;f.Body=z;f.Footer=B;exports.DrawerContext=p;exports.default=f;

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,WAAW,EAAE,MAAM,SAAS,CAAC;AAG5D,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,WAAW,CAAC,CAAC;AACzB,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,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAsEhB;kBAjFQ,MAAM;;;;;;AAkFf,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":"AACA,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG5D,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,WAAW,CAAC,CAAC;AACzB,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,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAqEhB;kBAhFQ,MAAM;;;;;;AAiFf,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"}

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

@@ -21,16 +21,16 @@ function w({
   as: n,
   ref: a,
   open: r = !1,
-  onClose: t = () => {
+  onClose: e = () => {
   },
   duration: o = 300,
   preventClose: i = !1,
   anchor: l = "end",
   className: p = "",
-  children: y,
-  ...v
+  children: v,
+  ...y
 }) {
-  const e = c((u) => u.drawer), d = z(null), m = n || "div", R = {
+  const t = c((u) => u.drawer), d = z(null), m = n || "div", R = {
     entering: "active opacity-100 pointer-events-auto",
     entered: "active opacity-100 pointer-events-auto",
     exiting: "opacity-0 pointer-events-none",
@@ -43,12 +43,12 @@ function w({
       end: "flex-row",
       top: "flex-col-reverse",
       bottom: "flex-col"
-    }, H = (g = e == null ? void 0 : e.anchor) == null ? void 0 : g[l];
+    }, H = (g = t == null ? void 0 : t.anchor) == null ? void 0 : g[l];
     return [u[l], H];
-  }, [l, e == null ? void 0 : e.anchor]), h = () => {
-    i || t();
+  }, [l, t == null ? void 0 : t.anchor]), h = () => {
+    i || e();
   };
-  return B(a, () => d.current), S("Escape", () => t(), { enabled: r && !i }), /* @__PURE__ */ s(j, { children: /* @__PURE__ */ s(E, { nodeRef: d, in: r, timeout: o, unmountOnExit: !0, children: (u) => /* @__PURE__ */ k(
+  return B(a, () => d.current), S("Escape", () => e(), { enabled: r && !i }), /* @__PURE__ */ s(j, { children: /* @__PURE__ */ s(E, { nodeRef: d, in: r, timeout: o, unmountOnExit: !0, children: (u) => /* @__PURE__ */ k(
     m,
     {
       ref: d,
@@ -56,17 +56,16 @@ function w({
       "data-open": r,
       className: C(
         "fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",
-        e == null ? void 0 : e.base,
+        t == null ? void 0 : t.base,
         R[u],
         N,
         p
       ),
-      ...v,
+      ...y,
       children: [
         /* @__PURE__ */ s(
-          "button",
+          "div",
           {
-            type: "button",
             onClick: h,
             className: f(
               "absolute inset-0 size-full cursor-default opacity-0",
@@ -85,7 +84,7 @@ function w({
               anchor: l,
               preventClose: i
             },
-            children: y
+            children: v
           }
         )
       ]
@@ -93,16 +92,16 @@ function w({
   ) }) });
 }
 function P({ children: n, className: a = "", ...r }) {
-  const t = c((e) => e.drawer.menu), { anchor: o, duration: i, transitionState: l, preventClose: p } = F(D), y = b(() => {
+  const e = c((t) => t.drawer.menu), { anchor: o, duration: i, transitionState: l, preventClose: p } = F(D), v = b(() => {
     var m;
-    const e = {
+    const t = {
       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 = (m = t == null ? void 0 : t.anchor) == null ? void 0 : m[o];
-    return [e[o], d];
-  }, [o, t == null ? void 0 : t.anchor]), v = b(() => ({
+    }, d = (m = e == null ? void 0 : e.anchor) == null ? void 0 : m[o];
+    return [t[o], d];
+  }, [o, e == null ? void 0 : e.anchor]), y = b(() => ({
     start: {
       entering: "translate-x-0",
       entered: "translate-x-0",
@@ -140,9 +139,9 @@ function P({ children: n, className: a = "", ...r }) {
       className: C(
         "relative flex flex-col transition-[translate,width] rounded-none",
         p && "transition-transform",
-        t == null ? void 0 : t.base,
-        v[l],
-        y,
+        e == null ? void 0 : e.base,
+        y[l],
+        v,
         a
       ),
       ...r,
@@ -151,11 +150,11 @@ function P({ children: n, className: a = "", ...r }) {
   );
 }
 function $({ className: n, ...a }) {
-  const r = c((t) => t.drawer.header.base);
+  const r = c((e) => e.drawer.header.base);
   return /* @__PURE__ */ s(x.Header, { className: f(r, n), ...a });
 }
 function I({ className: n, ...a }) {
-  const r = c((t) => t.drawer.body.base);
+  const r = c((e) => e.drawer.body.base);
   return /* @__PURE__ */ s(
     x.Body,
     {
@@ -165,7 +164,7 @@ function I({ className: n, ...a }) {
   );
 }
 function O({ className: n, ...a }) {
-  const r = c((t) => t.drawer.footer.base);
+  const r = c((e) => e.drawer.footer.base);
   return /* @__PURE__ */ s(x.Footer, { className: f(r, n), ...a });
 }
 w.Menu = P;

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

@@ -1 +1 @@
-"use client";"use strict";const u=require("react/jsx-runtime"),i=require("../../hooks/useClasses.cjs.js");require("react");const c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({as:e,children:t,className:n,...s}){const o=e||"div",r=i(a=>a.inputGroup.base);return u.jsx(o,{className:c.twMerge("w-full",r,n),...s,children:t})}function x({as:e,children:t,className:n,...s}){const o=e||"h6",r=i(a=>a.inputGroup.label.base);return u.jsx(o,{className:c.twMerge("block font-normal text-start mb-0.5 px-0.5 text-sm",r,n),...s,children:t})}function d({as:e,children:t,className:n,...s}){const o=e||"div",r=i(a=>a.inputGroup.stack.base);return u.jsx(o,{className:c.twMerge("flex items-stretch border border-[#e8eaee] rounded divide-x divide-[#e8eaee] transition-[border-color,box-shadow] [&>*:first-child]:rounded-s [&>*:last-child]:rounded-e focus-within:border-primary focus-within:divide-primary",r,n),...s,children:t})}function m({as:e,children:t,className:n,...s}){const o=e||"span",r=i(a=>a.inputGroup.text.base);return u.jsx(o,{className:c.twMerge("flex items-center text-base py-1.5 px-3 font-normal text-center whitespace-nowrap",r,n),...s,children:t})}function b({as:e,children:t,className:n,...s}){const o=e||"input",r=e==="textarea",a=i(l=>l.inputGroup.formControl.base);return u.jsx(o,{className:c.twMerge("text-start flex-1 leading-10 text-base py-1.5 px-3 focus:outline-none bg-transparent border-0",r?"min-h-[7.5rem] field-sizing-content":"h-10",a,n),...s,children:t})}p.Label=x;p.Stack=d;p.Text=m;p.FormControl=b;module.exports=p;
+"use client";"use strict";const a=require("react/jsx-runtime"),i=require("../../hooks/useClasses.cjs.js");require("react");const c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({as:e,children:t,className:n,...s}){const r=e||"div",o=i(u=>u.inputGroup.base);return a.jsx(r,{className:c.twMerge("w-full",o,n),...s,children:t})}function d({as:e,children:t,className:n,...s}){const r=e||"h6",o=i(u=>u.inputGroup.label.base);return a.jsx(r,{className:c.twMerge("block font-normal text-start mb-0.5 px-0.5 text-sm",o,n),...s,children:t})}function x({as:e,children:t,className:n,...s}){const r=e||"div",o=i(u=>u.inputGroup.stack.base);return a.jsx(r,{className:c.twMerge("flex items-stretch border border-border rounded divide-x divide-border transition-[border-color,box-shadow] [&>*:first-child]:rounded-s [&>*:last-child]:rounded-e focus-within:border-primary focus-within:divide-primary",o,n),...s,children:t})}function m({as:e,children:t,className:n,...s}){const r=e||"span",o=i(u=>u.inputGroup.text.base);return a.jsx(r,{className:c.twMerge("flex items-center text-base py-1.5 px-3 font-normal text-center whitespace-nowrap",o,n),...s,children:t})}function b({as:e,children:t,className:n,...s}){const r=e||"input",o=e==="textarea",u=i(l=>l.inputGroup.formControl.base);return a.jsx(r,{className:c.twMerge("text-start flex-1 leading-10 text-base py-1.5 px-3 focus:outline-none bg-transparent border-0",o?"min-h-[7.5rem] field-sizing-content":"h-10",u,n),...s,children:t})}p.Label=d;p.Stack=x;p.Text=m;p.FormControl=b;module.exports=p;

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

@@ -9,8 +9,8 @@ function u({
   className: o,
   ...n
 }) {
-  const s = t || "div", r = c((a) => a.inputGroup.base);
-  return /* @__PURE__ */ i(s, { className: p("w-full", r, o), ...n, children: e });
+  const r = t || "div", s = c((a) => a.inputGroup.base);
+  return /* @__PURE__ */ i(r, { className: p("w-full", s, o), ...n, children: e });
 }
 function m({
   as: t,
@@ -18,13 +18,13 @@ function m({
   className: o,
   ...n
 }) {
-  const s = t || "h6", r = c((a) => a.inputGroup.label.base);
+  const r = t || "h6", s = c((a) => a.inputGroup.label.base);
   return /* @__PURE__ */ i(
-    s,
+    r,
     {
       className: p(
         "block font-normal text-start mb-0.5 px-0.5 text-sm",
-        r,
+        s,
         o
       ),
       ...n,
@@ -38,13 +38,13 @@ function d({
   className: o,
   ...n
 }) {
-  const s = t || "div", r = c((a) => a.inputGroup.stack.base);
+  const r = t || "div", s = c((a) => a.inputGroup.stack.base);
   return /* @__PURE__ */ i(
-    s,
+    r,
     {
       className: p(
-        "flex items-stretch border border-[#e8eaee] rounded divide-x divide-[#e8eaee] transition-[border-color,box-shadow] [&>*:first-child]:rounded-s [&>*:last-child]:rounded-e focus-within:border-primary focus-within:divide-primary",
-        r,
+        "flex items-stretch border border-border rounded divide-x divide-border transition-[border-color,box-shadow] [&>*:first-child]:rounded-s [&>*:last-child]:rounded-e focus-within:border-primary focus-within:divide-primary",
+        s,
         o
       ),
       ...n,
@@ -52,19 +52,19 @@ function d({
     }
   );
 }
-function f({
+function b({
   as: t,
   children: e,
   className: o,
   ...n
 }) {
-  const s = t || "span", r = c((a) => a.inputGroup.text.base);
+  const r = t || "span", s = c((a) => a.inputGroup.text.base);
   return /* @__PURE__ */ i(
-    s,
+    r,
     {
       className: p(
         "flex items-center text-base py-1.5 px-3 font-normal text-center whitespace-nowrap",
-        r,
+        s,
         o
       ),
       ...n,
@@ -72,19 +72,19 @@ function f({
     }
   );
 }
-function x({
+function f({
   as: t,
   children: e,
   className: o,
   ...n
 }) {
-  const s = t || "input", r = t === "textarea", a = c((l) => l.inputGroup.formControl.base);
+  const r = t || "input", s = t === "textarea", a = c((l) => l.inputGroup.formControl.base);
   return /* @__PURE__ */ i(
-    s,
+    r,
     {
       className: p(
         "text-start flex-1 leading-10 text-base py-1.5 px-3 focus:outline-none bg-transparent border-0",
-        r ? "min-h-[7.5rem] field-sizing-content" : "h-10",
+        s ? "min-h-[7.5rem] field-sizing-content" : "h-10",
         a,
         o
       ),
@@ -95,8 +95,8 @@ function x({
 }
 u.Label = m;
 u.Stack = d;
-u.Text = f;
-u.FormControl = x;
+u.Text = b;
+u.FormControl = f;
 export {
   u as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const r=require("react/jsx-runtime"),I=require("../../helpers/cn.cjs.js"),z=require("../../hooks/useClasses.cjs.js"),n=require("react"),S=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),j=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),$=require("../Portal/index.cjs.js"),B=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),y=n.createContext({open:!1,onClose:()=>{},transitionState:"unmounted",closeOnClick:!1,preventClose:!1});function E({as:c,ref:a,open:i,onClose:o,closeOnClick:d=!1,preventClose:f=!1,anchorEl:l=null,className:b,children:h,...C}){const p=z(e=>e.menu.base),M=c||"div",s=16,t=n.useRef(null),O=n.useRef({left:s,right:s,top:s}),L={entering:"scale-100 opacity-100",entered:"scale-100 opacity-100",exiting:"scale-90 opacity-0",exited:"scale-90 opacity-0",unmounted:""},R=n.useCallback(e=>{O.current=e},[]),q=n.useCallback(e=>{var u,g,x;(u=t.current)==null||u.style.setProperty("--left",`${e.left}px`),(g=t.current)==null||g.style.setProperty("--right",`${e.right}px`),(x=t.current)==null||x.style.setProperty("--top",`${e.top}px`)},[]),m=n.useCallback(()=>{var H,P;if(!i||!l)return;const e=l.getBoundingClientRect(),u=window.innerWidth,g=window.innerHeight,x=((H=t.current)==null?void 0:H.offsetWidth)||150,W=((P=t.current)==null?void 0:P.offsetHeight)||200;let w=e.left,k=e.right,v=e.bottom;w=Math.min(Math.max(w,s),u-x-s),k=Math.min(Math.max(u-e.right,s),u-x-s),v=Math.min(Math.max(v,s),g-W-s),R({left:w,right:k,top:v}),q({left:w,right:k,top:v})},[i,l,R,q]),N=()=>{f||o==null||o()};return n.useEffect(()=>{m()},[m,h]),n.useEffect(()=>{const e=()=>{m()};return window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[m]),n.useImperativeHandle(a,()=>t.current),S.useHotkey("Escape",()=>o==null?void 0:o(),{enabled:i&&!f}),r.jsx($,{children:r.jsx(B.default,{nodeRef:t,in:i,timeout:300,unmountOnExit:!0,children:e=>r.jsx(y.Provider,{value:{open:i,onClose:N,transitionState:e,closeOnClick:d,preventClose:f},children:r.jsxs(T,{children:[r.jsx(A,{}),r.jsx(M,{ref:t,"data-open":i,className:j.twMerge("w-fit min-w-52 bg-white shadow rounded p-2 transition-[scale,opacity] absolute top-(--top) left-(--left) right-auto origin-top-left rtl:left-auto rtl:right-(--right) rtl:origin-top-right",p,L[e],b),...C,children:h})]})})})})}function T({children:c}){const{transitionState:a}=n.useContext(y),i={entering:"active pointer-events-auto",entered:"active pointer-events-auto",exiting:"pointer-events-none",exited:"pointer-events-none",unmounted:""};return r.jsx("div",{className:j.twMerge("fixed inset-0 size-full flex flex-col bg-transparent transition-opacity overflow-hidden z-10",i[a]),children:c})}function A(){const{onClose:c,preventClose:a}=n.useContext(y);return r.jsx("button",{type:"button",className:I("w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",a&&"[&:active~*]:scale-95"),onClick:c})}function D({as:c,closeOnClick:a,className:i,children:o,onClick:d,...f}){const l=c||"button",b=l==="button"?"button":void 0,h=z(t=>t.menu.item.base),{closeOnClick:C,onClose:p}=n.useContext(y),M=a??C,s=t=>{M&&(p==null||p()),d==null||d(t)};return r.jsx(l,{type:b,className:j.twMerge("flex items-center px-3 py-2 w-full text-dark text-base font-normal rounded cursor-pointer transition-colors hover:bg-dark hover:text-white",h,i),onClick:s,...f,children:o})}E.Item=D;module.exports=E;
+"use client";"use strict";const i=require("react/jsx-runtime"),$=require("../../helpers/cn.cjs.js"),z=require("../../hooks/useClasses.cjs.js"),t=require("react"),I=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),k=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),S=require("../Button/index.cjs.js"),B=require("../Portal/index.cjs.js"),F=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),y=t.createContext({open:!1,onClose:()=>{},transitionState:"unmounted",closeOnClick:!1,preventClose:!1});function E({as:a,ref:c,open:n,onClose:r,closeOnClick:d=!1,preventClose:f=!1,anchorEl:m=null,className:b,children:l,...M}){const j=z(e=>e.menu.base),p=a||"ul",s=16,o=t.useRef(null),O=t.useRef({left:s,right:s,top:s}),L={entering:"scale-100 opacity-100",entered:"scale-100 opacity-100",exiting:"scale-90 opacity-0",exited:"scale-90 opacity-0",unmounted:""},q=t.useCallback(e=>{O.current=e},[]),R=t.useCallback(e=>{var u,h,x;(u=o.current)==null||u.style.setProperty("--left",`${e.left}px`),(h=o.current)==null||h.style.setProperty("--right",`${e.right}px`),(x=o.current)==null||x.style.setProperty("--top",`${e.top}px`)},[]),g=t.useCallback(()=>{var H,P;if(!n||!m)return;const e=m.getBoundingClientRect(),u=window.innerWidth,h=window.innerHeight,x=((H=o.current)==null?void 0:H.offsetWidth)||150,W=((P=o.current)==null?void 0:P.offsetHeight)||200;let w=e.left,C=e.right,v=e.bottom;w=Math.min(Math.max(w,s),u-x-s),C=Math.min(Math.max(u-e.right,s),u-x-s),v=Math.min(Math.max(v,s),h-W-s),q({left:w,right:C,top:v}),R({left:w,right:C,top:v})},[n,m,q,R]),N=()=>{f||r==null||r()};return t.useEffect(()=>{g()},[g,l]),t.useEffect(()=>{const e=()=>{g()};return window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[g]),t.useImperativeHandle(c,()=>o.current),I.useHotkey("Escape",()=>r==null?void 0:r(),{enabled:n&&!f}),i.jsx(B,{children:i.jsx(F.default,{nodeRef:o,in:n,timeout:300,unmountOnExit:!0,children:e=>i.jsx(y.Provider,{value:{open:n,onClose:N,transitionState:e,closeOnClick:d,preventClose:f},children:i.jsxs(T,{children:[i.jsx(A,{}),i.jsx(p,{ref:o,autoFocus:!0,"data-open":n,role:"menu",className:k.twMerge("w-fit min-w-52 bg-white shadow-lg rounded py-2 transition-[scale,opacity] absolute top-(--top) left-(--left) right-auto origin-top-left rtl:left-auto rtl:right-(--right) rtl:origin-top-right",j,L[e],b),...M,children:l})]})})})})}function T({children:a}){const{transitionState:c}=t.useContext(y),n={entering:"active pointer-events-auto",entered:"active pointer-events-auto",exiting:"pointer-events-none",exited:"pointer-events-none",unmounted:""};return i.jsx("div",{className:k.twMerge("fixed inset-0 size-full flex flex-col bg-transparent transition-opacity overflow-hidden z-10",n[c]),children:a})}function A(){const{onClose:a,preventClose:c}=t.useContext(y);return i.jsx("div",{className:$("w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",c&&"[&:active~*]:scale-95"),onClick:a})}function D({as:a,closeOnClick:c,className:n,children:r,onClick:d,...f}){const m=z(p=>p.menu.item.base),{closeOnClick:b,onClose:l}=t.useContext(y),M=c??b,j=p=>{M&&(l==null||l()),d==null||d(p)};return i.jsx(S,{as:a??"li",color:"light",variant:"text",role:"menuitem",className:k.twMerge("w-full flex items-center justify-start align-middle px-4 py-1.5 bg-transparent text-base font-normal rounded-none whitespace-nowrap transition-colors hover:bg-dark/5",m,n),onClick:j,...f,children:r})}E.Item=D;module.exports=E;

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

@@ -8,7 +8,7 @@ type MenuProps = {
 type MenuItemProps = {
     closeOnClick?: boolean;
 };
-declare function Menu<E extends ElementType = "div">({ as, ref, open, onClose, closeOnClick, preventClose, anchorEl, className, children, ...props }: ComponentPropsWithAs<E, MenuProps>): import("react/jsx-runtime").JSX.Element;
+declare function Menu<E extends ElementType = "ul">({ as, ref, open, onClose, closeOnClick, preventClose, anchorEl, className, children, ...props }: ComponentPropsWithAs<E, MenuProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace Menu {
     var Item: typeof MenuItem;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3E,OAAO,EAEL,WAAW,EAOZ,MAAM,OAAO,CAAC;AAMf,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,WAAW,CAAC;AAChB,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAgBF,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC3C,EAAE,EACF,GAAG,EACH,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,YAAoB,EACpB,QAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,SAAS,CAAC,2CAyGpC;kBApHQ,IAAI;;;AAsJb,iBAAS,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAClD,EAAE,EACF,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,aAAa,CAAC,2CAwBxC;AAID,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3E,OAAO,EAEL,WAAW,EAOZ,MAAM,OAAO,CAAC;AAOf,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,WAAW,CAAC;AAChB,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAgBF,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC1C,EAAE,EACF,GAAG,EACH,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,YAAoB,EACpB,QAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,SAAS,CAAC,2CA2GpC;kBAtHQ,IAAI;;;AAuJb,iBAAS,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAClD,EAAE,EACF,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,aAAa,CAAC,2CAyBxC;AAID,eAAe,IAAI,CAAC"}

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

@@ -1,13 +1,14 @@
 "use client";
-import { jsx as r, jsxs as B } from "react/jsx-runtime";
-import T from "../../helpers/cn.es.js";
+import { jsx as o, jsxs as $ } from "react/jsx-runtime";
+import F from "../../helpers/cn.es.js";
 import W from "../../hooks/useClasses.es.js";
-import { createContext as q, useRef as L, useCallback as C, useEffect as N, useImperativeHandle as A, useContext as P } from "react";
-import { useHotkey as D } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
+import { createContext as T, useRef as L, useCallback as C, useEffect as N, useImperativeHandle as q, useContext as P } from "react";
+import { useHotkey as A } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
 import { twMerge as H } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import F from "../Portal/index.es.js";
-import G from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const w = q({
+import D from "../Button/index.es.js";
+import G from "../Portal/index.es.js";
+import J from "../../node_modules/react-transition-group/esm/Transition.es.js";
+const v = T({
   open: !1,
   onClose: () => {
   },
@@ -15,88 +16,90 @@ const w = q({
   closeOnClick: !1,
   preventClose: !1
 });
-function J({
+function K({
   as: s,
   ref: a,
-  open: o,
+  open: e,
   onClose: i,
   closeOnClick: u = !1,
   preventClose: f = !1,
-  anchorEl: c = null,
+  anchorEl: m = null,
   className: y,
-  children: p,
+  children: l,
   ...b
 }) {
-  const d = W((t) => t.menu.base), M = s || "div", n = 16, e = L(null), I = L({
+  const M = W((t) => t.menu.base), d = s || "ul", n = 16, r = L(null), j = L({
     left: n,
     right: n,
     top: n
-  }), S = {
+  }), B = {
     entering: "scale-100 opacity-100",
     entered: "scale-100 opacity-100",
     exiting: "scale-90 opacity-0",
     exited: "scale-90 opacity-0",
     unmounted: ""
   }, z = C((t) => {
-    I.current = t;
+    j.current = t;
   }, []), O = C((t) => {
-    var l, g, m;
-    (l = e.current) == null || l.style.setProperty("--left", `${t.left}px`), (g = e.current) == null || g.style.setProperty("--right", `${t.right}px`), (m = e.current) == null || m.style.setProperty("--top", `${t.top}px`);
+    var c, g, p;
+    (c = r.current) == null || c.style.setProperty("--left", `${t.left}px`), (g = r.current) == null || g.style.setProperty("--right", `${t.right}px`), (p = r.current) == null || p.style.setProperty("--top", `${t.top}px`);
   }, []), h = C(() => {
     var R, E;
-    if (!o || !c) return;
-    const t = c.getBoundingClientRect(), l = window.innerWidth, g = window.innerHeight, m = ((R = e.current) == null ? void 0 : R.offsetWidth) || 150, j = ((E = e.current) == null ? void 0 : E.offsetHeight) || 200;
-    let x = t.left, k = t.right, v = t.bottom;
-    x = Math.min(Math.max(x, n), l - m - n), k = Math.min(
-      Math.max(l - t.right, n),
-      l - m - n
-    ), v = Math.min(Math.max(v, n), g - j - n), z({ left: x, right: k, top: v }), O({ left: x, right: k, top: v });
-  }, [o, c, z, O]), $ = () => {
+    if (!e || !m) return;
+    const t = m.getBoundingClientRect(), c = window.innerWidth, g = window.innerHeight, p = ((R = r.current) == null ? void 0 : R.offsetWidth) || 150, S = ((E = r.current) == null ? void 0 : E.offsetHeight) || 200;
+    let x = t.left, k = t.right, w = t.bottom;
+    x = Math.min(Math.max(x, n), c - p - n), k = Math.min(
+      Math.max(c - t.right, n),
+      c - p - n
+    ), w = Math.min(Math.max(w, n), g - S - n), z({ left: x, right: k, top: w }), O({ left: x, right: k, top: w });
+  }, [e, m, z, O]), I = () => {
     f || i == null || i();
   };
   return N(() => {
     h();
-  }, [h, p]), N(() => {
+  }, [h, l]), N(() => {
     const t = () => {
       h();
     };
     return window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
       window.removeEventListener("scroll", t), window.removeEventListener("resize", t);
     };
-  }, [h]), A(a, () => e.current), D("Escape", () => i == null ? void 0 : i(), { enabled: o && !f }), /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(G, { nodeRef: e, in: o, timeout: 300, unmountOnExit: !0, children: (t) => /* @__PURE__ */ r(
-    w.Provider,
+  }, [h]), q(a, () => r.current), A("Escape", () => i == null ? void 0 : i(), { enabled: e && !f }), /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(J, { nodeRef: r, in: e, timeout: 300, unmountOnExit: !0, children: (t) => /* @__PURE__ */ o(
+    v.Provider,
     {
       value: {
-        open: o,
-        onClose: $,
+        open: e,
+        onClose: I,
         transitionState: t,
         closeOnClick: u,
         preventClose: f
       },
-      children: /* @__PURE__ */ B(K, { children: [
-        /* @__PURE__ */ r(Q, {}),
-        /* @__PURE__ */ r(
-          M,
+      children: /* @__PURE__ */ $(Q, { children: [
+        /* @__PURE__ */ o(U, {}),
+        /* @__PURE__ */ o(
+          d,
           {
-            ref: e,
-            "data-open": o,
+            ref: r,
+            autoFocus: !0,
+            "data-open": e,
+            role: "menu",
             className: H(
-              "w-fit min-w-52 bg-white shadow rounded p-2 transition-[scale,opacity] absolute top-(--top) left-(--left) right-auto origin-top-left rtl:left-auto rtl:right-(--right) rtl:origin-top-right",
-              d,
-              S[t],
+              "w-fit min-w-52 bg-white shadow-lg rounded py-2 transition-[scale,opacity] absolute top-(--top) left-(--left) right-auto origin-top-left rtl:left-auto rtl:right-(--right) rtl:origin-top-right",
+              M,
+              B[t],
               y
             ),
             ...b,
-            children: p
+            children: l
           }
         )
       ] })
     }
   ) }) });
 }
-function K({ children: s }) {
-  const { transitionState: a } = P(w);
-  return /* @__PURE__ */ r(
+function Q({ children: s }) {
+  const { transitionState: a } = P(v);
+  return /* @__PURE__ */ o(
     "div",
     {
       className: H(
@@ -113,13 +116,12 @@ function K({ children: s }) {
     }
   );
 }
-function Q() {
-  const { onClose: s, preventClose: a } = P(w);
-  return /* @__PURE__ */ r(
-    "button",
+function U() {
+  const { onClose: s, preventClose: a } = P(v);
+  return /* @__PURE__ */ o(
+    "div",
     {
-      type: "button",
-      className: T(
+      className: F(
         "w-full flex-1 opacity-0 cursor-default lg:absolute lg:size-full lg:inset-0",
         a && "[&:active~*]:scale-95"
       ),
@@ -127,33 +129,36 @@ function Q() {
     }
   );
 }
-function U({
+function V({
   as: s,
   closeOnClick: a,
-  className: o,
+  className: e,
   children: i,
   onClick: u,
   ...f
 }) {
-  const c = s || "button", y = c === "button" ? "button" : void 0, p = W((e) => e.menu.item.base), { closeOnClick: b, onClose: d } = P(w), M = a ?? b, n = (e) => {
-    M && (d == null || d()), u == null || u(e);
+  const m = W((d) => d.menu.item.base), { closeOnClick: y, onClose: l } = P(v), b = a ?? y, M = (d) => {
+    b && (l == null || l()), u == null || u(d);
   };
-  return /* @__PURE__ */ r(
-    c,
+  return /* @__PURE__ */ o(
+    D,
     {
-      type: y,
+      as: s ?? "li",
+      color: "light",
+      variant: "text",
+      role: "menuitem",
       className: H(
-        "flex items-center px-3 py-2 w-full text-dark text-base font-normal rounded cursor-pointer transition-colors hover:bg-dark hover:text-white",
-        p,
-        o
+        "w-full flex items-center justify-start align-middle px-4 py-1.5 bg-transparent text-base font-normal rounded-none whitespace-nowrap transition-colors hover:bg-dark/5",
+        m,
+        e
       ),
-      onClick: n,
+      onClick: M,
       ...f,
       children: i
     }
   );
 }
-J.Item = U;
+K.Item = V;
 export {
-  J as default
+  K as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),f=require("../../helpers/cn.cjs.js"),u=require("../../hooks/useClasses.cjs.js"),l=require("react"),C=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),j=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),p=require("../Card/index.cjs.js"),h=require("../Portal/index.cjs.js"),w=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),v=l.createContext({size:"md",open:!1,onClose:()=>{},transitionState:"unmounted",duration:300});function c({as:t,ref:n,size:o="md",open:e=!1,onClose:a=()=>{},duration:i=300,preventClose:r=!1,className:b,children:y,...d}){const m=u(x=>x.modal.base),g=l.useRef(null),q=t||"div",z={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:""},M=()=>{r||a()};return l.useImperativeHandle(n,()=>g.current),C.useHotkey("Escape",()=>a(),{enabled:e&&!r}),s.jsx(h,{children:s.jsx(w.default,{nodeRef:g,in:e,timeout:i,unmountOnExit:!0,children:x=>s.jsxs(q,{ref:g,"data-open":e,style:{transitionDuration:`${i}ms`},className:j.twMerge("modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",m,z[x],b),...d,children:[s.jsx("button",{type:"button",onClick:M,className:f("absolute inset-0 cursor-default opacity-0",r&&"[&:active~*]:scale-95")}),s.jsx(v.Provider,{value:{size:o,open:e,onClose:M,transitionState:x,duration:i},children:y})]})})})}function H({className:t,children:n,...o}){const e=u(d=>d.modal.dialog),{size:a,transitionState:i,duration:r}=l.useContext(v),b={entering:"scale-100",entered:"scale-100",exiting:"scale-75",exited:"scale-75",unmounted:""},y=l.useMemo(()=>{var m;return[{sm:"min-[576px]:w-[300px]",md:"min-[576px]:w-[500px]",lg:"min-[992px]:w-[800px]"}[a],(m=e==null?void 0:e.size)==null?void 0:m[a]]},[a,e==null?void 0:e.size]);return s.jsx(p,{as:"div",style:{transitionDuration:`${r}ms`},className:j.twMerge("max-w-full max-h-full m-auto transition-transform",e==null?void 0:e.base,y,b[i],t),...o,children:n})}function N({className:t,...n}){const o=u(e=>e.modal.header.base);return s.jsx(p.Header,{className:f(o,t),...n})}function S({className:t,...n}){const o=u(e=>e.modal.body.base);return s.jsx(p.Body,{className:f(o,t),...n})}function k({className:t,...n}){const o=u(e=>e.modal.footer.base);return s.jsx(p.Footer,{className:f(o,t),...n})}c.Dialog=H;c.Header=N;c.Body=S;c.Footer=k;exports.ModalContext=v;exports.default=c;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("../../helpers/cn.cjs.js"),u=require("../../hooks/useClasses.cjs.js"),l=require("react"),C=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),j=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),p=require("../Card/index.cjs.js"),h=require("../Portal/index.cjs.js"),w=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),g=l.createContext({size:"md",open:!1,onClose:()=>{},transitionState:"unmounted",duration:300});function c({as:t,ref:n,size:s="md",open:e=!1,onClose:a=()=>{},duration:i=300,preventClose:r=!1,className:b,children:y,...d}){const m=u(x=>x.modal.base),v=l.useRef(null),q=t||"div",z={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:""},M=()=>{r||a()};return l.useImperativeHandle(n,()=>v.current),C.useHotkey("Escape",()=>a(),{enabled:e&&!r}),o.jsx(h,{children:o.jsx(w.default,{nodeRef:v,in:e,timeout:i,unmountOnExit:!0,children:x=>o.jsxs(q,{ref:v,"data-open":e,style:{transitionDuration:`${i}ms`},className:j.twMerge("modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",m,z[x],b),...d,children:[o.jsx("div",{onClick:M,className:f("absolute inset-0 cursor-default opacity-0",r&&"[&:active~*]:scale-95")}),o.jsx(g.Provider,{value:{size:s,open:e,onClose:M,transitionState:x,duration:i},children:y})]})})})}function H({className:t,children:n,...s}){const e=u(d=>d.modal.dialog),{size:a,transitionState:i,duration:r}=l.useContext(g),b={entering:"scale-100",entered:"scale-100",exiting:"scale-75",exited:"scale-75",unmounted:""},y=l.useMemo(()=>{var m;return[{sm:"min-[576px]:w-[300px]",md:"min-[576px]:w-[500px]",lg:"min-[992px]:w-[800px]"}[a],(m=e==null?void 0:e.size)==null?void 0:m[a]]},[a,e==null?void 0:e.size]);return o.jsx(p,{as:"div",style:{transitionDuration:`${r}ms`},className:j.twMerge("max-w-full max-h-full m-auto transition-transform",e==null?void 0:e.base,y,b[i],t),...s,children:n})}function N({className:t,...n}){const s=u(e=>e.modal.header.base);return o.jsx(p.Header,{className:f(s,t),...n})}function S({className:t,...n}){const s=u(e=>e.modal.body.base);return o.jsx(p.Body,{className:f(s,t),...n})}function k({className:t,...n}){const s=u(e=>e.modal.footer.base);return o.jsx(p.Footer,{className:f(s,t),...n})}c.Dialog=H;c.Header=N;c.Body=S;c.Footer=k;exports.ModalContext=g;exports.default=c;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAIlE,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKtE,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,EAAE,gBAAgB,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;AAChB,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AACzB,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AAClE,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9C,KAAK,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC5C,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,YAAY,kCAMvB,CAAC;AAEH,iBAAS,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC5C,EAAE,EACF,GAAG,EACH,IAAW,EACX,IAAY,EACZ,OAAkB,EAClB,QAAc,EACd,YAAoB,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,2CAyDrC;kBApEQ,KAAK;;;;;;AAqEd,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAkCvE;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAG7D;AACD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAGzD;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAG7D;AAOD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAIlE,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKtE,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,EAAE,gBAAgB,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;AAChB,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AACzB,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AAClE,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9C,KAAK,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC5C,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,YAAY,kCAMvB,CAAC;AAEH,iBAAS,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC5C,EAAE,EACF,GAAG,EACH,IAAW,EACX,IAAY,EACZ,OAAkB,EAClB,QAAc,EACd,YAAoB,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,2CAwDrC;kBAnEQ,KAAK;;;;;;AAoEd,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAkCvE;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAG7D;AACD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAGzD;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAG7D;AAOD,eAAe,KAAK,CAAC"}

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

@@ -26,10 +26,10 @@ function p({
   duration: i = 300,
   preventClose: r = !1,
   className: x,
-  children: b,
+  children: y,
   ...m
 }) {
-  const c = l((d) => d.modal.base), y = w(null), C = t || "div", M = {
+  const c = l((d) => d.modal.base), b = w(null), C = t || "div", M = {
     entering: "active opacity-100 pointer-events-auto",
     entered: "active opacity-100 pointer-events-auto",
     exiting: "opacity-0 pointer-events-none",
@@ -38,10 +38,10 @@ function p({
   }, v = () => {
     r || s();
   };
-  return H(o, () => y.current), S("Escape", () => s(), { enabled: e && !r }), /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(F, { nodeRef: y, in: e, timeout: i, unmountOnExit: !0, children: (d) => /* @__PURE__ */ h(
+  return H(o, () => b.current), S("Escape", () => s(), { enabled: e && !r }), /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(F, { nodeRef: b, in: e, timeout: i, unmountOnExit: !0, children: (d) => /* @__PURE__ */ h(
     C,
     {
-      ref: y,
+      ref: b,
       "data-open": e,
       style: { transitionDuration: `${i}ms` },
       className: g(
@@ -53,9 +53,8 @@ function p({
       ...m,
       children: [
         /* @__PURE__ */ a(
-          "button",
+          "div",
           {
-            type: "button",
             onClick: v,
             className: u(
               "absolute inset-0 cursor-default opacity-0",
@@ -73,7 +72,7 @@ function p({
               transitionState: d,
               duration: i
             },
-            children: b
+            children: y
           }
         )
       ]
@@ -87,7 +86,7 @@ function R({ className: t, children: o, ...n }) {
     exiting: "scale-75",
     exited: "scale-75",
     unmounted: ""
-  }, b = D(() => {
+  }, y = D(() => {
     var c;
     return [{
       sm: "min-[576px]:w-[300px]",
@@ -103,7 +102,7 @@ function R({ className: t, children: o, ...n }) {
       className: g(
         "max-w-full max-h-full m-auto transition-transform",
         e == null ? void 0 : e.base,
-        b,
+        y,
         x[i],
         t
       ),