prometeo-design-system 2.6.4 → 2.6.6

package/dist/Avatar.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { c as p } from "./cn-B6yFEsav.js";
 import { motion as u } from "framer-motion";
 import { useState as f } from "react";

package/dist/{Button-Bc0LYLfg.js → Button-DsbEyjth.js}

@@ -1,4 +1,4 @@
-import { j as f } from "./jsx-runtime-ByW6EXIE.js";
+import { j as f } from "./jsx-runtime-DKDX3adD.js";
 import { c as g } from "./cn-B6yFEsav.js";
 import { clsx as B } from "clsx";
 import { useAnimationControls as E, motion as j } from "framer-motion";

package/dist/Button.es.js

@@ -1,4 +1,4 @@
-import { B as f } from "./Button-Bc0LYLfg.js";
+import { B as f } from "./Button-DsbEyjth.js";
 export {
   f as default
 };

package/dist/{CardProfile-DA-HDUpi.js → CardProfile-DV3gwvqE.js}

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import { motion as i, AnimatePresence as u } from "framer-motion";
 import m from "./Avatar.es.js";

package/dist/CardProfile.es.js

@@ -1,4 +1,4 @@
-import { C as a } from "./CardProfile-DA-HDUpi.js";
+import { C as a } from "./CardProfile-DV3gwvqE.js";
 export {
   a as CardProfile
 };

package/dist/CheckBox.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-ByW6EXIE.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as x } from "./Icons.es.js";
 import { memo as b, useId as n, useRef as m, useCallback as k } from "react";
 const s = ({ className: c, disabled: e, ...t }) => {

package/dist/CheckboxFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as x } from "./Icons.es.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useField as h, ErrorMessage as p } from "formik";

package/dist/DatePicker.es.js

@@ -1,11 +1,11 @@
-import { j as q } from "./jsx-runtime-ByW6EXIE.js";
+import { j as q } from "./jsx-runtime-DKDX3adD.js";
 import m, { createContext as mn, useContext as hn, useCallback as R, useRef as Se, useLayoutEffect as yn, useState as he, useEffect as _e, useMemo as fe, memo as pn } from "react";
 import { InputMultiple as gn } from "./InputMultiple.es.js";
-import { I as wn } from "./Input-BsGk4qj1.js";
+import { I as wn } from "./Input-i6OzjjFo.js";
 import { createPortal as bn } from "react-dom";
 import { Icons as Mt } from "./Icons.es.js";
 import { c as Be } from "./cn-B6yFEsav.js";
-import { B as vt } from "./Button-Bc0LYLfg.js";
+import { B as vt } from "./Button-DsbEyjth.js";
 function Mn(e, t, n = "long") {
   return new Intl.DateTimeFormat("en-US", {
     // Enforces engine to render the time. Without the option JavaScriptCore omits it.

package/dist/DialogModal.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-ByW6EXIE.js";
+import { j as o } from "./jsx-runtime-DKDX3adD.js";
 import { forwardRef as h, memo as s, useState as D, useRef as p, useCallback as n, useImperativeHandle as R } from "react";
 import { c as j } from "./cn-B6yFEsav.js";
 const C = h(

package/dist/DrawerDesktop.es.js

@@ -1,57 +1,83 @@
-import { j as s } from "./jsx-runtime-ByW6EXIE.js";
-import { c as b } from "./cn-B6yFEsav.js";
-import { c as y, B as h } from "./Button-Bc0LYLfg.js";
-import { createPortal as g } from "react-dom";
-import { Icons as C } from "./Icons.es.js";
-import { forwardRef as k, useState as j, useRef as x, useEffect as v, useCallback as l, useImperativeHandle as D } from "react";
-const O = k((e, a) => {
-  const [t, n] = j(e.defaultOpen || !1), o = x(e.onClose), {
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { c as h } from "./cn-B6yFEsav.js";
+import { c as k, B as E } from "./Button-DsbEyjth.js";
+import { createPortal as I } from "react-dom";
+import { Icons as V } from "./Icons.es.js";
+import { forwardRef as B, useRef as i, useState as N, useEffect as u, useCallback as d, useImperativeHandle as P } from "react";
+const L = B((t, f) => {
+  const n = i(null), [e, s] = N(t.defaultOpen || !1), [r, b] = N(null), x = i(t.onClose), l = i(r), {
     modal: c = !1,
-    children: d,
-    className: u,
-    direction: f = "left",
-    attachToParent: i = !1,
-    closeOnOverlayClick: p = !1
-  } = e;
-  v(() => {
-    o.current = e.onClose;
-  }, [e.onClose]);
-  const r = l(() => {
-    n(!0);
-  }, []), m = l(() => {
-    n(!1), o.current?.();
+    children: v,
+    className: w,
+    direction: C = "left",
+    attachToParent: o = !1,
+    closeOnOverlayClick: m = !1,
+    hideCloseButton: T = !1
+  } = t, g = i(m), O = i(e);
+  l.current = r, u(() => {
+    O.current = e;
+  }, [e]), u(() => {
+    l.current = r;
+  }, [r]), u(() => {
+    g.current = m;
+  }, [m]);
+  const R = (p) => {
+    if (!n.current)
+      return;
+    const z = n.current;
+    z && !z.contains(p.target) && g.current && O.current && y();
+  };
+  u(() => {
+    if (!g.current || c || !e)
+      return;
+    const p = setTimeout(() => {
+      document.addEventListener("click", R);
+    }, 0);
+    return () => {
+      clearTimeout(p), document.removeEventListener("click", R);
+    };
+  }, [m, e, c]), u(() => {
+    x.current = t.onClose;
+  }, [t.onClose]);
+  const j = d((p) => {
+    b(p ?? null), s(!0);
+  }, []), y = d(() => {
+    s(!1), x.current?.(l.current), setTimeout(() => b(null), 300);
   }, []);
-  D(a, () => ({
-    open: r,
-    close: m,
-    isOpen: t
-  }), [t, r, m]);
-  const w = /* @__PURE__ */ s.jsx(
-    z,
+  P(f, () => ({
+    open: j,
+    close: y,
+    isOpen: e,
+    getContext: () => l.current
+  }), [e, j, y]);
+  const D = /* @__PURE__ */ a.jsx(
+    Y,
     {
-      isOpen: t,
-      close: m,
-      direction: f,
+      ref: n,
+      isOpen: e,
+      close: y,
+      direction: C,
       modal: c,
-      className: u,
-      attachToParent: i,
-      closeOnOverlayClick: p,
-      children: d
+      className: w,
+      attachToParent: o,
+      closeOnOverlayClick: m,
+      hideCloseButton: T,
+      children: v
     }
   );
-  return i ? w : g(w, document.body);
+  return o ? D : I(D, document.body);
 });
-O.displayName = "DrawerDesktopV2";
-const z = ({ children: e, direction: a = "left", isOpen: t, close: n, modal: o = !1, className: c, attachToParent: d = !1, closeOnOverlayClick: u = !1 }) => {
-  v(() => {
-    if (t && o) {
-      const r = window.scrollY;
-      return document.body.style.position = "fixed", document.body.style.top = `-${r}px`, document.body.style.width = "100%", () => {
-        document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, r);
+L.displayName = "DrawerDesktopV2";
+const Y = ({ ref: t, children: f, direction: n = "left", isOpen: e, close: s, modal: r = !1, className: b, attachToParent: x = !1, closeOnOverlayClick: l = !1, hideCloseButton: c = !1 }) => {
+  u(() => {
+    if (e && r) {
+      const o = window.scrollY;
+      return document.body.style.position = "fixed", document.body.style.top = `-${o}px`, document.body.style.width = "100%", () => {
+        document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, o);
       };
     }
-  }, [t, o]);
-  const f = y("border-neutral-strong-default", {
+  }, [e, r]);
+  const v = k("border-neutral-strong-default", {
     variants: {
       isOpen: {
         true: "desktop-drawer-visible",
@@ -62,14 +88,14 @@ const z = ({ children: e, direction: a = "left", isOpen: t, close: n, modal: o =
         right: "right-0 border-l-[1px] border-r-0"
       }
     }
-  }), i = y("fixed inset-0 bg-black/60 z-[55] cursor-default", {
+  }), w = k("fixed inset-0 bg-black/60 z-[55] cursor-default", {
     variants: {
       isOpen: {
         true: "drawer-overlay-visible",
         false: "drawer-overlay-hidden"
       }
     }
-  }), p = y("", {
+  }), C = k("", {
     variants: {
       direction: {
         left: "right-0",
@@ -77,66 +103,69 @@ const z = ({ children: e, direction: a = "left", isOpen: t, close: n, modal: o =
       }
     }
   });
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    o && /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    r && /* @__PURE__ */ a.jsx(
       "div",
       {
-        className: b(i({ isOpen: t })),
-        onClick: (r) => {
-          r.preventDefault(), r.stopPropagation(), u && n();
+        className: h(w({ isOpen: e })),
+        onClick: (o) => {
+          o.preventDefault(), o.stopPropagation(), l && s();
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ s.jsxs(
+    /* @__PURE__ */ a.jsxs(
       "div",
       {
-        className: b(
-          "bg-neutral-strong-default p-4 pt-10 h-full top-0 z-60 w-max overflow-y-auto",
-          d ? "absolute" : "fixed",
-          f({ isOpen: t, direction: a }),
-          c
+        ref: t,
+        className: h(
+          "bg-neutral-strong-default h-full top-0 z-60 w-max overflow-y-auto",
+          x ? "absolute" : "fixed",
+          v({ isOpen: e, direction: n }),
+          !c && "p-4 pt-10",
+          b
         ),
         role: "dialog",
-        "aria-modal": o,
+        "aria-modal": r,
         children: [
-          /* @__PURE__ */ s.jsx(
-            h,
+          !c && /* @__PURE__ */ a.jsx(
+            E,
             {
-              icon: /* @__PURE__ */ s.jsx(C.Close, { size: 24 }),
+              icon: /* @__PURE__ */ a.jsx(V.Close, { size: 24 }),
               animate: !1,
               type: "button",
               size: "small",
               variant: "text",
-              onClick: n,
+              onClick: s,
               label: "",
               color: "secondary",
-              className: b(
+              className: h(
                 "absolute top-0 z-50",
-                p({ direction: a })
+                C({ direction: n })
               ),
               "aria-label": "Close drawer"
             }
           ),
-          e
+          f
         ]
       }
     )
   ] });
-}, E = () => {
-  const e = x(null), a = l(() => {
-    e.current?.open();
-  }, []), t = l(() => {
-    e.current?.close();
-  }, []);
+}, G = () => {
+  const t = i(null), f = d((r) => {
+    t.current?.open(r);
+  }, []), n = d(() => {
+    t.current?.close();
+  }, []), e = d(() => t.current?.isOpen ?? !1, []), s = d(() => t.current?.getContext() ?? null, []);
   return {
-    isOpen: l(() => e.current?.isOpen ?? !1, []),
-    open: a,
-    close: t,
-    drawerRef: e
+    isOpen: e,
+    open: f,
+    close: n,
+    drawerRef: t,
+    getContext: s
   };
 };
 export {
-  O as default,
-  E as useDrawerDesktop
+  L as default,
+  G as useDrawerDesktop
 };