prometeo-design-system 2.8.4 → 2.8.6

package/dist/OtpInput.es.js

@@ -1,5 +1,5 @@
-import { j as p } from "./jsx-runtime-ByW6EXIE.js";
-import { Check as Re, Error as De } from "./Icons.es.js";
+import { j as p } from "./jsx-runtime-DKDX3adD.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/Pagination.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { motion as a } from "framer-motion";
 function h({
   currentPage: i = 1,

package/dist/ProfilePictureUpload.d.ts

@@ -1,2 +1,6 @@
 export * from './exports/ProfilePictureUpload'
 export {}
+import PrometeoDesignSystem from './exports/ProfilePictureUpload'
+export default PrometeoDesignSystem
+export * from './exports/ProfilePictureUpload'
+export {}

package/dist/ProfilePictureUpload.es.js

@@ -1,151 +1,134 @@
-import { j as n } from "./jsx-runtime-ByW6EXIE.js";
-import { motion as s } from "framer-motion";
-import { memo as T, useRef as b, useLayoutEffect as A } from "react";
-import M from "./Avatar.es.js";
-import { c as l } from "./cn-B6yFEsav.js";
-const I = {
+import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { memo as L, useRef as w, useLayoutEffect as N } from "react";
+import R from "./Avatar.es.js";
+import { c as i } from "./cn-B6yFEsav.js";
+const F = {
   sm: "w-16 h-16",
   md: "w-24 h-24",
   lg: "w-32 h-32",
   xl: "w-40 h-40"
-}, U = {
+}, A = {
   sm: "w-4 h-4",
   md: "w-5 h-5",
   lg: "w-6 h-6",
   xl: "w-8 h-8"
-}, z = {
+}, M = {
   sm: "w-6 h-6",
   md: "w-7 h-7",
   lg: "w-8 h-8",
   xl: "w-10 h-10"
-}, H = {
+}, T = {
   sm: "-bottom-1 -right-0.5",
   md: "-bottom-0.5 -right-0.5",
   lg: "bottom-1 right-1",
   xl: "bottom-3 right-2"
-}, k = {
+}, b = {
   sm: "w-4 h-4",
   md: "w-5 h-5",
   lg: "w-6 h-6",
   xl: "w-7 h-7"
-}, W = {
+}, U = {
   sm: "-top-0.5 -right-0.5",
   md: "-top-1 -right-1",
   lg: "-top-1 -right-0",
   xl: "top-1 right-1"
 };
-function O({
+function z({
   imageUrl: t,
   fallbackText: e = "S L",
-  onFileSelect: p,
-  onEditClick: h,
-  onRemoveClick: C,
-  size: i = "lg",
-  className: x,
-  disabled: o = !1,
+  onFileSelect: y,
+  onEditClick: m,
+  onRemoveClick: k,
+  size: r = "lg",
+  className: C,
+  disabled: n = !1,
   showRemoveButton: j = !0,
-  acceptedTypes: v = "image/*",
-  maxFileSize: g = 5 * 1024 * 1024,
-  onError: f,
-  disableEntryAnimation: w = !1
+  acceptedTypes: p = "image/*",
+  maxFileSize: h = 5 * 1024 * 1024,
+  onError: g
 }) {
-  const y = b(null), u = b(null), B = (r) => r.type.startsWith("image/") ? r.size > g ? (f?.(
-    `La imagen debe ser menor a ${Math.round(g / 1024 / 1024)}MB`
-  ), !1) : !0 : (f?.("Por favor selecciona un archivo de imagen válido"), !1), S = (r) => {
-    const a = r.target.files?.[0];
-    a && (B(a) && p?.(a), r.target.value = "");
-  }, L = () => {
-    o || (h ? h() : y.current?.click());
-  }, N = (r) => {
-    r.stopPropagation(), !o && C?.();
+  const f = w(null), u = w(null), x = (l) => l.type.startsWith("image/") ? l.size > h ? (g?.(
+    `La imagen debe ser menor a ${Math.round(h / 1024 / 1024)}MB`
+  ), !1) : !0 : (g?.("Por favor selecciona un archivo de imagen válido"), !1), v = (l) => {
+    const a = l.target.files?.[0];
+    a && (x(a) && y?.(a), l.target.value = "");
+  }, B = () => {
+    n || (m ? m() : f.current?.click());
+  }, S = (l) => {
+    l.stopPropagation(), !n && k?.();
   };
-  A(() => {
+  return N(() => {
     if (u.current) {
-      const a = ((F) => {
-        let c = F;
+      const a = ((E) => {
+        let c = E;
         for (; c && c !== document.body; ) {
           const d = window.getComputedStyle(c).backgroundColor;
           if (d && d !== "transparent" && d !== "rgba(0, 0, 0, 0)")
             return d;
           c = c.parentElement;
         }
-        const m = window.getComputedStyle(document.body).backgroundColor;
-        return m && m !== "transparent" && m !== "rgba(0, 0, 0, 0)" ? m : "rgb(255, 255, 255)";
+        const s = window.getComputedStyle(document.body).backgroundColor;
+        return s && s !== "transparent" && s !== "rgba(0, 0, 0, 0)" ? s : "rgb(255, 255, 255)";
       })(
         u.current.parentElement
       );
       u.current.style.borderColor = a;
     }
-  }, []);
-  const E = w ? {} : { width: 0, height: 0 }, R = w ? {} : { width: "auto", height: "auto" };
-  return /* @__PURE__ */ n.jsxs(
+  }, []), /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: l("relative inline-block border-inherit group", x),
+      className: i("relative inline-block border-inherit group", C),
       children: [
-        /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ o.jsx(
           "input",
           {
-            ref: y,
+            ref: f,
             type: "file",
-            accept: v,
-            onChange: S,
+            accept: p,
+            onChange: v,
             className: "hidden",
-            disabled: o
+            disabled: n
           }
         ),
-        /* @__PURE__ */ n.jsx(
-          s.div,
+        /* @__PURE__ */ o.jsx(
+          "div",
           {
-            className: l(
-              I[i],
+            className: i(
+              F[r],
               "rounded-full overflow-hidden flex items-center justify-center relative",
-              o && "opacity-50 cursor-not-default"
+              n && "opacity-50 cursor-not-default"
             ),
-            children: /* @__PURE__ */ n.jsx(
-              M,
+            children: /* @__PURE__ */ o.jsx(
+              R,
               {
                 imageUrl: t,
                 fallbackText: e,
-                sizeImage: i,
-                sizeFallback: i
+                sizeImage: r,
+                sizeFallback: r
               }
             )
           }
         ),
-        /* @__PURE__ */ n.jsx(
-          s.button,
+        /* @__PURE__ */ o.jsx(
+          "button",
           {
             ref: u,
-            className: l(
+            className: i(
               "absolute bg-primary-default-default rounded-lg border-2 hover:bg-primary-default-hover cursor-pointer grid place-content-center",
-              H[i],
-              z[i],
-              o && "opacity-50 cursor-not-default"
+              T[r],
+              M[r],
+              n && "opacity-50 cursor-not-default"
             ),
-            onClick: L,
-            disabled: o,
-            whileTap: o ? {} : { scale: 0.95 },
-            initial: E,
-            animate: R,
-            transition: { duration: 0.3, ease: "easeOut" },
-            children: /* @__PURE__ */ n.jsx(
-              s.svg,
+            onClick: B,
+            disabled: n,
+            children: /* @__PURE__ */ o.jsx(
+              "svg",
               {
-                className: l(U[i], "text-white"),
+                className: i(A[r], "text-white"),
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                whileHover: o ? {} : {
-                  x: [0, -1, 0, 1, -1, 0, 1],
-                  y: [0, 1, 0, 1, 0, 1, 1],
-                  rotate: [0, 5, -3, 8, -5, 3, 1]
-                },
-                transition: {
-                  duration: 2,
-                  ease: "easeInOut"
-                },
-                children: /* @__PURE__ */ n.jsx(
+                children: /* @__PURE__ */ o.jsx(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -158,35 +141,27 @@ function O({
             )
           }
         ),
-        t && j && !o && /* @__PURE__ */ n.jsx(
-          s.button,
+        t && j && !n && /* @__PURE__ */ o.jsx(
+          "button",
           {
-            className: l(
+            className: i(
               "absolute rounded-full shadow-lg bg-error-light flex cursor-pointer items-center justify-center",
               "opacity-0 scale-80 group-hover:opacity-100 group-hover:scale-100",
               "transition-all duration-200 ease-out",
-              W[i],
-              k[i],
-              o && "opacity-50 cursor-default"
+              U[r],
+              b[r],
+              n && "opacity-50 cursor-default"
             ),
-            disabled: o,
-            onClick: N,
-            whileTap: { scale: 0.9 },
-            transition: {
-              type: "spring",
-              stiffness: 300,
-              damping: 25
-            },
-            children: /* @__PURE__ */ n.jsx(
-              s.svg,
+            disabled: n,
+            onClick: S,
+            children: /* @__PURE__ */ o.jsx(
+              "svg",
               {
-                className: l(k[i], "text-white p-1"),
+                className: i(b[r], "text-white p-1"),
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                whileHover: { rotate: 90 },
-                transition: { duration: 0.2 },
-                children: /* @__PURE__ */ n.jsx(
+                children: /* @__PURE__ */ o.jsx(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -203,11 +178,12 @@ function O({
     }
   );
 }
-const $ = T(
-  O,
+const W = L(
+  z,
   (t, e) => t.imageUrl === e.imageUrl && t.fallbackText === e.fallbackText && t.size === e.size && t.className === e.className && t.disabled === e.disabled && t.showRemoveButton === e.showRemoveButton && t.acceptedTypes === e.acceptedTypes && t.maxFileSize === e.maxFileSize && t.disableEntryAnimation === e.disableEntryAnimation && t.onFileSelect === e.onFileSelect && t.onEditClick === e.onEditClick && t.onRemoveClick === e.onRemoveClick && t.onError === e.onError
 );
-$.displayName = "ProfilePictureUpload";
+W.displayName = "ProfilePictureUpload";
 export {
-  $ as ProfilePictureUpload
+  W as ProfilePictureUpload,
+  W as default
 };

package/dist/ProgressBar.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import T from "react";
 const M = T.forwardRef(

package/dist/RadioButton.d.ts

@@ -1,2 +1,6 @@
 export * from './exports/RadioButton'
 export {}
+import PrometeoDesignSystem from './exports/RadioButton'
+export default PrometeoDesignSystem
+export * from './exports/RadioButton'
+export {}

package/dist/RadioButton.es.js

@@ -1,7 +1,7 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+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-D_Cqdf1J.js";
+import { H as j } from "./HelperComponent-g_xuKWzK.js";
 const s = k((n, a) => {
   const r = g(null);
   y(() => {
@@ -73,5 +73,6 @@ const s = k((n, a) => {
 s.displayName = "RadioButton";
 const z = x(s);
 export {
-  z as RadioButton
+  z as RadioButton,
+  z as default
 };

package/dist/SegmentedButton.d.ts

@@ -1,2 +1,6 @@
 export * from './exports/SegmentedButton'
 export {}
+import PrometeoDesignSystem from './exports/SegmentedButton'
+export default PrometeoDesignSystem
+export * from './exports/SegmentedButton'
+export {}

package/dist/SegmentedButton.es.js

@@ -1,4 +1,4 @@
-import { j as u } from "./jsx-runtime-ByW6EXIE.js";
+import { j as u } from "./jsx-runtime-DKDX3adD.js";
 import { c as s } from "./cn-B6yFEsav.js";
 import z, { useState as M, useMemo as C, useEffect as L } from "react";
 import { motion as E } from "framer-motion";
@@ -180,5 +180,6 @@ const X = (T) => {
   );
 };
 export {
-  X as SegmentedButton
+  X as SegmentedButton,
+  X as default
 };

package/dist/{Select-D2APaG1z.js → Select-BD5FTxVw.js}

@@ -1,14 +1,14 @@
-import { j as s } from "./jsx-runtime-ByW6EXIE.js";
-import { Close as Qe, Cancel as Xe, ChevronDown as Ue, Search as Ye } from "./Icons.es.js";
+import { j as s } from "./jsx-runtime-DKDX3adD.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-Bdo-Acix.js";
-import { H as ot } from "./HelperComponent-D_Cqdf1J.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 { Skeleton as Ke } from "./Skeleton.es.js";
+import Ke from "./Skeleton.es.js";
 const at = {
   default: {
     container: "text-neutral-default-default border-neutral-default-default ",

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-D2APaG1z.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-ByW6EXIE.js";
-import { g as i, S as H } from "./Select-D2APaG1z.js";
+import { j as G } from "./jsx-runtime-DKDX3adD.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/Skeleton.d.ts

@@ -1,2 +1,6 @@
 export * from './exports/Skeleton'
 export {}
+import PrometeoDesignSystem from './exports/Skeleton'
+export default PrometeoDesignSystem
+export * from './exports/Skeleton'
+export {}

package/dist/Skeleton.es.js

@@ -1,4 +1,4 @@
-import { j as E } from "./jsx-runtime-ByW6EXIE.js";
+import { j as E } from "./jsx-runtime-DKDX3adD.js";
 import { c as B } from "./cn-B6yFEsav.js";
 import { memo as N, useRef as R, useCallback as D, useLayoutEffect as M } from "react";
 const y = (n) => {
@@ -69,5 +69,6 @@ const y = (n) => {
 y.displayName = "Skeleton";
 const x = N(y, (n, e) => n.debugMode === e.debugMode && n.className === e.className && n.children === e.children && n.shape === e.shape && n.animation === e.animation && n.onlyContainer === e.onlyContainer);
 export {
-  x as Skeleton
+  x as Skeleton,
+  x as default
 };

package/dist/Spinner.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
 import { c as L } from "./cn-B6yFEsav.js";
 const y = ({

package/dist/Steps.d.ts

@@ -1,2 +1,6 @@
 export * from './exports/Steps'
 export {}
+import PrometeoDesignSystem from './exports/Steps'
+export default PrometeoDesignSystem
+export * from './exports/Steps'
+export {}