prometeo-design-system 2.5.1 → 2.5.3

package/dist/{CardProfile-Fn44kEnM.js → CardProfile-DV3gwvqE.js}

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { c as i } from "./cn-B6yFEsav.js";
-import { motion as l, AnimatePresence as u } from "framer-motion";
+import { c as l } from "./cn-B6yFEsav.js";
+import { motion as i, AnimatePresence as u } from "framer-motion";
 import m from "./Avatar.es.js";
 import { Icons as s } from "./Icons.es.js";
 function f({
@@ -29,13 +29,13 @@ function f({
     r._id
   )) });
 }
-const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex  rounded-md text-white-prometeo overflow-hidden flex-shrink-0 w-full min-w-0 ", children: t }), h = ({
+const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex  rounded-md text-white-prometeo overflow-hidden shrink-0 w-full min-w-0 ", children: t }), h = ({
   isExpanded: t,
   sessions: a,
   onClickLogout: r,
   handleTokenLogin: n
 }) => /* @__PURE__ */ e.jsx(u, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
-  l.div,
+  i.div,
   {
     initial: { height: 0, opacity: 0 },
     animate: {
@@ -61,7 +61,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     className: "overflow-hidden",
     children: [
       /* @__PURE__ */ e.jsx(
-        l.div,
+        i.div,
         {
           className: "flex justify-center items-center w-full mt-4",
           exit: {
@@ -74,12 +74,12 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
               ease: "easeInOut"
             }
           },
-          children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border-1 w-full" })
+          children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
         }
       ),
       a && a.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          l.div,
+          i.div,
           {
             className: "mt-4",
             exit: {
@@ -96,7 +96,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           }
         ),
         /* @__PURE__ */ e.jsx(
-          l.div,
+          i.div,
           {
             className: "mt-4 overflow-hidden w-full  ",
             exit: {
@@ -122,7 +122,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           }
         ),
         /* @__PURE__ */ e.jsx(
-          l.div,
+          i.div,
           {
             className: "flex justify-center items-center w-full mt-4",
             exit: {
@@ -135,12 +135,12 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
                 ease: "easeInOut"
               }
             },
-            children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border-1 w-full" })
+            children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs(
-        l.button,
+        i.button,
         {
           onClick: r,
           className: "flex flex-1 h-12 w-full gap-1 rounded-md cursor-pointer mt-4 mb-4 px-2 items-center overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile",
@@ -184,10 +184,10 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
   cardProfile: d,
   onClick: c
 }) => /* @__PURE__ */ e.jsxs(
-  l.button,
+  i.button,
   {
     onClick: c,
-    className: i(
+    className: l(
       "flex flex-1 gap-1 rounded-l-md cursor-pointer relative overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile h-12",
       t && "bg-neutral-medium-selected"
     ),
@@ -203,7 +203,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
         /* @__PURE__ */ e.jsx(
           "p",
           {
-            className: i(
+            className: l(
               "profile-name font-semibold leading-tight mb-0 text-left",
               t ? "text-primary-default-default" : "text-neutral-default-default"
             ),
@@ -214,7 +214,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           /* @__PURE__ */ e.jsx(
             "p",
             {
-              className: i(
+              className: l(
                 "profile-options truncate text-xs mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
@@ -224,7 +224,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           /* @__PURE__ */ e.jsx(
             "p",
             {
-              className: i(
+              className: l(
                 "profile-options truncate font-bold mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
@@ -234,7 +234,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           /* @__PURE__ */ e.jsx(
             "p",
             {
-              className: i(
+              className: l(
                 "profile-options truncate text-xs mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
@@ -246,7 +246,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     ]
   }
 ), g = () => /* @__PURE__ */ e.jsx("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), v = ({ isExpanded: t, onClick: a }) => /* @__PURE__ */ e.jsx(
-  l.button,
+  i.button,
   {
     onClick: a,
     className: "flex items-center justify-center p-3 rounded-r-md cursor-pointer relative overflow-hidden focus:outline-none min-w-[50px] hover:bg-neutral-medium-selected button-content-chevron",
@@ -256,12 +256,12 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     title: t ? "Ocultar opciones" : "Mostrar opciones",
     "aria-label": t ? "Ocultar opciones" : "Mostrar opciones",
     children: /* @__PURE__ */ e.jsx(
-      l.div,
+      i.div,
       {
         animate: { rotate: t ? 180 : 0 },
         transition: { duration: 0.3, ease: "easeOut" },
         className: "relative button-select-crevron",
-        children: /* @__PURE__ */ e.jsx(l.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(s.ChevronDown, { size: 20, className: "text-prometeo-neutral " }) })
+        children: /* @__PURE__ */ e.jsx(i.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(s.ChevronDown, { size: 20, className: "text-prometeo-neutral " }) })
       }
     )
   }

package/dist/CardProfile.es.js

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

package/dist/DatePicker.es.js

@@ -1,7 +1,7 @@
 import { j as $ } from "./jsx-runtime-DKDX3adD.js";
 import m, { createContext as mn, useContext as hn, useCallback as q, 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-Bhd0bmVq.js";
+import { I as wn } from "./Input-PNwH7rb6.js";
 import { createPortal as bn } from "react-dom";
 import { Icons as Mt } from "./Icons.es.js";
 import { c as Be } from "./cn-B6yFEsav.js";

package/dist/DrawerMobile.es.js

@@ -1,68 +1,69 @@
-import { j as d } from "./jsx-runtime-DKDX3adD.js";
-import { c as T } from "./cn-B6yFEsav.js";
-import { forwardRef as q, useState as J, useRef as v, useEffect as M, useCallback as l, useMemo as B, useImperativeHandle as K } from "react";
+import { j as g } from "./jsx-runtime-DKDX3adD.js";
+import { c as G } from "./cn-B6yFEsav.js";
+import { forwardRef as J, useState as _, useRef as h, useEffect as F, useCallback as c, useMemo as q, useImperativeHandle as K } from "react";
 import { createPortal as Q } from "react-dom";
-const G = 44, U = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ee = q((a, o) => {
-  const { children: p, defaultOpen: s = !1, onClose: f, snapPoints: m = ["60%"], setSnap: y, snap: w, attachToParent: R = !1 } = a, [H, r] = J(w || "0%"), j = v(f), S = v(y);
-  M(() => {
-    s && g();
-  }, [s]), M(() => {
-    S.current = y;
-  }, [y]);
-  const u = l(() => {
-    r("0%"), j.current?.();
-  }, []), g = l((E) => {
-    console.log(E || m[0] || "60%"), r(E || m[0] || "60%");
-  }, [m]), x = B(() => H !== "0%", [H]);
+const W = 44, U = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ee = J((a, o) => {
+  const { children: x, defaultOpen: s = !1, onClose: f, snapPoints: d = ["60%"], setSnap: v, snap: w, attachToParent: O = !1 } = a, [E, r] = _(w || "0%"), [C, Y] = _(null), u = h(f), p = h(v), b = h(C);
+  u.current = f, b.current = C, F(() => {
+    s && H();
+  }, [s]), F(() => {
+    p.current = v;
+  }, [v]);
+  const M = c(() => {
+    r("0%"), u.current?.(b.current), setTimeout(() => Y(null), 300);
+  }, []), H = c((L, R) => {
+    console.log(L || d[0] || "60%"), r(L || d[0] || "60%"), Y(R ?? null);
+  }, [d]), S = q(() => E !== "0%", [E]);
   K(o, () => ({
-    open: g,
-    close: u,
-    isOpen: x
-  }), [g, u, x]);
-  const D = w || H;
-  return R ? /* @__PURE__ */ d.jsx(_, { ...a, snap: D, setSnap: r, children: p }) : Q(/* @__PURE__ */ d.jsx(_, { ...a, snap: D, setSnap: r, children: p }), document.body);
-}), _ = ({ children: a, attachToParent: o = !1, className: p, snap: s, snapPoints: f = ["60%"], setSnap: m, hideOnClose: y = !1, header: w, modal: R = !1, closeOnOverlayClick: H = !1 }) => {
-  const r = v(null), j = v(null), S = v(null), u = v(null), g = v(null), x = l(() => {
+    open: H,
+    close: M,
+    isOpen: S,
+    getContext: () => b.current
+  }), [H, M, S]);
+  const y = w || E;
+  return O ? /* @__PURE__ */ g.jsx(B, { ...a, snap: y, setSnap: r, children: x }) : Q(/* @__PURE__ */ g.jsx(B, { ...a, snap: y, setSnap: r, children: x }), document.body);
+}), B = ({ children: a, attachToParent: o = !1, className: x, snap: s, snapPoints: f = ["60%"], setSnap: d, hideOnClose: v = !1, header: w, modal: O = !1, closeOnOverlayClick: E = !1 }) => {
+  const r = h(null), C = h(null), Y = h(null), u = h(null), p = h(null), b = c(() => {
     if (!r.current) return [];
     console.log(f, "snapPoints");
     const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
     return f?.map((t) => typeof t == "string" && t.endsWith("%") ? parseFloat(t) > 100 ? e : parseFloat(t) / 100 * e : typeof t == "string" && t.endsWith("px") ? parseFloat(t) : typeof t == "number" && t >= 0 && t <= 1 ? t * e : typeof t == "number" ? t : 0) || [];
-  }, [f, o]), D = l((e, t) => {
-    const n = x();
+  }, [f, o]), M = c((e, t) => {
+    const n = b();
     if (n.length === 0) return e;
     if (Math.abs(t) > 0.05)
       if (t > 0) {
-        const c = n.filter((i) => i < e);
-        return c.length > 0 ? Math.max(...c) : y ? 0 : G;
+        const l = n.filter((i) => i < e);
+        return l.length > 0 ? Math.max(...l) : v ? 0 : W;
       } else {
-        const c = n.filter((i) => i > e);
-        if (c.length > 0)
-          return Math.min(...c);
+        const l = n.filter((i) => i > e);
+        if (l.length > 0)
+          return Math.min(...l);
       }
-    return n.reduce((c, i) => Math.abs(i - e) < Math.abs(c - e) ? i : c);
-  }, [x]), F = l((e) => {
-    if (m && f) {
-      const t = o && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= G ? "0%" : `${Math.round(e / t * 100)}%`;
-      m(n);
+    return n.reduce((l, i) => Math.abs(i - e) < Math.abs(l - e) ? i : l);
+  }, [b]), H = c((e) => {
+    if (d && f) {
+      const t = o && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= W ? "0%" : `${Math.round(e / t * 100)}%`;
+      d(n);
     }
-  }, [m, f, o]), E = l((e) => {
+  }, [d, f, o]), S = c((e) => {
     r.current && (r.current.style.transition = U, r.current.style.height = `${e}px`);
-  }, [m, f, o]), L = l(() => {
-    if (g.current && o) {
-      const { scrollY: e } = g.current;
-      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), g.current = null;
+  }, [d, f, o]), y = c(() => {
+    if (p.current && o) {
+      const { scrollY: e } = p.current;
+      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), p.current = null;
     }
   }, [o]);
-  M(() => () => {
-    L();
-  }, [L]), M(() => {
+  F(() => () => {
+    y();
+  }, [y]), F(() => {
     if (!r.current || !s) return;
     console.log(s, "new snap");
     const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
     let t = 0;
-    typeof s == "string" && s.endsWith("%") ? parseFloat(s) <= 0 ? t = y ? 0 : G : t = parseFloat(s) / 100 * e : typeof s == "string" && s.endsWith("px") ? t = parseFloat(s) : typeof s == "number" && (s >= 0 && s <= 1 ? t = s * e : t = s), E(t);
+    typeof s == "string" && s.endsWith("%") ? parseFloat(s) <= 0 ? t = v ? 0 : W : t = parseFloat(s) / 100 * e : typeof s == "string" && s.endsWith("px") ? t = parseFloat(s) : typeof s == "number" && (s >= 0 && s <= 1 ? t = s * e : t = s), S(t);
   }, [s, o]);
-  const N = l((e) => {
+  const N = c((e) => {
     if (!r.current) return;
     const t = e.touches[0], n = r.current.offsetHeight;
     u.current = {
@@ -73,7 +74,7 @@ const G = 44, U = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ee = q((a, o) =>
       lastTime: Date.now(),
       velocity: 0
     };
-  }, []), W = l((e) => {
+  }, []), L = c((e) => {
     if (!r.current) return;
     const t = e, n = r.current.offsetHeight;
     u.current = {
@@ -84,100 +85,100 @@ const G = 44, U = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ee = q((a, o) =>
       lastTime: Date.now(),
       velocity: 0
     };
-  }, []), O = l((e) => {
+  }, []), R = c((e) => {
     if (!u.current || !r.current) return;
-    const t = e.touches[0], n = u.current, b = n.startY - t.clientY, c = n.isDragging || Math.abs(b) > 5;
-    if (!n.isDragging && c && (n.isDragging = !0, o)) {
+    const t = e.touches[0], n = u.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
+    if (!n.isDragging && l && (n.isDragging = !0, o)) {
       const i = window.scrollY;
-      g.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
+      p.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
     }
-    if (c) {
+    if (l) {
       e.preventDefault();
-      const i = Date.now(), Y = i - n.lastTime;
-      if (Y > 0) {
-        const C = (t.clientY - n.lastY) / Y;
-        n.velocity = n.velocity * 0.8 + C * 0.2;
+      const i = Date.now(), j = i - n.lastTime;
+      if (j > 0) {
+        const z = (t.clientY - n.lastY) / j;
+        n.velocity = n.velocity * 0.8 + z * 0.2;
       }
       n.lastY = t.clientY, n.lastTime = i;
-      const k = n.startHeight + b, $ = o && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(k, $));
-      r.current.style.transition = "none", r.current.style.height = `${z}px`;
+      const k = n.startHeight + D, T = o && r.current.parentElement?.offsetHeight || window.innerHeight, $ = Math.max(0, Math.min(k, T));
+      r.current.style.transition = "none", r.current.style.height = `${$}px`;
     }
-  }, [o]), A = l((e) => {
+  }, [o]), A = c((e) => {
     if (!u.current || !r.current) return;
-    const t = e, n = u.current, b = n.startY - t.clientY, c = n.isDragging || Math.abs(b) > 5;
-    if (!n.isDragging && c && (n.isDragging = !0, o)) {
+    const t = e, n = u.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
+    if (!n.isDragging && l && (n.isDragging = !0, o)) {
       const i = window.scrollY;
-      g.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
+      p.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
     }
-    if (c) {
+    if (l) {
       e.preventDefault();
-      const i = Date.now(), Y = i - n.lastTime;
-      if (Y > 0) {
-        const C = (t.clientY - n.lastY) / Y;
-        n.velocity = n.velocity * 0.8 + C * 0.2;
+      const i = Date.now(), j = i - n.lastTime;
+      if (j > 0) {
+        const z = (t.clientY - n.lastY) / j;
+        n.velocity = n.velocity * 0.8 + z * 0.2;
       }
       n.lastY = t.clientY, n.lastTime = i;
-      const k = n.startHeight + b, $ = o && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(k, $));
-      r.current.style.transition = "none", r.current.style.height = `${z}px`;
+      const k = n.startHeight + D, T = o && r.current.parentElement?.offsetHeight || window.innerHeight, $ = Math.max(0, Math.min(k, T));
+      r.current.style.transition = "none", r.current.style.height = `${$}px`;
     }
-  }, [o]), h = l(() => {
+  }, [o]), m = c(() => {
     if (!u.current || !r.current) return;
     const e = u.current;
     if (e.isDragging) {
-      L();
-      const t = r.current.offsetHeight, n = D(t, e.velocity);
-      F(n);
+      y();
+      const t = r.current.offsetHeight, n = M(t, e.velocity);
+      H(n);
     }
     u.current = null;
-  }, [D, E, L]);
-  M(() => {
-    const e = S.current;
+  }, [M, S, y]);
+  F(() => {
+    const e = Y.current;
     if (e)
-      return e.addEventListener("touchstart", N, { passive: !1 }), e.addEventListener("touchmove", O, { passive: !1 }), e.addEventListener("touchend", h), e.addEventListener("touchcancel", h), e.addEventListener("mousedown", W, { passive: !1 }), e.addEventListener("mousemove", A, { passive: !1 }), e.addEventListener("mouseup", h), e.addEventListener("mouseleave", h), () => {
-        e.removeEventListener("touchstart", N), e.removeEventListener("touchmove", O), e.removeEventListener("touchend", h), e.removeEventListener("touchcancel", h), e.removeEventListener("mousedown", W), e.removeEventListener("mousemove", A), e.removeEventListener("mouseup", h), e.removeEventListener("mouseleave", h);
+      return e.addEventListener("touchstart", N, { passive: !1 }), e.addEventListener("touchmove", R, { passive: !1 }), e.addEventListener("touchend", m), e.addEventListener("touchcancel", m), e.addEventListener("mousedown", L, { passive: !1 }), e.addEventListener("mousemove", A, { passive: !1 }), e.addEventListener("mouseup", m), e.addEventListener("mouseleave", m), () => {
+        e.removeEventListener("touchstart", N), e.removeEventListener("touchmove", R), e.removeEventListener("touchend", m), e.removeEventListener("touchcancel", m), e.removeEventListener("mousedown", L), e.removeEventListener("mousemove", A), e.removeEventListener("mouseup", m), e.removeEventListener("mouseleave", m);
       };
-  }, [N, O, h]);
-  const I = B(() => s !== "0%", [s]);
-  return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-    R && /* @__PURE__ */ d.jsx(
+  }, [N, R, m]);
+  const I = q(() => s !== "0%", [s]);
+  return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
+    O && /* @__PURE__ */ g.jsx(
       "div",
       {
-        className: T(I ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
+        className: G(I ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
         onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), H && F(0);
+          e.preventDefault(), e.stopPropagation(), E && H(0);
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ d.jsxs(
+    /* @__PURE__ */ g.jsxs(
       "div",
       {
         ref: r,
-        className: T(
+        className: G(
           o ? "absolute" : "fixed",
           "z-60 bottom-0 w-full overflow-hidden",
           "bg-neutral-default-default",
           "border-t border-neutral-strong-default rounded-t-[12px]",
           I ? "" : "border-neutral-weak",
-          p,
+          x,
           "flex flex-col items-center",
           "touch-none select-none"
         ),
         children: [
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ g.jsx(
             "div",
             {
-              ref: S,
+              ref: Y,
               className: "w-full  absolute top-0 h-11 flex items-center justify-center cursor-grab active:cursor-grabbing z-50 bg-inherit!",
-              children: /* @__PURE__ */ d.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
+              children: /* @__PURE__ */ g.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
             }
           ),
-          typeof w == "string" ? /* @__PURE__ */ d.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-11 bg-inherit absolute top-11 z-50 px-4", children: w }) : w,
-          /* @__PURE__ */ d.jsx(
+          typeof w == "string" ? /* @__PURE__ */ g.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-11 bg-inherit absolute top-11 z-50 px-4", children: w }) : w,
+          /* @__PURE__ */ g.jsx(
             "div",
             {
-              ref: j,
-              className: T(
+              ref: C,
+              className: G(
                 "w-full h-full overflow-y-auto px-4 pb-4 ",
                 w ? "mt-22" : "mt-11"
               ),
@@ -193,16 +194,17 @@ const G = 44, U = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ee = q((a, o) =>
     )
   ] });
 }, te = () => {
-  const a = v(null), o = l((f) => {
-    a.current?.open(f);
-  }, []), p = l(() => {
+  const a = h(null), o = c((d, v) => {
+    a.current?.open(d, v);
+  }, []), x = c(() => {
     a.current?.close();
-  }, []);
+  }, []), s = c(() => a.current?.isOpen ?? !1, []), f = c(() => a.current?.getContext() ?? null, []);
   return {
-    isOpen: l(() => a.current?.isOpen ?? !1, []),
+    isOpen: s,
     open: o,
-    close: p,
-    drawerRef: a
+    close: x,
+    drawerRef: a,
+    getContext: f
   };
 };
 export {

package/dist/Icons/Icons.d.ts

@@ -53,5 +53,8 @@ declare const Icons: {
     readonly Cancel: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
     readonly CheckCircle: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
     readonly FormatColorText: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
+    readonly CheckList: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
 };
 export { Icons };
+export type IconName = keyof typeof Icons;
+export type IconComponent = (typeof Icons)[IconName];