@yuno-payments/dashboard-design-system 0.0.101 → 0.0.102

package/dist/components/organisms/sheet/sheet.js

@@ -1,13 +1,14 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import * as i from "react";
+import { createPortal as H } from "react-dom";
 import { cva as g } from "../../../node_modules/class-variance-authority/dist/index.js";
 import { normalizeDimension as p, cn as r } from "../../../lib/utils.js";
-import { useBodyScrollLock as H } from "../../../hooks/use-body-scroll-lock.js";
-import { useEscapeKey as M } from "../../../hooks/use-escape-key.js";
+import { useBodyScrollLock as M } from "../../../hooks/use-body-scroll-lock.js";
+import { useEscapeKey as R } from "../../../hooks/use-escape-key.js";
 import { Typography as x } from "../../atoms/typography/typography.js";
 import { Button as b } from "../../atoms/button/button.js";
-import { Icon as R } from "../../atoms/icon/icon.js";
-const W = g(
+import { Icon as W } from "../../atoms/icon/icon.js";
+const D = g(
   "fixed z-50 bg-background shadow-lg transition-transform duration-300 ease-in-out",
   {
     variants: {
@@ -37,7 +38,7 @@ const W = g(
       isOpen: !1
     }
   }
-), C = g(
+), F = g(
   "fixed inset-0 z-50 bg-black/50 transition-opacity duration-300",
   {
     variants: {
@@ -50,10 +51,10 @@ const W = g(
       isOpen: !1
     }
   }
-), D = i.forwardRef(
+), K = i.forwardRef(
   ({
     className: y,
-    side: t = "right",
+    side: s = "right",
     title: l,
     description: o,
     open: a,
@@ -71,26 +72,25 @@ const W = g(
     ...V
   }, E) => {
     const [I, f] = i.useState(!1), [u, h] = i.useState(!1);
-    if (H(a), M(a, n), i.useEffect(() => {
+    if (M(a), R(a, n), i.useEffect(() => {
       if (a) {
         f(!0);
-        const s = setTimeout(() => h(!0), 10);
-        return () => clearTimeout(s);
+        const t = setTimeout(() => h(!0), 10);
+        return () => clearTimeout(t);
       } else {
         h(!1);
-        const s = setTimeout(() => f(!1), 300);
-        return () => clearTimeout(s);
+        const t = setTimeout(() => f(!1), 300);
+        return () => clearTimeout(t);
       }
     }, [a]), !I) return null;
     const d = p(j), m = p(v), A = {
-      ...d && (t === "left" || t === "right") ? { width: d, maxWidth: d } : {},
-      ...m && (t === "top" || t === "bottom") ? { height: m, maxHeight: m } : {}
-    };
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      ...d && (s === "left" || s === "right") ? { width: d, maxWidth: d } : {},
+      ...m && (s === "top" || s === "bottom") ? { height: m, maxHeight: m } : {}
+    }, B = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: C({ isOpen: u }),
+          className: F({ isOpen: u }),
           onClick: n,
           "aria-hidden": "true"
         }
@@ -99,7 +99,7 @@ const W = g(
         "div",
         {
           ref: E,
-          className: r(W({ side: t, isOpen: u }), y),
+          className: r(D({ side: s, isOpen: u }), y),
           style: A,
           role: "dialog",
           "aria-modal": "true",
@@ -144,7 +144,7 @@ const W = g(
                       onClick: n,
                       "aria-label": "Close",
                       className: "h-6 w-6",
-                      children: /* @__PURE__ */ e.jsx(R, { name: "X", size: "md" })
+                      children: /* @__PURE__ */ e.jsx(W, { name: "X", size: "md" })
                     }
                   )
                 ]
@@ -158,13 +158,13 @@ const W = g(
                   "flex items-center justify-end gap-3 border-t border-border p-6",
                   z
                 ),
-                children: c.map((s, B) => /* @__PURE__ */ e.jsx(
+                children: c.map((t, C) => /* @__PURE__ */ e.jsx(
                   b,
                   {
-                    disabled: T || s.disabled,
-                    ...s
+                    disabled: T || t.disabled,
+                    ...t
                   },
-                  B
+                  C
                 ))
               }
             )
@@ -172,9 +172,10 @@ const W = g(
         }
       )
     ] });
+    return H(B, document.body);
   }
 );
-D.displayName = "Sheet";
+K.displayName = "Sheet";
 export {
-  D as Sheet
+  K as Sheet
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/dashboard-design-system",
-  "version": "0.0.101",
+  "version": "0.0.102",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",