prometeo-design-system 4.6.2 → 4.6.3

package/dist/DrawerDesktop.es.js

@@ -1,14 +1,14 @@
-import { j as f } from "./jsx-runtime-GkKLlHH4.js";
+import { j as m } from "./jsx-runtime-GkKLlHH4.js";
 import { c as R } from "./cn-B6yFEsav.js";
 import { c as j } from "./index-BOQuZ0gG.js";
 import { createPortal as B } from "react-dom";
-import { forwardRef as L, useRef as m, useState as v, useEffect as a, useCallback as x, useImperativeHandle as Y } from "react";
+import { forwardRef as L, useRef as p, useState as v, useEffect as a, useCallback as x, useImperativeHandle as Y } from "react";
 import F from "./Button.es.js";
 import { Close as H } from "./Icons/Close.es.js";
 const $ = L((t, i) => {
-  const l = m(null), [e, u] = v(t.defaultOpen || !1), [r, s] = v(null), d = m(t.onClose), c = m(r), p = m(/* @__PURE__ */ new Set()), {
-    modal: b = !1,
-    children: y,
+  const l = p(null), [e, u] = v(t.defaultOpen || !1), [r, s] = v(null), d = p(t.onClose), c = p(r), b = p(/* @__PURE__ */ new Set()), {
+    modal: y = !1,
+    children: f,
     className: g,
     direction: O = "left",
     attachToParent: h = !1,
@@ -16,7 +16,7 @@ const $ = L((t, i) => {
     hideCloseButton: N = !1,
     unmountChildrenOnClose: C = !1,
     zindex: T = 499
-  } = t, k = m(n), D = m(e);
+  } = t, k = p(n), D = p(e);
   c.current = r;
   const [V, P] = v(() => !C);
   a(() => {
@@ -28,31 +28,31 @@ const $ = L((t, i) => {
   }, [r]), a(() => {
     k.current = n;
   }, [n]);
-  const z = (o) => {
+  const I = (o) => {
     if (!l.current)
       return;
     const E = l.current;
     E && !E.contains(o.target) && k.current && D.current && w();
   };
   a(() => {
-    if (!k.current || b || !e)
+    if (!k.current || y || !e)
       return;
     const o = setTimeout(() => {
-      document.addEventListener("click", z);
+      document.addEventListener("click", I);
     }, 0);
     return () => {
-      clearTimeout(o), document.removeEventListener("click", z);
+      clearTimeout(o), document.removeEventListener("click", I);
     };
-  }, [n, e, b]), a(() => {
+  }, [n, e, y]), a(() => {
     d.current = t.onClose;
   }, [t.onClose]);
-  const I = x((o) => {
+  const z = x((o) => {
     s(o ?? null), u(!0);
   }, []), w = x(() => {
     u(!1), d.current?.(c.current), setTimeout(() => s(null), 300);
   }, []);
   a(() => {
-    p.current.forEach((o) => {
+    b.current.forEach((o) => {
       try {
         o(e);
       } catch {
@@ -61,17 +61,17 @@ const $ = L((t, i) => {
   }, [e]), Y(
     i,
     () => ({
-      open: I,
+      open: z,
       close: w,
       isOpen: e,
-      subscribeOpenChange: (o) => (p.current.add(o), () => {
-        p.current.delete(o);
+      subscribeOpenChange: (o) => (b.current.add(o), () => {
+        b.current.delete(o);
       }),
       getContext: () => c.current
     }),
-    [e, I, w]
+    [e, z, w]
   );
-  const S = /* @__PURE__ */ f.jsx(
+  const S = /* @__PURE__ */ m.jsx(
     q,
     {
       context: r,
@@ -79,13 +79,13 @@ const $ = L((t, i) => {
       isOpen: e,
       close: w,
       direction: O,
-      modal: b,
+      modal: y,
       className: g,
       attachToParent: h,
       closeOnOverlayClick: n,
       hideCloseButton: N,
       zindex: T,
-      children: (!C || V) && (typeof y == "function" ? y(r) : y)
+      children: (!C || V) && (typeof f == "function" ? f(r) : f)
     }
   );
   return h ? S : B(S, document.body);
@@ -101,9 +101,9 @@ const q = ({
   className: s,
   attachToParent: d = !1,
   closeOnOverlayClick: c = !1,
-  hideCloseButton: p = !1,
-  context: b,
-  zindex: y = 499
+  hideCloseButton: b = !1,
+  context: y,
+  zindex: f = 499
 }) => {
   a(() => {
     if (e && r) {
@@ -142,19 +142,19 @@ const q = ({
       }
     }
   });
-  return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
-    r && /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+    r && /* @__PURE__ */ m.jsx(
       "div",
       {
         className: R(O({ isOpen: e })),
-        style: { zIndex: y },
+        style: { zIndex: f },
         onClick: (n) => {
           n.preventDefault(), n.stopPropagation(), c && u();
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ f.jsxs(
+    /* @__PURE__ */ m.jsxs(
       "div",
       {
         ref: t,
@@ -162,16 +162,17 @@ const q = ({
           "bg-neutral-strong-default h-full top-0 z-60 w-max overflow-y-auto",
           d ? "absolute" : "fixed",
           g({ isOpen: e, direction: l }),
-          !p && "p-4 pt-10",
+          !b && "p-4 pt-10",
           s
         ),
         role: "dialog",
         "aria-modal": r,
+        style: { zIndex: f + 1 },
         children: [
-          !p && /* @__PURE__ */ f.jsx(
+          !b && /* @__PURE__ */ m.jsx(
             F,
             {
-              icon: /* @__PURE__ */ f.jsx(H, { size: 24 }),
+              icon: /* @__PURE__ */ m.jsx(H, { size: 24 }),
               animate: !1,
               animateIcon: !1,
               type: "button",
@@ -184,16 +185,17 @@ const q = ({
                 "absolute top-0 z-50",
                 h({ direction: l })
               ),
-              "aria-label": "Close drawer"
+              "aria-label": "Close drawer",
+              style: { zIndex: f + 2 }
             }
           ),
-          typeof i == "function" ? i(b) : i
+          typeof i == "function" ? i(y) : i
         ]
       }
     )
   ] });
 }, W = () => {
-  const t = m(null), [i, l] = v(!1), e = x((s) => {
+  const t = p(null), [i, l] = v(!1), e = x((s) => {
     t.current?.open(s);
   }, []), u = x(() => {
     t.current?.close();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "4.6.2",
+  "version": "4.6.3",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",