prometeo-design-system 4.3.1 → 4.3.3

package/dist/Avatar.es.js

@@ -1,18 +1,17 @@
-import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import { g as S } from "./useLabelBackground-BDIHUdND.js";
-import { c as u } from "./cn-B6yFEsav.js";
-import { useState as N, useRef as d, useLayoutEffect as y } from "react";
-import { UserAvatar as f } from "./Icons/UserAvatar.es.js";
-function q({
-  imageUrl: t,
-  sizeImage: a = "md",
-  sizeFallback: s = "md",
-  sizeFallbackIcon: x = 24,
-  fallbackText: h = "Selene Soluciones",
-  subImageUrl: n,
-  fallbackType: i = "initials"
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
+import { g as v } from "./useLabelBackground-D5SzHhl_.js";
+import { c as x } from "./cn-B6yFEsav.js";
+import { useState as C, useRef as u, useLayoutEffect as N } from "react";
+import { UserAvatar as y } from "./Icons/UserAvatar.es.js";
+function I({
+  imageUrl: s,
+  sizeImage: n = "md",
+  sizeFallback: e = "md",
+  fallbackText: d = "",
+  subImageUrl: i,
+  fallbackType: c = "initials"
 }) {
-  const [g, p] = N(!1), c = t && t.trim() !== "" && !g, w = (l) => l.split(" ").map((C) => C.charAt(0)).join("").toUpperCase().slice(0, 2), m = {
+  const [f, h] = C(!1), m = s && s.trim() !== "" && !f, g = (a) => a.split(" ").map((j) => j.charAt(0)).join("").toUpperCase().slice(0, 2), r = {
     xxxs: "w-6.5 h-6.5",
     xxs: "w-8 h-8",
     xs: "w-10 h-10",
@@ -20,7 +19,7 @@ function q({
     md: "w-24 h-24",
     lg: "w-32 h-32",
     xl: "w-40 h-40"
-  }, b = {
+  }, p = {
     xxxs: "text-[12px]",
     xxs: "text-xs",
     xs: "text-sm",
@@ -28,7 +27,7 @@ function q({
     md: "text-2xl",
     lg: "text-3xl",
     xl: "text-4xl"
-  }, j = {
+  }, w = {
     xxxs: "w-3 h-3",
     xxs: "w-[18px] h-[18px] bottom-0 right-0 translate-x-1/3 translate-y-1/3",
     xs: "w-5 h-5",
@@ -36,54 +35,54 @@ function q({
     md: "w-12 h-12 border-3",
     lg: "w-16 h-16 border-4",
     xl: "w-20 h-20 border-5"
-  }, v = c ? a : s, r = d(null), o = d(null);
-  return y(() => {
-    if (!r.current || !o.current) return;
-    const l = S(r.current);
-    o.current.style.borderColor = l;
-  }, []), /* @__PURE__ */ e.jsxs("div", { className: "relative inline-block min-w-max ", ref: r, children: [
-    c ? /* @__PURE__ */ e.jsx(
+  }, b = m ? n : e, o = u(null), l = u(null);
+  return N(() => {
+    if (!o.current || !l.current) return;
+    const a = v(o.current);
+    l.current.style.borderColor = a;
+  }, []), /* @__PURE__ */ t.jsxs("div", { className: "relative inline-block min-w-max ", ref: o, children: [
+    m ? /* @__PURE__ */ t.jsx(
       "img",
       {
         onError: () => {
-          p(!0);
+          h(!0);
         },
-        src: t,
-        className: `rounded-full object-cover ${m[a]}`,
+        src: s,
+        className: `rounded-full object-cover ${r[n]}`,
         alt: "Profile",
         draggable: !1
       }
-    ) : i === "initials" ? /* @__PURE__ */ e.jsx(
+    ) : c === "initials" ? /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: ` flex items-center justify-center rounded-full aspect-square ${m[s]}`,
+        className: ` flex items-center justify-center rounded-full aspect-square ${r[e]}`,
         style: { backgroundColor: "#C6D2FF" },
-        children: /* @__PURE__ */ e.jsx(
+        children: /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: u(
+            className: x(
               "text-[#312C85] font-semibold",
-              b[s]
+              p[e]
             ),
-            children: w(h)
+            children: g(d)
           }
         )
       },
       "initials"
-    ) : i === "defaultAvatar" ? /* @__PURE__ */ e.jsx(f, { size: x }) : /* @__PURE__ */ e.jsx(f, { size: x }),
-    n && /* @__PURE__ */ e.jsx(
+    ) : c === "defaultAvatar" && /* @__PURE__ */ t.jsx(y, { className: x(r[e], "fill-[#D4D4D8] text-(--neutral-700)") }),
+    i && /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: u(
-          "absolute bottom-[-10px] right-[-10px] rounded-full border-1 overflow-hidden bg-gray-900",
-          j[v]
+        className: x(
+          "absolute bottom-[-10px] right-[-10px] rounded-full border overflow-hidden bg-gray-900",
+          w[b]
         ),
-        ref: o,
-        children: /* @__PURE__ */ e.jsx(
+        ref: l,
+        children: /* @__PURE__ */ t.jsx(
           "img",
           {
             draggable: !1,
-            src: n,
+            src: i,
             alt: "Sub badge",
             className: "w-full h-full object-cover"
           }
@@ -93,5 +92,5 @@ function q({
   ] });
 }
 export {
-  q as default
+  I as default
 };

package/dist/CardProfile.es.js

@@ -1,5 +1,293 @@
-import { C as e, C as f } from "./CardProfile-C1F83KJV.js";
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
+import { c as n } from "./cn-B6yFEsav.js";
+import { motion as i, AnimatePresence as h } from "framer-motion";
+import { isValidElement as j } from "react";
+import g from "./Avatar.es.js";
+import { ChevronDown as v } from "./Icons/ChevronDown.es.js";
+import { Logout as b } from "./Icons/Logout.es.js";
+function y({
+  sessions: t,
+  handleTokenLogin: r
+}) {
+  return /* @__PURE__ */ e.jsx("div", { className: "profile-options-container w-full ", children: t?.map((a) => /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      className: "w-full  ",
+      onClick: () => r?.(a.token),
+      children: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx(
+        s.Content,
+        {
+          onClick: () => {
+            console.log("hola");
+          },
+          isExpanded: !1,
+          nameUser: a.name,
+          nameArea: a?.areaId?.name,
+          nameCompany: a.companyId.name,
+          cardProfile: /* @__PURE__ */ e.jsx(s.Image, { isExpanded: !1 })
+        }
+      ) })
+    },
+    a._id
+  )) });
+}
+const w = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex gap-0.5 overflow-hidden w-full min-w-0 ", children: t }), N = ({
+  isExpanded: t,
+  sessions: r,
+  onClickLogout: a,
+  handleTokenLogin: d
+}) => /* @__PURE__ */ e.jsx(h, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
+  i.div,
+  {
+    initial: { height: 0, opacity: 0 },
+    animate: {
+      height: "auto",
+      opacity: 1,
+      transition: {
+        height: { duration: 0.6, ease: "easeOut" },
+        opacity: { duration: 0.4, delay: 0.2 }
+      }
+    },
+    exit: {
+      height: 0,
+      opacity: 0,
+      transition: {
+        height: {
+          duration: 0.8,
+          delay: 0.2,
+          ease: "easeIn"
+        },
+        opacity: { duration: 0.3, delay: 0.1 }
+      }
+    },
+    className: "overflow-hidden",
+    children: [
+      /* @__PURE__ */ e.jsx(
+        i.div,
+        {
+          className: "flex justify-center items-center w-full mt-4",
+          exit: {
+            opacity: 0,
+            scaleX: 0,
+            height: 0,
+            transition: {
+              duration: 0.4,
+              delay: 0.5,
+              ease: "easeInOut"
+            }
+          },
+          children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
+        }
+      ),
+      r && r.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          i.div,
+          {
+            className: "mt-4",
+            exit: {
+              opacity: 0,
+              y: -5,
+              height: 0,
+              transition: {
+                duration: 0.4,
+                delay: 0.4,
+                ease: "easeInOut"
+              }
+            },
+            children: /* @__PURE__ */ e.jsx("span", { className: "text-neutral-medium-default font-semibold text-xs", children: "Cambiar cuenta" })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          i.div,
+          {
+            className: "mt-4 overflow-hidden w-full  ",
+            exit: {
+              height: 0,
+              opacity: 0,
+              y: -10,
+              scale: 0.98,
+              transition: {
+                height: { duration: 0.5, delay: 0.2 },
+                opacity: { duration: 0.3, delay: 0.3 },
+                y: { duration: 0.3, delay: 0.3 },
+                scale: { duration: 0.3, delay: 0.3 },
+                ease: "easeInOut"
+              }
+            },
+            children: /* @__PURE__ */ e.jsx(
+              y,
+              {
+                sessions: r,
+                handleTokenLogin: d
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          i.div,
+          {
+            className: "flex justify-center items-center w-full mt-4",
+            exit: {
+              opacity: 0,
+              scaleX: 0,
+              height: 0,
+              transition: {
+                duration: 0.4,
+                delay: 0.15,
+                ease: "easeInOut"
+              }
+            },
+            children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs(
+        i.button,
+        {
+          onClick: a,
+          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",
+          exit: {
+            opacity: 0,
+            y: -8,
+            scale: 0.96,
+            transition: {
+              duration: 0.5,
+              delay: 0,
+              ease: "easeInOut"
+            }
+          },
+          whileHover: {
+            opacity: 1,
+            scale: [1, 1.02, 1],
+            transition: { duration: 0.2 }
+          },
+          whileTap: { scale: 0.98 },
+          children: [
+            /* @__PURE__ */ e.jsx(b, { size: 24, className: "text-neutral-default-default" }),
+            /* @__PURE__ */ e.jsx("span", { className: "text-neutral-default-default font-semibold text-sm", children: "Cerrar sesión" })
+          ]
+        }
+      )
+    ]
+  }
+) }), I = ({ imageUrl: t, fallbackText: r, avatarProps: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper", children: /* @__PURE__ */ e.jsx(
+  g,
+  {
+    imageUrl: t,
+    sizeImage: "xxs",
+    sizeFallback: "xxs",
+    fallbackText: r,
+    ...a
+  }
+) }), O = ({
+  isExpanded: t,
+  nameUser: r,
+  nameCompany: a,
+  nameArea: d,
+  cardProfile: o,
+  onClick: u,
+  unassigned: l = !1
+}) => {
+  const m = () => {
+    if (o && j(o) && o.type === s.Image) {
+      const c = o.props, f = l ? "" : c.fallbackText || r, x = l ? "" : c.imageUrl, p = l ? "defaultAvatar" : "initials";
+      return /* @__PURE__ */ e.jsx(s.Image, { ...c, fallbackText: f, avatarProps: { ...c.avatarProps, fallbackType: p, imageUrl: x } });
+    }
+    return o;
+  };
+  return /* @__PURE__ */ e.jsxs(
+    i.button,
+    {
+      onClick: u,
+      className: n(
+        "flex flex-1 gap-2 rounded-lg relative overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile h-max p-3",
+        t && "bg-neutral-medium-selected",
+        u && "cursor-pointer",
+        l && "hover:bg-transparent"
+      ),
+      whileTap: l ? void 0 : u && { scale: 0.98 },
+      transition: { duration: 0.2, ease: "easeInOut" },
+      children: [
+        m(),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col  justify-center overflow-hidden flex-1 relative z-10 profile-user-info mr-2 p-0", children: [
+          /* @__PURE__ */ e.jsx(
+            "p",
+            {
+              className: n(
+                "profile-name prometeo-fonts-label-large mb-0 text-left",
+                t ? "text-primary-default-default" : "text-neutral-default-default",
+                l && "text-neutral-default-pressed"
+              ),
+              children: l ? "Sin asignar" : r?.length && r?.length > 20 ? r?.slice(0, 10) + ".." : r
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1 mt-0 ", children: a && a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsx(
+              "p",
+              {
+                className: n(
+                  "profile-options truncate mt-0 prometeo-fonts-body-small",
+                  t ? "text-primary-default-default" : "text-neutral-default-default",
+                  l && "text-neutral-default-pressed"
+                ),
+                children: a?.length && a?.length > 20 ? a?.slice(0, 10) + ".." : a
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "p",
+              {
+                className: n(
+                  "profile-options truncate prometeo-fonts-body-small mt-0",
+                  t ? "text-primary-default-default" : "text-neutral-default-default",
+                  l && "text-neutral-default-pressed"
+                ),
+                children: "·"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "p",
+              {
+                className: n(
+                  "profile-options truncate prometeo-fonts-body-small mt-0",
+                  t ? "text-primary-default-default" : "text-neutral-default-default",
+                  l && "text-neutral-default-pressed"
+                ),
+                children: d || "Sin asignar"
+              }
+            )
+          ] }) : /* @__PURE__ */ e.jsx("span", { className: "font-semibold leading-tight ml-3 text-xs text-blue-300  text-center", children: "Sin asignar" }) })
+        ] })
+      ]
+    }
+  );
+}, C = () => /* @__PURE__ */ e.jsx("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), k = ({ isExpanded: t, onClick: r }) => /* @__PURE__ */ e.jsx(
+  i.button,
+  {
+    onClick: r,
+    className: "flex items-center justify-center p-3 rounded-lg cursor-pointer relative overflow-hidden focus:outline-none w-8 min-w-8 hover:bg-neutral-medium-selected button-content-chevron",
+    whileHover: { scale: 1.05 },
+    whileTap: { scale: 0.95 },
+    transition: { duration: 0.2, ease: "easeOut" },
+    title: t ? "Ocultar opciones" : "Mostrar opciones",
+    "aria-label": t ? "Ocultar opciones" : "Mostrar opciones",
+    children: /* @__PURE__ */ e.jsx(
+      i.div,
+      {
+        animate: { rotate: t ? 180 : 0 },
+        transition: { duration: 0.3, ease: "easeOut" },
+        className: "relative button-select-crevron",
+        children: /* @__PURE__ */ e.jsx(i.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(v, { size: 24, className: "text-prometeo-neutral " }) })
+      }
+    )
+  }
+), s = Object.assign(w, {
+  Menu: N,
+  Image: I,
+  Content: O,
+  Separator: C,
+  Options: k
+});
 export {
-  e as CardProfile,
-  f as default
+  s as CardProfile,
+  s as default
 };

package/dist/CheckBox.es.js

@@ -1,9 +1,10 @@
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as m, forwardRef as k, useId as g, useRef as v, useCallback as C } from "react";
-import { Check as y } from "./Icons/Check.es.js";
-const s = k(
-  ({ className: l, disabled: e, onChange: i, value: d, ...t }, r) => {
-    const u = g(), o = v(null), f = `
+import { c as s } from "./cn-B6yFEsav.js";
+import { memo as k, forwardRef as g, useId as v, useRef as C, useCallback as y } from "react";
+import { Check as j } from "./Icons/Check.es.js";
+const i = g(
+  ({ className: l, disabled: e, onChange: d, value: u, ...t }, r) => {
+    const f = v(), o = C(null), p = `
       after:content-[""]
       after:absolute
       after:top-1/2
@@ -25,7 +26,7 @@ const s = k(
       transition-all
       duration-200
       ease-in-out
-    `, h = "hover:#hover-span:opacity-100", p = "bg-primary-light", x = `
+    `, h = "hover:#hover-span:opacity-100", x = "bg-primary-light", m = `
       bg-transparent
       border-[2px]
       aria-checked:border-none
@@ -34,7 +35,7 @@ const s = k(
     `, b = {
       selected: "bg-primary-default-disabled!",
       default: "border-neutral-default-disabled "
-    }, c = C(() => {
+    }, c = y(() => {
       if (o.current)
         return o.current.click();
     }, []);
@@ -56,12 +57,14 @@ const s = k(
           {
             id: "checkbox-box",
             "aria-checked": t.checked,
-            className: `grid place-items-center absolute size-[18px] rounded-[2px] 
-            ${f} 
-            ${x}
-            ${t.checked ? p : ""}
-            ${e ? b[t.checked ? "selected" : "default"] : ""}
-          `,
+            className: s(
+              "grid place-items-center absolute size-[18px] rounded-[2px]",
+              p,
+              m,
+              t.checked ? x : "",
+              e && b[t.checked ? "selected" : "default"],
+              l
+            ),
             onClick: c,
             draggable: !1,
             children: [
@@ -69,13 +72,13 @@ const s = k(
                 "input",
                 {
                   type: "checkbox",
-                  id: u,
+                  id: f,
                   ref: (n) => {
                     o.current = n, typeof r == "function" ? r(n) : r && (r.current = n);
                   },
-                  onChange: i,
-                  value: d,
-                  className: `${l} ${h}`,
+                  onChange: d,
+                  value: u,
+                  className: s(h),
                   disabled: e,
                   style: {
                     position: "absolute",
@@ -92,7 +95,7 @@ const s = k(
                 }
               ),
               t.checked && /* @__PURE__ */ a.jsx(
-                y,
+                j,
                 {
                   size: 18,
                   className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -105,8 +108,8 @@ const s = k(
     );
   }
 );
-s.displayName = "CheckBox";
-const w = m(s);
+i.displayName = "CheckBox";
+const $ = k(i);
 export {
-  w as default
+  $ as default
 };

package/dist/DialogModal.es.js

@@ -1,78 +1,84 @@
 import { j as o } from "./jsx-runtime-GkKLlHH4.js";
-import { forwardRef as h, memo as r, useState as D, useRef as p, useCallback as n, useImperativeHandle as R } from "react";
+import { forwardRef as y, memo as r, useState as D, useRef as x, useCallback as l, useImperativeHandle as k } from "react";
 import { c as j } from "./cn-B6yFEsav.js";
-const b = h(
-  ({ children: e, onClose: t, className: a }, i) => {
-    const [s, l] = D(!1), [c, f] = D(null), x = p(t), u = p(c);
-    x.current = t, u.current = c;
-    const m = n((g) => {
-      f(g ?? null), l(!0);
-    }, []), d = n(() => {
-      l(!1), x.current?.(u.current), setTimeout(() => f(null), 300);
+const C = y(
+  ({ children: e, onClose: t, className: c }, i) => {
+    const [n, s] = D(!1), [u, g] = D(null), f = x(t), p = x(u);
+    f.current = t, p.current = u;
+    const m = l((a) => {
+      g(a ?? null), s(!0);
+    }, []), d = l(() => {
+      s(!1), f.current?.(p.current), setTimeout(() => g(null), 300);
     }, []);
-    return R(
+    return k(
       i,
       () => ({
         open: m,
         close: d,
-        isOpen: s,
-        getContext: () => u.current
+        isOpen: n,
+        getContext: () => p.current
       }),
-      [m, d, s]
-    ), /* @__PURE__ */ o.jsx(o.Fragment, { children: s && /* @__PURE__ */ o.jsx(
+      [m, d, n]
+    ), /* @__PURE__ */ o.jsx(o.Fragment, { children: n && /* @__PURE__ */ o.jsxs(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
         onClick: d,
-        children: /* @__PURE__ */ o.jsxs(
-          "div",
-          {
-            className: j(
-              "bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6",
-              a
-            ),
-            onClick: (g) => g.stopPropagation(),
-            children: [
-              /* @__PURE__ */ o.jsx("div", { className: "absolute bg-transparent -inset-4 z-[-1]" }),
-              typeof e == "function" ? e(c) : e
-            ]
-          }
-        )
+        children: [
+          /* @__PURE__ */ o.jsx(
+            "div",
+            {
+              onClick: (a) => a.stopPropagation(),
+              className: "absolute bg-transparent z-[-1]  w-[calc(75%+10px)] h-[calc(75%+10px)] xl:w-[calc(75%+30px)] xl:h-[calc(83.33%+30px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2  "
+            }
+          ),
+          /* @__PURE__ */ o.jsx(
+            "div",
+            {
+              onClick: (a) => a.stopPropagation(),
+              className: j(
+                "bg-neutral-default-default  w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6",
+                c
+              ),
+              children: typeof e == "function" ? e(u) : e
+            }
+          )
+        ]
       }
     ) });
   }
 );
-b.displayName = "Dialog";
-const C = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: j("flex flex-col gap-4 h-full"), children: e }) }));
-C.displayName = "DialogContent";
+C.displayName = "Dialog";
+const b = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: j("flex flex-col gap-4 h-full"), children: e }) }));
+b.displayName = "DialogContent";
 const N = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("h1", { className: t, children: e }));
 N.displayName = "DialogTitle";
+const h = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
+h.displayName = "DialogHeader";
 const v = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
-v.displayName = "DialogHeader";
-const y = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
-y.displayName = "DialogFooter";
-const k = Object.assign(b, {
-  Content: C,
-  Header: v,
-  Footer: y,
+v.displayName = "DialogFooter";
+const w = Object.assign(C, {
+  Content: b,
+  Header: h,
+  Footer: v,
   Title: N
 });
-k.displayName = "DialogModal";
+w.displayName = "DialogModal";
 const H = () => {
-  const e = p(null), t = n((l) => {
-    e.current?.open(l);
-  }, []), a = n(() => {
+  const e = x(null), t = l((s) => {
+    e.current?.open(s);
+  }, []), c = l(() => {
     e.current?.close();
-  }, []), i = n(() => e.current?.isOpen ?? !1, []), s = n(() => e.current?.getContext() ?? null, []);
+  }, []), i = l(() => e.current?.isOpen ?? !1, []), n = l(() => e.current?.getContext() ?? null, []);
   return {
     ref: e,
     open: t,
-    close: a,
+    close: c,
     isOpen: i,
-    getContext: s
+    getContext: n
   };
 };
 export {
-  k as default,
+  w as default,
   H as useDialogControl
 };

package/dist/Icons/ArrowDownward.d.ts

@@ -0,0 +1,2 @@
+export * from './components/ArrowDownward'
+export {}

package/dist/Icons/ArrowDownward.es.js

@@ -0,0 +1,9 @@
+import { j as r } from "../jsx-runtime-GkKLlHH4.js";
+import { m as o } from "../iconUtils-D0lVAgGT.js";
+const l = o(({ size: s = 24, className: t, ...e }) => /* @__PURE__ */ r.jsxs("svg", { ...e, width: s, height: s, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: [
+  /* @__PURE__ */ r.jsx("mask", { id: "mask0_2325_2814", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ r.jsx("rect", { width: "20", height: "20", fill: "currentColor" }) }),
+  /* @__PURE__ */ r.jsx("g", { mask: "url(#mask0_2325_2814)", children: /* @__PURE__ */ r.jsx("path", { d: "M10 15L5 9.99999L6.16667 8.83332L9.16667 11.8333V4.16666H10.8333V11.8333L13.8333 8.83332L15 9.99999L10 15Z", fill: "currentColor" }) })
+] }));
+export {
+  l as ArrowDownward
+};

package/dist/Icons/ArrowUpward.d.ts

@@ -0,0 +1,2 @@
+export * from './components/ArrowUpward'
+export {}