prometeo-design-system 1.5.5 → 1.5.7

package/dist/OtpInput.es.js

@@ -0,0 +1,244 @@
+import { j as h } from "./jsx-runtime-ByW6EXIE.js";
+import { c as he } from "./cn-B6yFEsav.js";
+import * as t from "react";
+var Re = Object.defineProperty, De = Object.defineProperties, Te = Object.getOwnPropertyDescriptors, K = Object.getOwnPropertySymbols, ve = Object.prototype.hasOwnProperty, ge = Object.prototype.propertyIsEnumerable, me = (n, l, a) => l in n ? Re(n, l, { enumerable: !0, configurable: !0, writable: !0, value: a }) : n[l] = a, Ae = (n, l) => {
+  for (var a in l || (l = {})) ve.call(l, a) && me(n, a, l[a]);
+  if (K) for (var a of K(l)) ge.call(l, a) && me(n, a, l[a]);
+  return n;
+}, Oe = (n, l) => De(n, Te(l)), We = (n, l) => {
+  var a = {};
+  for (var u in n) ve.call(n, u) && l.indexOf(u) < 0 && (a[u] = n[u]);
+  if (n != null && K) for (var u of K(n)) l.indexOf(u) < 0 && ge.call(n, u) && (a[u] = n[u]);
+  return a;
+};
+function Be(n) {
+  let l = setTimeout(n, 0), a = setTimeout(n, 10), u = setTimeout(n, 50);
+  return [l, a, u];
+}
+function Ne(n) {
+  let l = t.useRef();
+  return t.useEffect(() => {
+    l.current = n;
+  }), l.current;
+}
+var Ie = 18, be = 40, _e = `${be}px`, Fe = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
+function He({ containerRef: n, inputRef: l, pushPasswordManagerStrategy: a, isFocused: u }) {
+  let [E, d] = t.useState(!1), [T, y] = t.useState(!1), [k, A] = t.useState(!1), C = t.useMemo(() => a === "none" ? !1 : (a === "increase-width" || a === "experimental-no-flickering") && E && T, [E, T, a]), P = t.useCallback(() => {
+    let p = n.current, v = l.current;
+    if (!p || !v || k || a === "none") return;
+    let x = p, j = x.getBoundingClientRect().left + x.offsetWidth, _ = x.getBoundingClientRect().top + x.offsetHeight / 2, i = j - Ie, L = _;
+    document.querySelectorAll(Fe).length === 0 && document.elementFromPoint(i, L) === p || (d(!0), A(!0));
+  }, [n, l, k, a]);
+  return t.useEffect(() => {
+    let p = n.current;
+    if (!p || a === "none") return;
+    function v() {
+      let j = window.innerWidth - p.getBoundingClientRect().right;
+      y(j >= be);
+    }
+    v();
+    let x = setInterval(v, 1e3);
+    return () => {
+      clearInterval(x);
+    };
+  }, [n, a]), t.useEffect(() => {
+    let p = u || document.activeElement === l.current;
+    if (a === "none" || !p) return;
+    let v = setTimeout(P, 0), x = setTimeout(P, 2e3), j = setTimeout(P, 5e3), _ = setTimeout(() => {
+      A(!0);
+    }, 6e3);
+    return () => {
+      clearTimeout(v), clearTimeout(x), clearTimeout(j), clearTimeout(_);
+    };
+  }, [l, u, a, P]), { hasPWMBadge: E, willPushPWMBadge: C, PWM_BADGE_SPACE_WIDTH: _e };
+}
+var Le = t.createContext({}), xe = t.forwardRef((n, l) => {
+  var a = n, { value: u, onChange: E, maxLength: d, textAlign: T = "left", pattern: y, placeholder: k, inputMode: A = "numeric", onComplete: C, pushPasswordManagerStrategy: P = "increase-width", pasteTransformer: p, containerClassName: v, noScriptCSSFallback: x = $e, render: j, children: _ } = a, i = We(a, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, te, ne, re, le;
+  let [we, Ee] = t.useState(typeof i.defaultValue == "string" ? i.defaultValue : ""), s = u ?? we, O = Ne(s), $ = t.useCallback((e) => {
+    E?.(e), Ee(e);
+  }, [E]), S = t.useMemo(() => y ? typeof y == "string" ? new RegExp(y) : y : null, [y]), c = t.useRef(null), Q = t.useRef(null), U = t.useRef({ value: s, onChange: $, isIOS: typeof window < "u" && ((te = (L = window?.CSS) == null ? void 0 : L.supports) == null ? void 0 : te.call(L, "-webkit-touch-callout", "none")) }), Z = t.useRef({ prev: [(ne = c.current) == null ? void 0 : ne.selectionStart, (re = c.current) == null ? void 0 : re.selectionEnd, (le = c.current) == null ? void 0 : le.selectionDirection] });
+  t.useImperativeHandle(l, () => c.current, []), t.useEffect(() => {
+    let e = c.current, r = Q.current;
+    if (!e || !r) return;
+    U.current.value !== e.value && U.current.onChange(e.value), Z.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
+    function m() {
+      if (document.activeElement !== e) {
+        z(null), V(null);
+        return;
+      }
+      let o = e.selectionStart, f = e.selectionEnd, J = e.selectionDirection, w = e.maxLength, B = e.value, M = Z.current.prev, R = -1, D = -1, N;
+      if (B.length !== 0 && o !== null && f !== null) {
+        let je = o === f, Me = o === B.length && B.length < w;
+        if (je && !Me) {
+          let I = o;
+          if (I === 0) R = 0, D = 1, N = "forward";
+          else if (I === w) R = I - 1, D = I, N = "backward";
+          else if (w > 1 && B.length > 1) {
+            let ee = 0;
+            if (M[0] !== null && M[1] !== null) {
+              N = I < M[1] ? "backward" : "forward";
+              let ke = M[0] === M[1] && M[0] < w;
+              N === "backward" && !ke && (ee = -1);
+            }
+            R = ee + I, D = ee + I + 1;
+          }
+        }
+        R !== -1 && D !== -1 && R !== D && c.current.setSelectionRange(R, D, N);
+      }
+      let de = R !== -1 ? R : o, pe = D !== -1 ? D : f, Pe = N ?? J;
+      z(de), V(pe), Z.current.prev = [de, pe, Pe];
+    }
+    if (document.addEventListener("selectionchange", m, { capture: !0 }), m(), document.activeElement === e && X(!0), !document.getElementById("input-otp-style")) {
+      let o = document.createElement("style");
+      if (o.id = "input-otp-style", document.head.appendChild(o), o.sheet) {
+        let f = "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(o.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), q(o.sheet, `[data-input-otp]:autofill { ${f} }`), q(o.sheet, `[data-input-otp]:-webkit-autofill { ${f} }`), q(o.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(o.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+      }
+    }
+    let g = () => {
+      r && r.style.setProperty("--root-height", `${e.clientHeight}px`);
+    };
+    g();
+    let b = new ResizeObserver(g);
+    return b.observe(e), () => {
+      document.removeEventListener("selectionchange", m, { capture: !0 }), b.disconnect();
+    };
+  }, []);
+  let [ae, oe] = t.useState(!1), [G, X] = t.useState(!1), [W, z] = t.useState(null), [F, V] = t.useState(null);
+  t.useEffect(() => {
+    Be(() => {
+      var e, r, m, g;
+      (e = c.current) == null || e.dispatchEvent(new Event("input"));
+      let b = (r = c.current) == null ? void 0 : r.selectionStart, o = (m = c.current) == null ? void 0 : m.selectionEnd, f = (g = c.current) == null ? void 0 : g.selectionDirection;
+      b !== null && o !== null && (z(b), V(o), Z.current.prev = [b, o, f]);
+    });
+  }, [s, G]), t.useEffect(() => {
+    O !== void 0 && s !== O && O.length < d && s.length === d && C?.(s);
+  }, [d, C, O, s]);
+  let H = He({ containerRef: Q, inputRef: c, pushPasswordManagerStrategy: P, isFocused: G }), ie = t.useCallback((e) => {
+    let r = e.currentTarget.value.slice(0, d);
+    if (r.length > 0 && S && !S.test(r)) {
+      e.preventDefault();
+      return;
+    }
+    typeof O == "string" && r.length < O.length && document.dispatchEvent(new Event("selectionchange")), $(r);
+  }, [d, $, O, S]), ue = t.useCallback(() => {
+    var e;
+    if (c.current) {
+      let r = Math.min(c.current.value.length, d - 1), m = c.current.value.length;
+      (e = c.current) == null || e.setSelectionRange(r, m), z(r), V(m);
+    }
+    X(!0);
+  }, [d]), se = t.useCallback((e) => {
+    var r, m;
+    let g = c.current;
+    if (!p && (!U.current.isIOS || !e.clipboardData || !g)) return;
+    let b = e.clipboardData.getData("text/plain"), o = p ? p(b) : b;
+    e.preventDefault();
+    let f = (r = c.current) == null ? void 0 : r.selectionStart, J = (m = c.current) == null ? void 0 : m.selectionEnd, w = (f !== J ? s.slice(0, f) + o + s.slice(J) : s.slice(0, f) + o + s.slice(f)).slice(0, d);
+    if (w.length > 0 && S && !S.test(w)) return;
+    g.value = w, $(w);
+    let B = Math.min(w.length, d - 1), M = w.length;
+    g.setSelectionRange(B, M), z(B), V(M);
+  }, [d, $, S, s]), Se = t.useMemo(() => ({ position: "relative", cursor: i.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [i.disabled]), ce = t.useMemo(() => ({ position: "absolute", inset: 0, width: H.willPushPWMBadge ? `calc(100% + ${H.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: H.willPushPWMBadge ? `inset(0 ${H.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: T, 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" }), [H.PWM_BADGE_SPACE_WIDTH, H.willPushPWMBadge, T]), ye = t.useMemo(() => t.createElement("input", Oe(Ae({ autoComplete: i.autoComplete || "one-time-code" }, i), { "data-input-otp": !0, "data-input-otp-placeholder-shown": s.length === 0 || void 0, "data-input-otp-mss": W, "data-input-otp-mse": F, inputMode: A, pattern: S?.source, "aria-placeholder": k, style: ce, maxLength: d, value: s, ref: c, onPaste: (e) => {
+    var r;
+    se(e), (r = i.onPaste) == null || r.call(i, e);
+  }, onChange: ie, onMouseOver: (e) => {
+    var r;
+    oe(!0), (r = i.onMouseOver) == null || r.call(i, e);
+  }, onMouseLeave: (e) => {
+    var r;
+    oe(!1), (r = i.onMouseLeave) == null || r.call(i, e);
+  }, onFocus: (e) => {
+    var r;
+    ue(), (r = i.onFocus) == null || r.call(i, e);
+  }, onBlur: (e) => {
+    var r;
+    X(!1), (r = i.onBlur) == null || r.call(i, e);
+  } })), [ie, ue, se, A, ce, d, F, W, i, S?.source, s]), Y = t.useMemo(() => ({ slots: Array.from({ length: d }).map((e, r) => {
+    var m;
+    let g = G && W !== null && F !== null && (W === F && r === W || r >= W && r < F), b = s[r] !== void 0 ? s[r] : null, o = s[0] !== void 0 ? null : (m = k?.[r]) != null ? m : null;
+    return { char: b, placeholderChar: o, isActive: g, hasFakeCaret: g && b === null };
+  }), isFocused: G, isHovering: !i.disabled && ae }), [G, ae, d, F, W, i.disabled, s]), Ce = t.useMemo(() => j ? j(Y) : t.createElement(Le.Provider, { value: Y }, _), [_, Y, j]);
+  return t.createElement(t.Fragment, null, x !== null && t.createElement("noscript", null, t.createElement("style", null, x)), t.createElement("div", { ref: Q, "data-input-otp-container": !0, style: Se, className: v }, Ce, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, ye)));
+});
+xe.displayName = "Input";
+function q(n, l) {
+  try {
+    n.insertRule(l);
+  } catch {
+    console.error("input-otp could not insert CSS rule:", l);
+  }
+}
+var $e = `
+[data-input-otp] {
+  --nojs-bg: white !important;
+  --nojs-fg: black !important;
+
+  background-color: var(--nojs-bg) !important;
+  color: var(--nojs-fg) !important;
+  caret-color: var(--nojs-fg) !important;
+  letter-spacing: .25em !important;
+  text-align: center !important;
+  border: 1px solid var(--nojs-fg) !important;
+  border-radius: 4px !important;
+  width: 100% !important;
+}
+@media (prefers-color-scheme: dark) {
+  [data-input-otp] {
+    --nojs-bg: black !important;
+    --nojs-fg: white !important;
+  }
+}`;
+const Ve = ({
+  value: n = "",
+  onChange: l,
+  onComplete: a,
+  maxLength: u = 6,
+  placeholder: E = "•",
+  disabled: d = !1,
+  className: T,
+  autoFocus: y = !1,
+  pasteTransformer: k,
+  errorComponent: A,
+  hasError: C
+}) => /* @__PURE__ */ h.jsx(
+  xe,
+  {
+    value: n,
+    autoFocus: y,
+    onChange: l,
+    onComplete: a,
+    maxLength: u,
+    disabled: d,
+    pasteTransformer: k,
+    containerClassName: he("group flex items-center has-[:disabled]:opacity-30", T),
+    render: ({ slots: P }) => /* @__PURE__ */ h.jsxs("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ h.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ h.jsx("div", { className: "flex", children: P.slice(0, 3).map((p, v) => /* @__PURE__ */ h.jsx(fe, { ...p, placeholder: E, hasError: C }, v)) }),
+        /* @__PURE__ */ h.jsx("hr", { className: "w-2 h-1 mx-2 border-neutral-default-default" }),
+        /* @__PURE__ */ h.jsx("div", { className: "flex", children: P.slice(3).map((p, v) => /* @__PURE__ */ h.jsx(fe, { ...p, placeholder: E, hasError: C }, v)) })
+      ] }),
+      C && /* @__PURE__ */ h.jsx("span", { className: "text-error-default-default text-xs mt-1", children: A })
+    ] })
+  }
+), fe = (n) => /* @__PURE__ */ h.jsxs(
+  "div",
+  {
+    className: he(
+      "relative w-14 h-14 text-[1.2rem] text-white",
+      "flex items-center justify-center",
+      "transition-all duration-300",
+      "border-2 border-neutral-default-default rounded-md mx-1",
+      { "border-2 border-primary-default-default": n.isActive },
+      n.hasError && "border-error-default-default"
+    ),
+    children: [
+      /* @__PURE__ */ h.jsx("div", { className: "group-has-[input[data-input-otp-placeholder-shown]]:opacity-20", children: n.char ?? n.placeholder }),
+      n.hasFakeCaret && /* @__PURE__ */ h.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ h.jsx("div", { className: "w-3 h-1 rounded-full bg-neutral-default-default animate-pulse" }) })
+    ]
+  }
+);
+export {
+  Ve as default
+};

package/dist/Pagination.d.ts

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

package/dist/Pagination.es.js

@@ -0,0 +1,97 @@
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { motion as a } from "framer-motion";
+function h({
+  currentPage: i = 1,
+  totalPages: l = 0,
+  onPageChange: p
+}) {
+  const o = (e) => {
+    e >= 1 && e <= l && e !== i && p?.(e);
+  }, d = (() => {
+    const e = [];
+    if (l > 7)
+      if (e.push(1), i <= 4) {
+        for (let s = 2; s <= 5; s++)
+          e.push(s);
+        e.push("ellipsis"), e.push(l);
+      } else if (i >= l - 3) {
+        e.push("ellipsis");
+        for (let s = l - 4; s <= l; s++)
+          e.push(s);
+      } else {
+        e.push("ellipsis");
+        for (let s = i - 1; s <= i + 1; s++)
+          e.push(s);
+        e.push("ellipsis"), e.push(l);
+      }
+    else
+      for (let s = 1; s <= l; s++)
+        e.push(s);
+    return e;
+  })();
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center gap-2 p-4", children: [
+    /* @__PURE__ */ t.jsx(
+      a.button,
+      {
+        whileHover: { scale: 1.05 },
+        whileTap: { scale: 0.95 },
+        onClick: () => o(i - 1),
+        disabled: i === 1,
+        className: "px-4 py-2 text-primary-medium-default hover:text-primary-default-default disabled:text-gray-600 disabled:cursor-not-allowed transition-colors cursor-pointer",
+        children: "Anterior"
+      }
+    ),
+    /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 select-none", children: d.map((e, n) => {
+      if (e === "ellipsis")
+        return /* @__PURE__ */ t.jsx(
+          "span",
+          {
+            className: "px-3 py-2 text-neutral-default-default",
+            children: "..."
+          },
+          `ellipsis-${n}`
+        );
+      const s = e, r = s === i;
+      return /* @__PURE__ */ t.jsxs(
+        a.button,
+        {
+          whileHover: r ? {} : { scale: 1.1 },
+          whileTap: r ? {} : { scale: 0.9 },
+          onClick: () => o(s),
+          className: `relative px-3 py-2 min-w-[40px] text-center transition-colors ${r ? "text-primary-default-default" : "text-neutral-default-default hover:text-white cursor-pointer "}`,
+          children: [
+            r && /* @__PURE__ */ t.jsx(
+              a.div,
+              {
+                layoutId: "activePage",
+                className: "absolute inset-0 border-1 border-primary-default-default rounded-md",
+                initial: !1,
+                transition: {
+                  type: "spring",
+                  stiffness: 500,
+                  damping: 30
+                }
+              }
+            ),
+            /* @__PURE__ */ t.jsx("span", { className: "relative z-10", children: s })
+          ]
+        },
+        s
+      );
+    }) }),
+    /* @__PURE__ */ t.jsx(
+      a.button,
+      {
+        whileHover: { scale: 1.05 },
+        whileTap: { scale: 0.95 },
+        onClick: () => o(i + 1),
+        disabled: i === l,
+        className: "px-4 py-2 text-primary-medium-default hover:text-primary-default-default disabled:text-gray-600 disabled:cursor-not-allowed transition-colors cursor-pointer",
+        children: "Siguiente"
+      }
+    )
+  ] });
+}
+export {
+  h as default
+};

package/dist/ProgressBar.d.ts

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

package/dist/ProgressBar.es.js

@@ -0,0 +1,27 @@
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { c as x } from "./cn-B6yFEsav.js";
+import u from "react";
+const j = u.forwardRef(
+  ({ className: r, endDate: n, label: l, ...d }, i) => {
+    const t = new Date(n), s = /* @__PURE__ */ new Date(), o = 1440 * 60 * 1e3, m = Math.max(0, Math.ceil((t.getTime() - s.getTime()) / o)), a = s > t, c = l || `Faltan ${m} días`;
+    return /* @__PURE__ */ e.jsxs("div", { ref: i, className: r, ...d, children: [
+      /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center mb-2", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm text-neutral-medium-default", children: "Tiempo restante" }),
+        /* @__PURE__ */ e.jsx("span", { className: "font-semibold text-base text-neutral-default-default", children: c })
+      ] }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "w-full border-neutral-strong-default border rounded-sm h-[14px]", children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: x(
+            "h-[14px] rounded-sm transition-all duration-300",
+            a ? "bg-red-500" : "bg-primary-default-default"
+          ),
+          style: { width: `${a ? 100 : 0}%` }
+        }
+      ) })
+    ] });
+  }
+);
+export {
+  j as default
+};

package/dist/Select.d.ts

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

package/dist/Select.es.js

@@ -0,0 +1,203 @@
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { Icons as v } from "./Icons.es.js";
+import { c as o } from "./cn-B6yFEsav.js";
+import { memo as V, useState as w, useRef as ee, useEffect as te } from "react";
+import ne from "./Spinner.es.js";
+const se = ({
+  label: C,
+  onOptionClick: I,
+  value: c = [],
+  isFetching: z = !1,
+  options: m,
+  multiple: u = !0,
+  onClear: y,
+  onClose: O,
+  className: k,
+  id: N,
+  emptyMessage: P = "No hay opciones disponibles",
+  optionValue: l,
+  optionLabel: p,
+  renderOption: B,
+  renderSelection: E,
+  containerClassName: F,
+  buttonClassName: H,
+  dropdownClassName: M,
+  displayMode: D = "compact",
+  onRemoveOption: A,
+  width: d = "100%",
+  height: a
+}) => {
+  const [r, x] = w(!1), [h, b] = w(!1), [L, R] = w("down"), i = ee(null), f = c && c.length > 0, T = m?.filter((e) => c.includes(l(e))), $ = () => r || f || h ? "-top-2 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", g = {};
+  d && d !== "100%" && (g.width = d), a && (g.height = a);
+  const q = () => a ? { height: a } : {};
+  te(() => {
+    const e = (n) => {
+      i.current && !i.current.contains(n.target) && x(!1);
+    };
+    return r && document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [r]);
+  const G = () => {
+    r || W(), x(!r);
+  }, J = (e) => {
+    const n = l(e);
+    I(n, e), u || (x(!1), O?.());
+  }, K = (e) => {
+    e.stopPropagation(), b(!1), e.target.blur(), y?.();
+  }, Q = (e, n) => {
+    n?.stopPropagation();
+    const s = l(e);
+    A?.(s);
+  }, U = ({ option: e, onRemove: n }) => /* @__PURE__ */ t.jsxs("div", { className: "inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md", children: [
+    /* @__PURE__ */ t.jsx("span", { className: "truncate max-w-20", children: p(e) }),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        onMouseDown: (s) => {
+          s.preventDefault(), n(e, s);
+        },
+        className: "flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
+        type: "button",
+        tabIndex: -1,
+        children: /* @__PURE__ */ t.jsx(v.Close, { size: 12, className: "" })
+      }
+    )
+  ] }), W = () => {
+    if (i.current) {
+      const e = i.current.getBoundingClientRect(), n = 250, s = window.innerHeight - e.bottom, j = e.top;
+      s < n && j > n ? R("up") : R("down");
+    }
+  }, X = ({ option: e, isSelected: n, onSelect: s, isMultiple: j }) => /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      onMouseDown: (S) => {
+        S.preventDefault(), s(), S.stopPropagation();
+      },
+      className: o(
+        "px-3 py-2 cursor-pointer flex items-center transition-colors",
+        n ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
+      ),
+      children: [
+        j && /* @__PURE__ */ t.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: n,
+            onChange: () => {
+            },
+            className: "mr-2 pointer-events-none"
+          }
+        ),
+        /* @__PURE__ */ t.jsx("span", { children: p(e) })
+      ]
+    }
+  ), Y = ({ selectedOptions: e }) => e?.length === 0 ? null : D === "chips" && u ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((n) => /* @__PURE__ */ t.jsx(
+    U,
+    {
+      option: n,
+      onRemove: Q
+    },
+    l(n)
+  )) }) : e?.length === 1 ? /* @__PURE__ */ t.jsx("span", { children: p(e[0]) }) : /* @__PURE__ */ t.jsxs("span", { children: [
+    e?.length,
+    " seleccionados"
+  ] }), Z = B || X, _ = E || Y;
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: o("relative bg-inherit select-none", F, !d && "w-full "),
+      ref: i,
+      style: g,
+      children: /* @__PURE__ */ t.jsxs("div", { className: o("relative bg-inherit", k), children: [
+        /* @__PURE__ */ t.jsxs(
+          "button",
+          {
+            id: N,
+            type: "button",
+            onClick: G,
+            onFocus: () => b(!0),
+            onBlur: () => b(!1),
+            className: o(
+              "w-full px-3 text-left border-1 rounded-lg transition-all duration-200 ease-in-out",
+              "flex items-center justify-between bg-inherit",
+              "focus:outline-none",
+              D === "chips" && u && f ? "min-h-12 py-2" : !a && "h-12",
+              r || h ? "border-primary-default-default border-2" : "border-neutral-default-default hover:border-neutral-strong-default",
+              H
+            ),
+            style: q(),
+            children: [
+              /* @__PURE__ */ t.jsx(
+                "label",
+                {
+                  htmlFor: N,
+                  className: o(
+                    "absolute left-3 transition-all duration-200 ease-in-out pointer-events-none bg-inherit px-1 z-10",
+                    "text-sm",
+                    $(),
+                    f || r || h ? "text-primary-default-default" : "text-neutral-medium-default"
+                  ),
+                  children: C
+                }
+              ),
+              /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ t.jsx(_, { selectedOptions: T }) }),
+              /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 ml-2", children: [
+                z && /* @__PURE__ */ t.jsx(ne, { size: "small" }),
+                f && y && /* @__PURE__ */ t.jsx(
+                  "button",
+                  {
+                    onMouseDown: (e) => {
+                      e.preventDefault(), e.stopPropagation(), K(e);
+                    },
+                    className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
+                    type: "button",
+                    tabIndex: -1,
+                    children: /* @__PURE__ */ t.jsx(v.Close, { size: 16, className: "" })
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(
+                  v.ChevronDown,
+                  {
+                    size: 20,
+                    className: o(
+                      "transition-transform text-neutral-default-default",
+                      r ? "rotate-180" : ""
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        r && /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: o(
+              "absolute z-50 w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-md shadow-lg",
+              "max-h-60 overflow-auto",
+              L === "up" ? "bottom-full mb-1" : "top-full mt-1",
+              M
+            ),
+            children: m.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: P }) : m.map((e) => {
+              const n = l(e), s = c.includes(n);
+              return /* @__PURE__ */ t.jsx(
+                Z,
+                {
+                  option: e,
+                  isSelected: s,
+                  onSelect: () => J(e),
+                  isMultiple: u
+                },
+                n
+              );
+            })
+          }
+        )
+      ] })
+    }
+  );
+}, ce = V(se);
+export {
+  ce as default
+};

package/dist/Spinner.d.ts

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

package/dist/Spinner.es.js

@@ -0,0 +1,52 @@
+import { j as e } from "./jsx-runtime-ByW6EXIE.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 = ({
+  variant: a = "sync",
+  color: t = "#3B82F6",
+  loading: o = !0,
+  size: s = "medium",
+  className: c = "",
+  speedMultiplier: i = 1
+}) => {
+  const n = (() => {
+    if (typeof s == "number") return s;
+    switch (s) {
+      case "small":
+        return 20;
+      case "medium":
+        return 35;
+      case "large":
+        return 50;
+      default:
+        return 35;
+    }
+  })(), r = {
+    color: t,
+    loading: o,
+    size: n,
+    speedMultiplier: i,
+    "aria-label": "Loading Spinner",
+    "data-testid": "spinner"
+  }, u = L("inline-block", c), d = () => {
+    switch (a) {
+      case "bounce":
+        return /* @__PURE__ */ e.jsx(f, { ...r });
+      case "dot":
+        return /* @__PURE__ */ e.jsx(j, { ...r });
+      case "grid":
+        return /* @__PURE__ */ e.jsx(x, { ...r, size: n * 0.4 });
+      case "hash":
+        return /* @__PURE__ */ e.jsx(p, { ...r });
+      case "sync":
+        return /* @__PURE__ */ e.jsx(m, { ...r, size: n * 0.4 });
+      case "clip":
+      default:
+        return /* @__PURE__ */ e.jsx(l, { ...r });
+    }
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: u, children: d() });
+};
+export {
+  y as default
+};

package/dist/SwipeContainer.d.ts

@@ -0,0 +1,4 @@
+export {}
+import PrometeoDesignSystem from './exports/SwipeContainer'
+export default PrometeoDesignSystem
+export {}