prometeo-design-system 2.9.2 → 2.9.5

package/dist/OtpInput.es.js

@@ -1,5 +1,5 @@
 import { j as p } from "./jsx-runtime-DKDX3adD.js";
-import { Check as Re, Error as De } from "./Icons.es.js";
+import { C as Re, E as De } from "./Icons-DtFC5DJ7.js";
 import { c as $ } from "./cn-B6yFEsav.js";
 import * as n from "react";
 import ge, { memo as Oe } from "react";
@@ -28,8 +28,8 @@ function Ge({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFo
   let [M, d] = n.useState(!1), [D, k] = n.useState(!1), [O, B] = n.useState(!1), _ = n.useMemo(() => r === "none" ? !1 : (r === "increase-width" || r === "experimental-no-flickering") && M && D, [M, D, r]), x = n.useCallback(() => {
     let f = t.current, v = a.current;
     if (!f || !v || O || r === "none") return;
-    let m = f, b = m.getBoundingClientRect().left + m.offsetWidth, w = m.getBoundingClientRect().top + m.offsetHeight / 2, o = b - Le, P = w;
-    document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o, P) === f || (d(!0), B(!0));
+    let m = f, b = m.getBoundingClientRect().left + m.offsetWidth, w = m.getBoundingClientRect().top + m.offsetHeight / 2, o = b - Le, C = w;
+    document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o, C) === f || (d(!0), B(!0));
   }, [t, a, O, r]);
   return n.useEffect(() => {
     let f = t.current;
@@ -55,10 +55,10 @@ function Ge({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFo
   }, [a, u, r, x]), { hasPWMBadge: M, willPushPWMBadge: _, PWM_BADGE_SPACE_WIDTH: $e };
 }
 var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
-  var r = t, { value: u, onChange: M, maxLength: d, textAlign: D = "left", pattern: k, placeholder: O, inputMode: B = "numeric", onComplete: _, pushPasswordManagerStrategy: x = "increase-width", pasteTransformer: f, containerClassName: v, noScriptCSSFallback: m = qe, render: b, children: w } = r, o = Ie(r, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), P, N, U, T, V;
-  let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), i = u ?? te, E = He(i), q = n.useCallback((e) => {
+  var r = t, { value: u, onChange: M, maxLength: d, textAlign: D = "left", pattern: k, placeholder: O, inputMode: B = "numeric", onComplete: _, pushPasswordManagerStrategy: x = "increase-width", pasteTransformer: f, containerClassName: v, noScriptCSSFallback: m = qe, render: b, children: w } = r, o = Ie(r, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), C, N, U, T, V;
+  let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), s = u ?? te, E = He(s), q = n.useCallback((e) => {
     M?.(e), ne(e);
-  }, [M]), C = n.useMemo(() => k ? typeof k == "string" ? new RegExp(k) : k : null, [k]), c = n.useRef(null), le = n.useRef(null), ae = n.useRef({ value: i, onChange: q, isIOS: typeof window < "u" && ((N = (P = window?.CSS) == null ? void 0 : P.supports) == null ? void 0 : N.call(P, "-webkit-touch-callout", "none")) }), X = n.useRef({ prev: [(U = c.current) == null ? void 0 : U.selectionStart, (T = c.current) == null ? void 0 : T.selectionEnd, (V = c.current) == null ? void 0 : V.selectionDirection] });
+  }, [M]), P = n.useMemo(() => k ? typeof k == "string" ? new RegExp(k) : k : null, [k]), c = n.useRef(null), le = n.useRef(null), ae = n.useRef({ value: s, onChange: q, isIOS: typeof window < "u" && ((N = (C = window?.CSS) == null ? void 0 : C.supports) == null ? void 0 : N.call(C, "-webkit-touch-callout", "none")) }), X = n.useRef({ prev: [(U = c.current) == null ? void 0 : U.selectionStart, (T = c.current) == null ? void 0 : T.selectionEnd, (V = c.current) == null ? void 0 : V.selectionDirection] });
   n.useImperativeHandle(a, () => c.current, []), n.useEffect(() => {
     let e = c.current, l = le.current;
     if (!e || !l) return;
@@ -68,33 +68,33 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
         J(null), K(null);
         return;
       }
-      let s = e.selectionStart, g = e.selectionEnd, Y = e.selectionDirection, j = e.maxLength, F = e.value, R = X.current.prev, W = -1, A = -1, H;
-      if (F.length !== 0 && s !== null && g !== null) {
-        let Me = s === g, ke = s === F.length && F.length < j;
+      let i = e.selectionStart, g = e.selectionEnd, Y = e.selectionDirection, j = e.maxLength, F = e.value, R = X.current.prev, W = -1, A = -1, H;
+      if (F.length !== 0 && i !== null && g !== null) {
+        let Me = i === g, ke = i === F.length && F.length < j;
         if (Me && !ke) {
-          let L = s;
+          let L = i;
           if (L === 0) W = 0, A = 1, H = "forward";
           else if (L === j) W = L - 1, A = L, H = "backward";
           else if (j > 1 && F.length > 1) {
-            let ie = 0;
+            let se = 0;
             if (R[0] !== null && R[1] !== null) {
               H = L < R[1] ? "backward" : "forward";
               let Ne = R[0] === R[1] && R[0] < j;
-              H === "backward" && !Ne && (ie = -1);
+              H === "backward" && !Ne && (se = -1);
             }
-            W = ie + L, A = ie + L + 1;
+            W = se + L, A = se + L + 1;
           }
         }
         W !== -1 && A !== -1 && W !== A && c.current.setSelectionRange(W, A, H);
       }
-      let he = W !== -1 ? W : s, ve = A !== -1 ? A : g, Ce = H ?? Y;
-      J(he), K(ve), X.current.prev = [he, ve, Ce];
+      let he = W !== -1 ? W : i, ve = A !== -1 ? A : g, Pe = H ?? Y;
+      J(he), K(ve), X.current.prev = [he, ve, Pe];
     }
     if (document.addEventListener("selectionchange", h, { capture: !0 }), h(), document.activeElement === e && re(!0), !document.getElementById("input-otp-style")) {
-      let s = document.createElement("style");
-      if (s.id = "input-otp-style", document.head.appendChild(s), s.sheet) {
+      let i = document.createElement("style");
+      if (i.id = "input-otp-style", document.head.appendChild(i), i.sheet) {
         let g = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
-        Q(s.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), Q(s.sheet, `[data-input-otp]:autofill { ${g} }`), Q(s.sheet, `[data-input-otp]:-webkit-autofill { ${g} }`), Q(s.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), Q(s.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+        Q(i.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), Q(i.sheet, `[data-input-otp]:autofill { ${g} }`), Q(i.sheet, `[data-input-otp]:-webkit-autofill { ${g} }`), Q(i.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), Q(i.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
       }
     }
     let y = () => {
@@ -111,20 +111,20 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
     Fe(() => {
       var e, l, h, y;
       (e = c.current) == null || e.dispatchEvent(new Event("input"));
-      let S = (l = c.current) == null ? void 0 : l.selectionStart, s = (h = c.current) == null ? void 0 : h.selectionEnd, g = (y = c.current) == null ? void 0 : y.selectionDirection;
-      S !== null && s !== null && (J(S), K(s), X.current.prev = [S, s, g]);
+      let S = (l = c.current) == null ? void 0 : l.selectionStart, i = (h = c.current) == null ? void 0 : h.selectionEnd, g = (y = c.current) == null ? void 0 : y.selectionDirection;
+      S !== null && i !== null && (J(S), K(i), X.current.prev = [S, i, g]);
     });
-  }, [i, Z]), n.useEffect(() => {
-    E !== void 0 && i !== E && E.length < d && i.length === d && _?.(i);
-  }, [d, _, E, i]);
+  }, [s, Z]), n.useEffect(() => {
+    E !== void 0 && s !== E && E.length < d && s.length === d && _?.(s);
+  }, [d, _, E, s]);
   let G = Ge({ containerRef: le, inputRef: c, pushPasswordManagerStrategy: x, isFocused: Z }), de = n.useCallback((e) => {
     let l = e.currentTarget.value.slice(0, d);
-    if (l.length > 0 && C && !C.test(l)) {
+    if (l.length > 0 && P && !P.test(l)) {
       e.preventDefault();
       return;
     }
     typeof E == "string" && l.length < E.length && document.dispatchEvent(new Event("selectionchange")), q(l);
-  }, [d, q, E, C]), fe = n.useCallback(() => {
+  }, [d, q, E, P]), fe = n.useCallback(() => {
     var e;
     if (c.current) {
       let l = Math.min(c.current.value.length, d - 1), h = c.current.value.length;
@@ -135,14 +135,14 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
     var l, h;
     let y = c.current;
     if (!f && (!ae.current.isIOS || !e.clipboardData || !y)) return;
-    let S = e.clipboardData.getData("text/plain"), s = f ? f(S) : S;
+    let S = e.clipboardData.getData("text/plain"), i = f ? f(S) : S;
     e.preventDefault();
-    let g = (l = c.current) == null ? void 0 : l.selectionStart, Y = (h = c.current) == null ? void 0 : h.selectionEnd, j = (g !== Y ? i.slice(0, g) + s + i.slice(Y) : i.slice(0, g) + s + i.slice(g)).slice(0, d);
-    if (j.length > 0 && C && !C.test(j)) return;
+    let g = (l = c.current) == null ? void 0 : l.selectionStart, Y = (h = c.current) == null ? void 0 : h.selectionEnd, j = (g !== Y ? s.slice(0, g) + i + s.slice(Y) : s.slice(0, g) + i + s.slice(g)).slice(0, d);
+    if (j.length > 0 && P && !P.test(j)) return;
     y.value = j, q(j);
     let F = Math.min(j.length, d - 1), R = j.length;
     y.setSelectionRange(F, R), J(F), K(R);
-  }, [d, q, C, i]), Ee = n.useMemo(() => ({ position: "relative", cursor: o.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [o.disabled]), me = n.useMemo(() => ({ position: "absolute", inset: 0, width: G.willPushPWMBadge ? `calc(100% + ${G.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: G.willPushPWMBadge ? `inset(0 ${G.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: D, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [G.PWM_BADGE_SPACE_WIDTH, G.willPushPWMBadge, D]), je = n.useMemo(() => n.createElement("input", _e(Be({ autoComplete: o.autoComplete || "one-time-code" }, o), { "data-input-otp": !0, "data-input-otp-placeholder-shown": i.length === 0 || void 0, "data-input-otp-mss": I, "data-input-otp-mse": z, inputMode: B, pattern: C?.source, "aria-placeholder": O, style: me, maxLength: d, value: i, ref: c, onPaste: (e) => {
+  }, [d, q, P, s]), Ee = n.useMemo(() => ({ position: "relative", cursor: o.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [o.disabled]), me = n.useMemo(() => ({ position: "absolute", inset: 0, width: G.willPushPWMBadge ? `calc(100% + ${G.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: G.willPushPWMBadge ? `inset(0 ${G.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: D, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [G.PWM_BADGE_SPACE_WIDTH, G.willPushPWMBadge, D]), je = n.useMemo(() => n.createElement("input", _e(Be({ autoComplete: o.autoComplete || "one-time-code" }, o), { "data-input-otp": !0, "data-input-otp-placeholder-shown": s.length === 0 || void 0, "data-input-otp-mss": I, "data-input-otp-mse": z, inputMode: B, pattern: P?.source, "aria-placeholder": O, style: me, maxLength: d, value: s, ref: c, onPaste: (e) => {
     var l;
     pe(e), (l = o.onPaste) == null || l.call(o, e);
   }, onChange: de, onMouseOver: (e) => {
@@ -157,12 +157,12 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
   }, onBlur: (e) => {
     var l;
     re(!1), (l = o.onBlur) == null || l.call(o, e);
-  } })), [de, fe, pe, B, me, d, z, I, o, C?.source, i]), oe = n.useMemo(() => ({ slots: Array.from({ length: d }).map((e, l) => {
+  } })), [de, fe, pe, B, me, d, z, I, o, P?.source, s]), oe = n.useMemo(() => ({ slots: Array.from({ length: d }).map((e, l) => {
     var h;
-    let y = Z && I !== null && z !== null && (I === z && l === I || l >= I && l < z), S = i[l] !== void 0 ? i[l] : null, s = i[0] !== void 0 ? null : (h = O?.[l]) != null ? h : null;
-    return { char: S, placeholderChar: s, isActive: y, hasFakeCaret: y && S === null };
-  }), isFocused: Z, isHovering: !o.disabled && ue }), [Z, ue, d, z, I, o.disabled, i]), Pe = n.useMemo(() => b ? b(oe) : n.createElement(Ve.Provider, { value: oe }, w), [w, oe, b]);
-  return n.createElement(n.Fragment, null, m !== null && n.createElement("noscript", null, n.createElement("style", null, m)), n.createElement("div", { ref: le, "data-input-otp-container": !0, style: Ee, className: v }, Pe, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, je)));
+    let y = Z && I !== null && z !== null && (I === z && l === I || l >= I && l < z), S = s[l] !== void 0 ? s[l] : null, i = s[0] !== void 0 ? null : (h = O?.[l]) != null ? h : null;
+    return { char: S, placeholderChar: i, isActive: y, hasFakeCaret: y && S === null };
+  }), isFocused: Z, isHovering: !o.disabled && ue }), [Z, ue, d, z, I, o.disabled, s]), Ce = n.useMemo(() => b ? b(oe) : n.createElement(Ve.Provider, { value: oe }, w), [w, oe, b]);
+  return n.createElement(n.Fragment, null, m !== null && n.createElement("noscript", null, n.createElement("style", null, m)), n.createElement("div", { ref: le, "data-input-otp-container": !0, style: Ee, className: v }, Ce, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, je)));
 });
 Se.displayName = "Input";
 function Q(t, a) {
@@ -212,7 +212,7 @@ const Ze = ({
   variant: w = "default",
   hideSlotsMiddleSeparator: o = !1
 }) => {
-  const P = m === "left" ? "justify-start w-full text-left" : m === "center" ? "justify-center" : "justify-end text-right w-full", N = {
+  const C = m === "left" ? "justify-start w-full text-left" : m === "center" ? "justify-center" : "justify-end text-right w-full", N = {
     default: {
       text: "text-neutral-default-default",
       icon: null
@@ -246,23 +246,23 @@ const Ze = ({
         const V = Math.floor(T.length / 2), te = T.slice(0, V), ne = T.slice(V);
         return /* @__PURE__ */ p.jsxs("div", { className: "flex flex-col items-center", children: [
           /* @__PURE__ */ p.jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ p.jsx("div", { className: "flex", children: te.map((i, E) => /* @__PURE__ */ p.jsx(se, { ...i, placeholder: D, hasError: f, className: b, variant: w }, E)) }),
+            /* @__PURE__ */ p.jsx("div", { className: "flex", children: te.map((s, E) => /* @__PURE__ */ p.jsx(ie, { ...s, placeholder: D, hasError: f, className: b, variant: w }, E)) }),
             /* @__PURE__ */ p.jsx("hr", { className: $("w-2 h-1 mx-2 border-neutral-default-default", o && "hidden") }),
-            /* @__PURE__ */ p.jsx("div", { className: "flex", children: ne.map((i, E) => /* @__PURE__ */ p.jsx(se, { ...i, placeholder: D, hasError: f, variant: w, className: b }, E)) })
+            /* @__PURE__ */ p.jsx("div", { className: "flex", children: ne.map((s, E) => /* @__PURE__ */ p.jsx(ie, { ...s, placeholder: D, hasError: f, variant: w, className: b }, E)) })
           ] }),
-          f && x && (typeof x == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-error-default-default text-xs mt-1 flex items-center gap-1", P, N.error.text), children: [
+          f && x && (typeof x == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-error-default-default text-xs mt-1 flex items-center gap-1", C, N.error.text), children: [
             N.error.icon,
             x
           ] }) : ge.cloneElement(x, { className: $(
             "text-error-default-default text-xs mt-1",
-            P,
+            C,
             N.error.text,
             x?.props?.className
           ) })),
-          v && m && (typeof v == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-neutral-medium-default text-xs mt-1 flex items-center gap-1", N[w].text, P), children: [
+          v && m && (typeof v == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-neutral-medium-default text-xs mt-1 flex items-center gap-1", N[w].text, C), children: [
             N[w].icon,
             v
-          ] }) : ge.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", P, N[w].text, v?.props?.className) }))
+          ] }) : ge.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", C, N[w].text, v?.props?.className) }))
         ] });
       }
     }
@@ -294,8 +294,8 @@ const Je = (t) => {
       ]
     }
   );
-}, se = Oe(Je);
-se.displayName = "Slot";
+}, ie = Oe(Je);
+ie.displayName = "Slot";
 export {
   Ze as default
 };

package/dist/RadioButton.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as t } from "./cn-B6yFEsav.js";
 import { memo as x, forwardRef as k, useRef as g, useEffect as y } from "react";
-import { H as j } from "./HelperComponent-BeNlTMqI.js";
+import { H as j } from "./HelperComponent-g_xuKWzK.js";
 const s = k((n, a) => {
   const r = g(null);
   y(() => {

package/dist/{Select-L7JCe1-i.js → Select-BD5FTxVw.js}

@@ -1,12 +1,12 @@
 import { j as s } from "./jsx-runtime-DKDX3adD.js";
-import { Close as Qe, Cancel as Xe, ChevronDown as Ue, Search as Ye } from "./Icons.es.js";
+import { a as Qe, i as Xe, f as Ue, S as Ye } from "./Icons-DtFC5DJ7.js";
 import { c as f } from "./cn-B6yFEsav.js";
 import Ne, { memo as Z, useState as De, useRef as ce, useMemo as oe, useCallback as U, useEffect as ve, useImperativeHandle as Ze } from "react";
 import et from "./Spinner.es.js";
 import { createPortal as tt } from "react-dom";
 import { u as nt } from "./useDragScroll-CHN9OMwn.js";
-import { u as rt, I as lt } from "./Input-Bdiozi8s.js";
-import { H as ot } from "./HelperComponent-BeNlTMqI.js";
+import { u as rt, I as lt } from "./Input-Cck37DpG.js";
+import { H as ot } from "./HelperComponent-g_xuKWzK.js";
 import st from "./CheckBox.es.js";
 import Ke from "./Skeleton.es.js";
 const at = {

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-L7JCe1-i.js";
+import { S as f } from "./Select-BD5FTxVw.js";
 export {
   f as default
 };

package/dist/SelectSearch.es.js

@@ -1,5 +1,5 @@
 import { j as G } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as H } from "./Select-L7JCe1-i.js";
+import { g as i, S as H } from "./Select-BD5FTxVw.js";
 import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
 function te(e) {
   const {

package/dist/Steps.es.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { Check as j } from "./Icons.es.js";
+import { C as j } from "./Icons-DtFC5DJ7.js";
 import { c as y } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/Toast.es.js

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import w from "react";
 import { toast as p } from "sonner";
-import { c as s } from "./cn-B6yFEsav.js";
-import { Info as m, Error as u, Cancel as f, CheckCircle as b, Close as C } from "./Icons.es.js";
+import { c as r } from "./cn-B6yFEsav.js";
+import { I as m, E as u, i as f, k as b, a as C } from "./Icons-DtFC5DJ7.js";
 import h from "./Button.es.js";
 const x = {
   dark: {
@@ -63,18 +63,18 @@ const x = {
     shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
   }
 }, v = (l) => {
-  const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose: g = !1 } = l;
+  const { title: t, description: o, button: s, id: n, icon: c, variant: d = "info", colorMode: a = "dark", showClose: g = !1 } = l;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       style: {
-        boxShadow: i[t].shadow
+        boxShadow: i[a].shadow
       },
-      className: s(
+      className: r(
         "flex p-3 pb-4 md:w-[485px] md:max-w-[485px] md:min-w-[485px] md:h-[68px] md:max-h-[68px] rounded-lg gap-2",
         "w-[345px] max-w-[345px] min-w-[345px] h-[68px] max-h-[68px]",
-        i[t].container,
-        x[t][d].container
+        i[a].container,
+        x[a][d].container
       ),
       children: [
         /* @__PURE__ */ e.jsxs(
@@ -82,20 +82,20 @@ const x = {
           {
             className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
             children: [
-              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(c || x[t][d].icon, { size: 24, className: x[t][d].iconClass }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(c || x[a][d].icon, { size: 24, className: x[a][d].iconClass }) }),
               /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
-                /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", i[t].title), children: a }),
-                o && /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", i[t].description), children: o })
+                /* @__PURE__ */ e.jsx("p", { className: r("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", i[a].title), children: t }),
+                o && /* @__PURE__ */ e.jsx("p", { className: r("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", i[a].description), children: o })
               ] })
             ]
           }
         ),
-        r?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+        s?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
           h,
           {
-            label: r?.label,
+            label: s?.label,
             onClick: () => {
-              r?.onClick(), p.dismiss(n);
+              s?.onClick(), p.dismiss(n);
             },
             size: "small",
             color: "secondary"
@@ -110,28 +110,28 @@ const x = {
             label: "",
             size: "small",
             color: "secondary",
-            icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
+            icon: /* @__PURE__ */ e.jsx(C, { className: r(a === "light" ? "text-neutral-medium-focused " : "") }),
             variant: "text",
             animate: !1,
-            className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
+            className: r(a === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
           }
         ) })
       ]
     }
   );
 };
-function M(l, a) {
-  const { duration: o = 2500, showClose: r = !1, colorMode: n = "dark" } = a || {};
+function M(l, t) {
+  const { duration: o = 2500, showClose: s = !1, colorMode: n = "dark" } = t || {};
   return p.custom((c) => /* @__PURE__ */ e.jsx(
     v,
     {
       id: c,
-      variant: a?.variant || "success",
+      variant: t?.variant || "success",
       title: l,
-      description: a?.description,
-      icon: a?.icon,
-      button: a?.button,
-      showClose: r,
+      description: t?.description,
+      icon: t?.icon,
+      button: t?.button,
+      showClose: s,
       colorMode: n
     }
   ), {

package/dist/Tooltip.es.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { Close as f } from "./Icons.es.js";
+import { a as f } from "./Icons-DtFC5DJ7.js";
 import { AnimatePresence as p, motion as n } from "framer-motion";
 import { useState as x, cloneElement as b } from "react";
 const N = ({

package/dist/exports/Icons.d.ts

@@ -1 +1,2 @@
-export * from '../Icons/Icons';
+export { Icons as default } from '../Icons/Icons';
+export { Icons } from '../Icons/Icons';

package/dist/index.d.ts

@@ -3,6 +3,8 @@ export { default as Button } from './components/Button/Button';
 export { CardProfile } from './components/CardProfile/CardProfile';
 export { default as CheckBox } from './components/CheckBox/CheckBox';
 export { default as DialogModal } from './components/Dialog/Dialog';
+export { default as DrawerDesktop } from './components/Drawer/DrawerDesktop';
+export { default as DrawerMobile } from './components/Drawer/DrawerMobile';
 export { default as Header } from './components/Header/Header';
 export { default as Input } from './components/Input/Input';
 export { default as InputMultiple } from './components/InputMultiple/InputMultiple';
@@ -41,6 +43,8 @@ export { CompanyLogo } from './components/Sidebar/components/company-logo';
 export { NavbarLinks } from './components/Sidebar/components/nav-links';
 export { default as OtpInput } from './components/OtpInput/OtpInput';
 export { useDialogControl } from './components/Dialog/useDialogControl';
+export { useDrawerDesktop } from './components/Drawer/useDrawerDesktop';
+export { useDrawerMobile } from './components/Drawer/useDrawerMobile';
 export { useFileDropzone } from './components/DropZone/useFileDropzone';
 export { SidebarProvider as SidebarRefProvider, useSidebarContext, } from './components/Sidebar/context/SidebarContext';
 export { SidebarProvider } from './components/Sidebar/hooks/SidebarProvider';
@@ -94,4 +98,3 @@ export type { BaseSelectSearchProps as SelectSearchProps } from './components/Se
 export type { FAButtonProps } from './components/FAB/FAButton';
 export type { RadioButtonProps } from './components/RadioButton/RadioButton';
 export { Icons } from './Icons/Icons';
-export * from './Icons/Icons';

package/dist/prometeo-design-system.css

@@ -0,0 +1 @@
+@keyframes galleryFadeIn{0%{opacity:.5}to{opacity:1}}.skeleton-shimmer-animation{position:relative;overflow:hidden;will-change:transform;--shimmer-color-r: 255;--shimmer-color-g: 255;--shimmer-color-b: 255;--shimmer-color-a: .08}.skeleton-shimmer-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--shimmer-color-r),var(--shimmer-color-g),var(--shimmer-color-b),var(--shimmer-color-a)) 50%,transparent 100%);animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.skeleton-border-animation{position:relative;--border-angle: 0deg;--border-color-r: 255;--border-color-g: 255;--border-color-b: 255}.skeleton-border-animation:before{content:"";position:absolute;inset:-2px;padding:2px;background:conic-gradient(from var(--border-angle),transparent 0deg,transparent 60deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 300deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 320deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.5) 340deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 350deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 355deg,transparent 360deg);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:skeleton-border-rotate 2.5s linear infinite}@keyframes skeleton-border-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}:root{--bg-color: var(--neutral-900)}.rdp-caption_label{display:none}.rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rdp-month_caption{display:flex;align-items:center;gap:.5rem;position:relative;padding:4px 12px;height:56px}.rdp-nav{display:flex;position:absolute;top:0;right:0;z-index:20;fill:var(--neutral-100)}.rdp-nav button{width:48px;height:48px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.rdp-nav button svg{width:18px}.rdp-nav button svg:hover{fill:var(--primary-500)}.rdp-dropdown_root{background-color:var(--bg-color);border-radius:4px;padding:0 4px 0 0;transition:background-color .3s ease}.rdp-dropdown_root:hover{background-color:var(--neutral-800)}.rdp-dropdown_root:hover select{transition:background-color .3s ease;background-color:var(--neutral-800)}.rdp-dropdowns{display:flex;gap:8px;align-items:center;font-size:16px}.rdp-dropdowns select{background-color:var(--bg-color);text-transform:capitalize;padding:10px 4px;border-radius:4px}.rdp-months{position:relative}.today-day-button button{border:1px solid}.selected-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none}.selected-day-button button:hover{background-color:var(--primary-600);color:var(--neutral-300)}.selected-day-button button:active{background-color:var(--primary-700);color:var(--neutral-400)}.range-start-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-start-day-button button:after{content:"";position:absolute;top:50%;right:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(100%) translateY(-50%);border-radius:0}.range-end-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-end-day-button button:after{content:"";position:absolute;top:50%;left:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(-100%) translateY(-50%);border-radius:0}.range-middle-day-button button{background-color:transparent;color:var(--neutral-200);border:none;position:relative}.range-middle-day-button button:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:48px;transform:translate(-50%) translateY(-50%);border-radius:0}.rdp-month{justify-self:center}.desktop-drawer-visible{display:block;opacity:1;transform:translate(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden.left-0{transform:translate(-100%)}.desktop-drawer-hidden.right-0{transform:translate(100%)}@starting-style{.desktop-drawer-visible{opacity:0}.desktop-drawer-visible.left-0{transform:translate(-100%)}.desktop-drawer-visible.right-0{transform:translate(100%)}}.drawer-overlay-visible{display:block;opacity:1;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.drawer-overlay-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}@starting-style{.drawer-overlay-visible{opacity:0}}.tabswitch-element{position:relative;--border-color: var(--color-neutral-500);--tab-bg: var(--color-neutral-900);z-index:10;background-color:transparent;cursor:pointer;border-top:solid 1px transparent;border-left:solid 1px transparent;border-bottom:solid 1px transparent;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear .3s}.tabswitch-element:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;transform:translateY(-100%);background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:before{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;transform:translateY(100%);background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:not(.active):after,.tabswitch-element:not(.active):before{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active{background-color:var(--tab-bg);border-color:var(--border-color);z-index:30;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear 0s}.tabswitch-element.active:after{opacity:1;top:0;background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active:before{opacity:1;bottom:0;background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active .tab-thumbnail-icon{animation:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tabswitch-element .tab-thumbnail-icon{transition:all .35s cubic-bezier(.4,0,.2,1);color:currentColor}.tabswitch-element:not(.active):hover .tab-thumbnail-icon{transform:scale(1.05)}.tabswitch-element.active .tab-thumbnail-icon{color:inherit}