prometeo-design-system 2.8.7 → 2.8.9

package/dist/Input-Cck37DpG.js

@@ -0,0 +1,240 @@
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { g as _, h as q, a as V } from "./Icons-DtFC5DJ7.js";
+import { c as t } from "./cn-B6yFEsav.js";
+import { useRef as F, useLayoutEffect as ee, memo as te, forwardRef as re, useState as oe } from "react";
+import le from "./Spinner.es.js";
+import { H as se } from "./HelperComponent-g_xuKWzK.js";
+const ae = (o) => {
+  let e = o;
+  for (; e && e !== document.body; ) {
+    const n = window.getComputedStyle(e).backgroundColor;
+    if (n && n !== "transparent" && n !== "rgba(0, 0, 0, 0)")
+      return n;
+    e = e.parentElement;
+  }
+  const l = window.getComputedStyle(document.body).backgroundColor;
+  return l && l !== "transparent" && l !== "rgba(0, 0, 0, 0)" ? l : "rgb(255, 255, 255)";
+};
+function ne() {
+  const o = F(null);
+  return ee(() => {
+    if (!o.current || !o.current.parentElement) return;
+    const e = ae(o.current.parentElement);
+    o.current.style.backgroundColor = e;
+  }, []), {
+    ref: o
+  };
+}
+const g = {
+  default: {
+    container: "",
+    input: t(
+      "border-neutral-default-default text-neutral-default-default!",
+      "focus:ring-primary-default-default focus:ring-[1px] focus:border-primary-default-default ",
+      "hover:border-neutral-strong-default"
+    ),
+    label: t("text-neutral-medium-default"),
+    icon: t(
+      "text-neutral-medium-default",
+      "peer-focus:text-primary-default-default"
+    )
+  },
+  error: {
+    container: "",
+    input: t(
+      "border-error-default-default text-neutral-default-default",
+      "focus:border-error-default focus:border-2",
+      "focus:ring-0 focus:ring-error-default/20"
+    ),
+    label: t("text-lime-500", "peer-focus:text-error-light"),
+    icon: t("text-error-light", "peer-focus:text-error-light")
+  },
+  success: {
+    container: "",
+    input: t(
+      "border-success-default-default text-neutral-default-default",
+      "focus:border-success-default focus:border-2",
+      "focus:ring-0 focus:ring-success-default/20"
+    ),
+    label: t("text-success", "peer-focus:text-success-light"),
+    icon: t("text-success-light", "peer-focus:text-success-light")
+  }
+}, S = re(
+  ({
+    label: o,
+    icon: e,
+    iconPosition: l = "left",
+    onChange: C,
+    value: n,
+    name: b,
+    width: x = "100%",
+    height: u,
+    variant: c = "default",
+    labelVariant: a = "default",
+    size: H = "medium",
+    disabled: f = !1,
+    type: s = "text",
+    isFetching: p,
+    errorComponent: h,
+    helperComponent: w,
+    placeholder: $,
+    required: N = !1,
+    onFocus: k,
+    onBlur: I,
+    onKeyDown: L,
+    onKeyUp: R,
+    className: B,
+    style: P,
+    readOnly: D = !1,
+    onClear: z,
+    ...v
+  }, A) => {
+    const [y, M] = oe(!1), { ref: O } = ne();
+    let d = H;
+    u && (d = "customHeight");
+    const i = {
+      small: {
+        container: "text-sm",
+        input: "h-10 px-3 text-[1rem] prometeo-fonts-body-large",
+        label: ` prometeo-fonts-label-large 
+            peer-focus:prometeo-fonts-label-large  
+            peer-placeholder-shown:${a === "default" ? "prometeo-fonts-body-large" : "prometeo-fonts-label-large"} peer-placeholder-shown:text-neutral-medium-default peer-focus:text-neutral-medium-default `,
+        icon: "w-4 h-4 right-3"
+      },
+      medium: {
+        container: "text-base",
+        input: "h-12 px-3 prometeo-fonts-body-large",
+        label: ` prometeo-fonts-label-large 
+            peer-focus:prometeo-fonts-label-large  
+            peer-placeholder-shown:${a === "default" ? "prometeo-fonts-body-large" : "prometeo-fonts-label-large"} peer-placeholder-shown:text-neutral-medium-default text-neutral-medium-default peer-focus:text-neutral-medium-default `,
+        icon: "w-5 h-5 right-3"
+      },
+      large: {
+        container: "text-lg",
+        input: "h-14 px-3 text-lg  border-b border-t-0 border-x-0 rounded-none focus:ring-0 prometeo-fonts-body-xlarge ",
+        label: "peer-placeholder-shown:prometeo-fonts-body-xlarge peer-focus:prometeo-fonts-label-large peer-focus:text-neutral-medium-default prometeo-fonts-label-large ",
+        icon: "w-6 h-6 right-3"
+      },
+      customHeight: {
+        container: "text-base",
+        input: "text-base",
+        label: "text-sm peer-focus:text-sm peer-placeholder-shown:text-xs ",
+        icon: "w-6 h-6 right-3"
+      }
+    }, T = () => {
+      M(!y);
+    }, j = {};
+    x && x !== "100%" && (j.width = x), u && (j.height = u);
+    const E = c === "error" && h, G = !E && w, J = s === "password", K = () => a === "static" ? "-top-1 -translate-y-full left-0 pl-3" : e ? `${m ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1 peer-focus:ml-0 peer-focus:mr-0 ${l === "left" ? "peer-placeholder-shown:ml-6" : "peer-placeholder-shown:mr-6"}` : `${m ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1`, Q = () => u ? i.customHeight.label : i[d].label, U = () => u ? { height: u } : {}, W = () => a === "default" ? o : $ || o || "", X = () => J ? e ? l === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : e ? l === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", Y = a === "default" && "transition-all duration-200 ease-in-out", m = h || w;
+    return /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        className: t(
+          "relative",
+          i[d].container,
+          !x && "w-full",
+          "bg-inherit",
+          a === "static" && "mt-2",
+          B
+        ),
+        style: { ...P, ...j },
+        children: [
+          /* @__PURE__ */ r.jsx(
+            "input",
+            {
+              id: b,
+              name: b,
+              ref: A,
+              value: n,
+              placeholder: W(),
+              type: s === "password" && y ? "text" : s,
+              className: t(
+                "peer w-full border rounded-lg bg-transparent appearance-none transition-all duration-200 ease-in-out",
+                "focus:outline-none px-3",
+                a === "default" && "placeholder:text-transparent",
+                a === "static" && "placeholder:text-neutral-medium-default ",
+                g[c].input,
+                i[d].input,
+                e && "pr-10",
+                f && "bg-transparent opacity-60 border-neutral-strong-default text-neutral-medium-disabled",
+                g[c].container,
+                X()
+              ),
+              style: U(),
+              onChange: C,
+              onFocus: k,
+              onBlur: I,
+              disabled: f,
+              required: N,
+              onKeyDown: L,
+              onKeyUp: R,
+              defaultValue: v.defaultValue,
+              readOnly: D,
+              ...v
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            "label",
+            {
+              ref: O,
+              htmlFor: b,
+              className: t(
+                "absolute left-3 pointer-events-none px-1 z-10",
+                Y,
+                Q(),
+                g[c].label,
+                K(),
+                N && "after:content-['*'] after:text-error-default after:ml-1",
+                f && "text-neutral-medium-disabled prometeo-fonts-label-large"
+              ),
+              children: o
+            }
+          ),
+          (e || s === "password" || p) && /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              tabIndex: -1,
+              type: "button",
+              className: t(
+                `absolute ${m ? "top-[calc(50%-12px)]" : "top-1/2"} -translate-y-1/2 flex items-center justify-center z-10`,
+                i[d].icon,
+                g[c].icon,
+                s === "password" && !p ? "cursor-pointer" : "pointer-events-none",
+                l === "right" ? "right-3" : "left-3"
+              ),
+              onClick: s === "password" && !p ? T : void 0,
+              onMouseDown: (Z) => s === "password" && !p && Z.preventDefault(),
+              children: /* @__PURE__ */ r.jsxs("div", { children: [
+                p && s !== "password" && /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(le, { size: 24, color: "#7c86ff", loading: !0, variant: "clip" }) }),
+                s === "password" && (y ? /* @__PURE__ */ r.jsx(_, { size: 24, className: "" }) : /* @__PURE__ */ r.jsx(q, { size: 24, className: "" })),
+                e
+              ] })
+            }
+          ),
+          z && /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              type: "button",
+              className: t(
+                `absolute ${m ? "top-[calc(50%-12px)]" : "top-1/2"} -translate-y-1/2 flex items-center justify-center z-10 right-1`,
+                "size-6 p-1 rounded-full",
+                "hover:bg-neutral-medium-hover transition-colors",
+                f && "opacity-50 cursor-not-allowed"
+              ),
+              disabled: f,
+              onClick: z,
+              children: /* @__PURE__ */ r.jsx(V, { size: 20, className: "" })
+            }
+          ),
+          m && /* @__PURE__ */ r.jsx("div", { className: "min-h-6", children: (E || G) && /* @__PURE__ */ r.jsx(se, { className: "absolute ", variant: c, children: h || w }) })
+        ]
+      }
+    );
+  }
+);
+S.displayName = "Input";
+const me = te(S);
+export {
+  me as I,
+  ne as u
+};

package/dist/Input.es.js

@@ -0,0 +1,4 @@
+import { I as f } from "./Input-Cck37DpG.js";
+export {
+  f as default
+};

package/dist/InputMultiple.es.js

@@ -0,0 +1,263 @@
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { a as Z, I as T, E as ee } from "./Icons-DtFC5DJ7.js";
+import { c as d } from "./cn-B6yFEsav.js";
+import M, { useRef as _, useState as x, useCallback as te, useEffect as re } from "react";
+const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator: w = ",", variant: y = "default", placeholder: K, itemClassName: U, itemIcon: V, helperText: j, errorText: N, disabled: l, onClick: F, className: $, readonly: h, onValueDelete: B, ...O }) => {
+  const o = _(null), E = _(null), [u, n] = x(""), [z, i] = x(0), [q, c] = x(!0), [v, P] = x(!1), [m, p] = x(!1), [k, I] = x(null), g = (e) => {
+    if (h || !e) return;
+    const t = e.selectionStart ?? u.length;
+    i(t);
+  }, A = (e) => {
+    if (h) return;
+    if (e.target.value[e.target.value.length - 1] === w && u.length > 0) {
+      const s = u.trim();
+      if (m) {
+        s.length > 0 ? (n(s), b()) : (p(!1), n(""), c(!0), i(0));
+        return;
+      }
+      if (s.length === 0 || a.includes(s)) {
+        n(""), c(!0), g(e.target);
+        return;
+      }
+      f([...a, s]), n(""), c(!0);
+    } else {
+      if (e.target.value === w) return;
+      n(e.target.value), c(!1);
+    }
+    g(e.target);
+  }, b = te(() => {
+    const e = u.trim();
+    if (e.length === 0) {
+      p(!1), n(""), c(!0), i(0), I(null);
+      return;
+    }
+    p(!1), k !== null && f(Q(a.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), I(null);
+  }, [k, u, f, a]), G = (e) => {
+    if (!h) {
+      if (e.key === "Backspace" && u.length === 0) {
+        if (q) {
+          const t = a[a.length - 1];
+          t && (f(a.filter((s) => s !== t)), n(t), i(t.length));
+        } else
+          c(!0);
+        return;
+      }
+      if (e.key === "Enter") {
+        const t = u.trim();
+        if (m) {
+          t.length > 0 ? (n(t), b()) : (p(!1), n(""), c(!0), i(0));
+          return;
+        }
+        t.length > 0 && !a.includes(t) && t !== w && (f([...a, t]), n(""), c(!0), i(0));
+      }
+      e.key === "Escape" && m && (p(!1), n(""), c(!0), i(0), I(null)), g(e.currentTarget);
+    }
+  }, H = (e) => {
+    const t = a.filter((s) => s !== e);
+    f(t), B?.(e);
+  }, J = (e) => {
+    h || (L(e), p(!0), n(e), i(e.length), I(a.length - 1), o.current?.focus());
+  }, L = (e) => {
+    const t = a.filter((s) => s !== e);
+    f([...t, e]);
+  }, Q = (e) => e.filter((t, s, Y) => Y.indexOf(t) === s);
+  re(() => {
+    o.current && (o.current.onfocus = () => {
+      P(!0);
+    }, o.current.onblur = () => {
+      P(!1), m && b();
+    }), E.current && (E.current.onblur = () => {
+      m && b();
+    });
+  }, [m, b]);
+  const W = {
+    isFocused: {
+      error: "border-error-default-focused ring-error-default-focused",
+      success: "border-success-default-focused ring-success-default-focused",
+      warning: "border-warning-default-focused ring-warning-default-focused",
+      default: "border-primary-default-focused ring-primary-default-focused"
+    },
+    default: {
+      error: "border-error-default-default hover:border-error-default-hover",
+      success: "border-success-default-default hover:border-success-default-hover",
+      warning: "border-warning-default-default hover:border-warning-default-hover",
+      default: "border-neutral-default-default hover:border-primary-default-hover"
+    },
+    disabled: {
+      error: "border-error-default-disabled",
+      success: "border-success-default-disabled",
+      warning: "border-warning-default-disabled",
+      default: "border-neutral-default-disabled"
+    }
+  }, X = {
+    default: {
+      default: "text-neutral-default-default",
+      isFocused: "text-neutral-default-focused",
+      disabled: "text-neutral-default-disabled"
+    },
+    error: {
+      default: "text-error-medium-default",
+      isFocused: "text-error-medium-focused",
+      disabled: "text-error-medium-disabled"
+    },
+    success: {
+      default: "text-success-medium-default",
+      isFocused: "text-success-medium-focused",
+      disabled: "text-success-medium-disabled"
+    },
+    warning: {
+      default: "text-warning-default-default",
+      isFocused: "text-warning-default-focused",
+      disabled: "text-warning-default-disabled"
+    }
+  }, R = l ? "disabled" : v ? "isFocused" : "default";
+  return /* @__PURE__ */ r.jsxs("div", { className: d(
+    "relative w-full",
+    $
+  ), children: [
+    /* @__PURE__ */ r.jsx("p", { className: d(
+      "mb-1 px-3",
+      "prometeo-fonts-label-large",
+      X?.[y || "default"]?.[R]
+    ), children: S }),
+    /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          ref: o,
+          value: u,
+          onKeyUp: G,
+          onChange: A,
+          onClick: (e) => g(e.currentTarget),
+          onSelect: (e) => g(e.currentTarget),
+          name: D,
+          disabled: l,
+          className: d(
+            "absolute inset-0 w-full h-full",
+            "opacity-0 cursor-text z-10",
+            "bg-transparent border-none outline-none",
+            "pointer-events-none"
+          ),
+          autoComplete: "off",
+          autoCorrect: "off",
+          autoCapitalize: "off",
+          spellCheck: "false",
+          inputMode: "text",
+          ...O
+        }
+      ),
+      /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          ref: E,
+          className: d(
+            "border border-neutral-default-default rounded-md p-3",
+            "flex flex-wrap gap-1 min-h-[58px]",
+            "transition-all duration-300 ease-in-out",
+            "cursor-text",
+            W[R][y],
+            v ? "ring-[1px]" : "",
+            // 'hover:border-primary-default-hover',
+            l && "hover:border-neutral-default-disabled"
+          ),
+          onMouseDown: (e) => {
+            e.stopPropagation(), F?.(e), o.current?.focus();
+            const t = u.length;
+            o.current && (o.current.selectionStart = t, o.current.selectionEnd = t), i(t);
+          },
+          onClick: (e) => {
+            e.stopPropagation(), o.current?.focus(), F?.(e);
+          },
+          children: [
+            C && /* @__PURE__ */ r.jsx("div", { className: d(
+              "flex items-center text-neutral-default-default",
+              l && "text-neutral-default-disabled"
+            ), children: C }),
+            a.map((e, t) => /* @__PURE__ */ r.jsxs(
+              "div",
+              {
+                className: d(
+                  "h-8 max-h-8 rounded-lg bg-primary-light-default border border-neutral-default-default",
+                  "flex items-center gap-2 px-2",
+                  "prometeo-fonts-label-medium z-20",
+                  t === a.length - 1 && m ? "opacity-0 hidden  overflow-hidden" : "",
+                  l && "border-neutral-default-disabled text-neutral-default-disabled",
+                  U
+                ),
+                children: [
+                  V && /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: M.createElement(
+                    V,
+                    {
+                      size: 16,
+                      className: d(
+                        "text-neutral-default-default",
+                        l && "text-neutral-default-disabled"
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ r.jsx(
+                    "span",
+                    {
+                      onClick: (s) => {
+                        s.stopPropagation(), !l && J(e);
+                      },
+                      className: d(
+                        "cursor-pointer hover:text-neutral-default-hover",
+                        l && "cursor-default hover:text-neutral-default-disabled"
+                      ),
+                      children: e
+                    }
+                  ),
+                  /* @__PURE__ */ r.jsx(
+                    "div",
+                    {
+                      onClick: (s) => {
+                        s.stopPropagation(), !l && H(e);
+                      },
+                      className: d(
+                        "cursor-pointer hover:scale-105 transition-all duration-200 ",
+                        l && " cursor-default hover:scale-100 "
+                      ),
+                      children: /* @__PURE__ */ r.jsx(
+                        Z,
+                        {
+                          size: 16,
+                          className: d(
+                            "text-neutral-default-default hover:text-neutral-default-hover transition-all duration-200",
+                            l && "text-neutral-default-disabled hover:text-neutral-default-disabled"
+                          )
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              e
+            )),
+            v && !h && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center min-w-[2px]", children: [
+              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap wrap-break-word", children: u.slice(0, z) }),
+              /* @__PURE__ */ r.jsx("span", { className: "animate-[cursor-intermitent_1s_ease-in-out_infinite] bg-neutral-default-pressed w-[2px] h-5 inline-block align-middle mx-px z-20" }),
+              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap wrap-break-word", children: u.slice(z) })
+            ] }),
+            a.length === 0 && !v && /* @__PURE__ */ r.jsx("span", { className: d(
+              "text-neutral-medium-default self-center",
+              l && "text-neutral-default-disabled"
+            ), children: K || `Escribe los valores separados por ${w}` })
+          ]
+        }
+      )
+    ] }),
+    j && y !== "error" && !l && (typeof j == "string" ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-neutral-medium-default ml-3 mt-1 flex items-center gap-1", children: [
+      /* @__PURE__ */ r.jsx(T, { size: 16, className: "text-neutral-medium-default" }),
+      j
+    ] }) : /* @__PURE__ */ r.jsx("div", { className: "ml-3", children: j })),
+    N && typeof N == "string" && !l ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-error-default-default ml-3 mt-1 flex items-center gap-1", children: [
+      /* @__PURE__ */ r.jsx(ee, { size: 16, className: "text-error-default-default" }),
+      N
+    ] }) : N
+  ] });
+}, de = M.memo(se);
+export {
+  de as InputMultiple,
+  de as default
+};

package/dist/LayoutGeneric-CbaoatQB.js

@@ -0,0 +1,26 @@
+import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { useRef as o, createContext as c, useContext as l, memo as d } from "react";
+const a = c(null), x = ({ children: e }) => {
+  const r = o(null), s = o(null), u = (t) => {
+    t.current && r && (r.current = t.current);
+  }, i = (t) => {
+    t.current && s && (s.current = t.current);
+  };
+  return /* @__PURE__ */ n.jsx(a.Provider, { value: { primarySidebarRef: r, registerPrimarySidebar: u, tabBarRef: s, registerTabBar: i }, children: e });
+}, S = () => {
+  const e = l(a);
+  if (!e)
+    throw new Error("useSidebarContext must be used within a SidebarProvider");
+  return e;
+}, f = ({
+  children: e,
+  sidebar: r
+}) => /* @__PURE__ */ n.jsxs("div", { className: "flex h-screen w-full bg-neutral-default-default", children: [
+  /* @__PURE__ */ n.jsx(x, { children: r }),
+  /* @__PURE__ */ n.jsx("main", { className: "w-full h-full overflow-y-auto", children: e })
+] }), h = d(f);
+export {
+  h as L,
+  x as S,
+  S as u
+};

package/dist/LayoutGeneric.es.js

@@ -0,0 +1,4 @@
+import { L as f } from "./LayoutGeneric-CbaoatQB.js";
+export {
+  f as default
+};

package/dist/Logo.es.js

@@ -0,0 +1,9 @@
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { T as t } from "./Icons-DtFC5DJ7.js";
+const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-linear-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
+  /* @__PURE__ */ e.jsx(t, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),
+  /* @__PURE__ */ e.jsx("span", { className: "font-bold text-[28px] text-primary-medium-pressed font-monserra -tracking-wide text-logo", children: "TICKETS" })
+] });
+export {
+  s as default
+};

package/dist/{components/Menu/MenuComposable.js → Menu.es.js}

@@ -1,7 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as r } from "../../lib/cn.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { c as r } from "./cn-B6yFEsav.js";
 import { AnimatePresence as n, motion as o } from "framer-motion";
-const l = ({ menuRef: t, children: i, className: a }) => /* @__PURE__ */ e("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border border-neutral-strong-default h-auto w-60 rounded-md px-2", a), children: /* @__PURE__ */ e(n, { mode: "wait", children: /* @__PURE__ */ e(
+const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(
   o.div,
   {
     initial: { height: 0, opacity: 0 },
@@ -26,9 +26,9 @@ const l = ({ menuRef: t, children: i, className: a }) => /* @__PURE__ */ e("div"
       }
     },
     className: "overflow-hidden flex flex-col justify-between  items-center w-full",
-    children: i
+    children: a
   }
-) }) }), s = () => /* @__PURE__ */ e(
+) }) }), l = () => /* @__PURE__ */ e.jsx(
   o.div,
   {
     className: "flex justify-center items-center w-full ",
@@ -42,13 +42,13 @@ const l = ({ menuRef: t, children: i, className: a }) => /* @__PURE__ */ e("div"
         ease: "easeInOut"
       }
     },
-    children: /* @__PURE__ */ e("div", { className: "border-b border-neutral-strong-default border w-full" })
+    children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
   }
-), d = ({ onClick: t, children: i, className: a }) => /* @__PURE__ */ e(
+), d = ({ onClick: t, children: a, className: i }) => /* @__PURE__ */ e.jsx(
   o.button,
   {
     onClick: t,
-    className: r("flex py-2 w-full px-2 gap-1 rounded-md cursor-pointer mt-2 items-center overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile", a),
+    className: r("flex py-2 w-full px-2 gap-1 rounded-md cursor-pointer mt-2 items-center overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile", i),
     exit: {
       opacity: 0,
       y: -8,
@@ -65,12 +65,13 @@ const l = ({ menuRef: t, children: i, className: a }) => /* @__PURE__ */ e("div"
       transition: { duration: 0.2 }
     },
     whileTap: { scale: 0.98 },
-    children: i
+    children: a
   }
-), f = Object.assign(l, {
-  Divider: s,
+), f = Object.assign(s, {
+  Divider: l,
   Items: d
 });
 export {
-  f as Menu
+  f as Menu,
+  f as default
 };