prometeo-design-system 2.8.8 → 2.8.9

package/dist/DialogModal.es.js

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

package/dist/DrawerDesktop.es.js

@@ -0,0 +1,192 @@
+import { j as l } from "./jsx-runtime-DKDX3adD.js";
+import { c as h } from "./cn-B6yFEsav.js";
+import { c as k } from "./index-BOQuZ0gG.js";
+import { createPortal as E } from "react-dom";
+import { forwardRef as V, useRef as u, useState as N, useEffect as d, useCallback as f, useImperativeHandle as I } from "react";
+import { a as P } from "./Icons-DtFC5DJ7.js";
+import B from "./Button.es.js";
+const L = V((t, s) => {
+  const n = u(null), [e, a] = N(t.defaultOpen || !1), [r, y] = N(null), b = u(t.onClose), c = u(r), {
+    modal: i = !1,
+    children: m,
+    className: w,
+    direction: C = "left",
+    attachToParent: x = !1,
+    closeOnOverlayClick: o = !1,
+    hideCloseButton: T = !1
+  } = t, g = u(o), O = u(e);
+  c.current = r, d(() => {
+    O.current = e;
+  }, [e]), d(() => {
+    c.current = r;
+  }, [r]), d(() => {
+    g.current = o;
+  }, [o]);
+  const R = (p) => {
+    if (!n.current)
+      return;
+    const z = n.current;
+    z && !z.contains(p.target) && g.current && O.current && v();
+  };
+  d(() => {
+    if (!g.current || i || !e)
+      return;
+    const p = setTimeout(() => {
+      document.addEventListener("click", R);
+    }, 0);
+    return () => {
+      clearTimeout(p), document.removeEventListener("click", R);
+    };
+  }, [o, e, i]), d(() => {
+    b.current = t.onClose;
+  }, [t.onClose]);
+  const j = f((p) => {
+    y(p ?? null), a(!0);
+  }, []), v = f(() => {
+    a(!1), b.current?.(c.current), setTimeout(() => y(null), 300);
+  }, []);
+  I(
+    s,
+    () => ({
+      open: j,
+      close: v,
+      isOpen: e,
+      getContext: () => c.current
+    }),
+    [e, j, v]
+  );
+  const D = /* @__PURE__ */ l.jsx(
+    Y,
+    {
+      context: r,
+      ref: n,
+      isOpen: e,
+      close: v,
+      direction: C,
+      modal: i,
+      className: w,
+      attachToParent: x,
+      closeOnOverlayClick: o,
+      hideCloseButton: T,
+      children: typeof m == "function" ? m(r) : m
+    }
+  );
+  return x ? D : E(D, document.body);
+});
+L.displayName = "DrawerDesktopV2";
+const Y = ({
+  ref: t,
+  children: s,
+  direction: n = "left",
+  isOpen: e,
+  close: a,
+  modal: r = !1,
+  className: y,
+  attachToParent: b = !1,
+  closeOnOverlayClick: c = !1,
+  hideCloseButton: i = !1,
+  context: m
+}) => {
+  d(() => {
+    if (e && r) {
+      const o = window.scrollY;
+      return document.body.style.position = "fixed", document.body.style.top = `-${o}px`, document.body.style.width = "100%", () => {
+        document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, o);
+      };
+    }
+  }, [e, r]);
+  const w = k("border-neutral-strong-default", {
+    variants: {
+      isOpen: {
+        true: "desktop-drawer-visible",
+        false: "desktop-drawer-hidden"
+      },
+      direction: {
+        left: "left-0 border-r-[1px] border-l-0",
+        right: "right-0 border-l-[1px] border-r-0"
+      }
+    }
+  }), C = k(
+    "fixed inset-0 bg-black/60 z-[55] cursor-default",
+    {
+      variants: {
+        isOpen: {
+          true: "drawer-overlay-visible",
+          false: "drawer-overlay-hidden"
+        }
+      }
+    }
+  ), x = k("", {
+    variants: {
+      direction: {
+        left: "right-0",
+        right: "left-0"
+      }
+    }
+  });
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    r && /* @__PURE__ */ l.jsx(
+      "div",
+      {
+        className: h(C({ isOpen: e })),
+        onClick: (o) => {
+          o.preventDefault(), o.stopPropagation(), c && a();
+        },
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        ref: t,
+        className: h(
+          "bg-neutral-strong-default h-full top-0 z-60 w-max overflow-y-auto",
+          b ? "absolute" : "fixed",
+          w({ isOpen: e, direction: n }),
+          !i && "p-4 pt-10",
+          y
+        ),
+        role: "dialog",
+        "aria-modal": r,
+        children: [
+          !i && /* @__PURE__ */ l.jsx(
+            B,
+            {
+              icon: /* @__PURE__ */ l.jsx(P, { size: 24 }),
+              animate: !1,
+              type: "button",
+              size: "small",
+              variant: "text",
+              onClick: a,
+              label: "",
+              color: "secondary",
+              className: h(
+                "absolute top-0 z-50",
+                x({ direction: n })
+              ),
+              "aria-label": "Close drawer"
+            }
+          ),
+          typeof s == "function" ? s(m) : s
+        ]
+      }
+    )
+  ] });
+}, J = () => {
+  const t = u(null), s = f((r) => {
+    t.current?.open(r);
+  }, []), n = f(() => {
+    t.current?.close();
+  }, []), e = f(() => t.current?.isOpen ?? !1, []), a = f(() => t.current?.getContext() ?? null, []);
+  return {
+    isOpen: e,
+    open: s,
+    close: n,
+    drawerRef: t,
+    getContext: a
+  };
+};
+export {
+  L as default,
+  J as useDrawerDesktop
+};

package/dist/DrawerMobile.es.js

@@ -0,0 +1,242 @@
+import { j as m } from "./jsx-runtime-DKDX3adD.js";
+import { c as _ } from "./cn-B6yFEsav.js";
+import { forwardRef as V, useState as $, useRef as v, useEffect as y, useCallback as c, useMemo as Q, useImperativeHandle as X } from "react";
+import { createPortal as Z } from "react-dom";
+const B = 44, P = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", se = V((l, o) => {
+  const { children: D, defaultOpen: s = !1, onClose: g, snapPoints: w = ["60%"], setSnap: d, snap: u, attachToParent: x = !1 } = l, [R, Y] = $(u || "0%"), [M, r] = $(null), O = v(g), T = v(d), f = v(M), p = v(/* @__PURE__ */ new Set());
+  O.current = g, f.current = M, y(() => {
+    s && S();
+  }, [s]), y(() => {
+    T.current = d;
+  }, [d]);
+  const j = c(() => {
+    Y("0%"), O.current?.(f.current), setTimeout(() => r(null), 300);
+  }, []), S = c((h, k) => {
+    Y(h || w[0] || "60%"), r(k ?? null);
+  }, [w]), H = Q(() => R !== "0%", [R]);
+  y(() => {
+    p.current.forEach((h) => {
+      try {
+        h(H);
+      } catch {
+      }
+    });
+  }, [H]), X(o, () => ({
+    open: S,
+    close: j,
+    isOpen: H,
+    subscribeOpenChange: (h) => (p.current.add(h), () => {
+      p.current.delete(h);
+    }),
+    getContext: () => f.current
+  }), [S, j, H]);
+  const F = u || R;
+  return x ? /* @__PURE__ */ m.jsx(K, { ...l, snap: F, setSnap: Y, context: M, children: D }) : Z(/* @__PURE__ */ m.jsx(K, { ...l, snap: F, setSnap: Y, context: M, children: D }), document.body);
+}), K = ({ children: l, attachToParent: o = !1, className: D, snap: s, snapPoints: g = ["60%"], setSnap: w, hideOnClose: d = !1, unmountChildrenOnClose: u = !1, header: x, modal: R = !1, closeOnOverlayClick: Y = !1, context: M }) => {
+  const r = v(null), O = v(null), T = v(null), f = v(null), p = v(null), j = c(() => {
+    if (!r.current) return [];
+    const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
+    return g?.map((t) => typeof t == "string" && t.endsWith("%") ? parseFloat(t) > 100 ? e : parseFloat(t) / 100 * e : typeof t == "string" && t.endsWith("px") ? parseFloat(t) : typeof t == "number" && t >= 0 && t <= 1 ? t * e : typeof t == "number" ? t : 0) || [];
+  }, [g, o]), S = c((e, t) => {
+    const n = j();
+    if (n.length === 0) return e;
+    if (Math.abs(t) > 0.05)
+      if (t > 0) {
+        const a = n.filter((i) => i < e);
+        return a.length > 0 ? Math.max(...a) : d ? 0 : B;
+      } else {
+        const a = n.filter((i) => i > e);
+        if (a.length > 0)
+          return Math.min(...a);
+      }
+    return n.reduce((a, i) => Math.abs(i - e) < Math.abs(a - e) ? i : a);
+  }, [j]), H = c((e) => {
+    if (w && g) {
+      const t = o && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= B ? "0%" : `${Math.round(e / t * 100)}%`;
+      w(n);
+    }
+  }, [w, g, o]), F = c((e) => {
+    r.current && (r.current.style.transition = P, r.current.style.height = `${e}px`);
+  }, [w, g, o]), N = c(() => {
+    if (p.current && o) {
+      const { scrollY: e } = p.current;
+      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), p.current = null;
+    }
+  }, [o]);
+  y(() => () => {
+    N();
+  }, [N]), y(() => {
+    if (!r.current || !s) return;
+    const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
+    let t = 0;
+    typeof s == "string" && s.endsWith("%") ? parseFloat(s) <= 0 ? t = d ? 0 : B : t = parseFloat(s) / 100 * e : typeof s == "string" && s.endsWith("px") ? t = parseFloat(s) : typeof s == "number" && (s >= 0 && s <= 1 ? t = s * e : t = s), F(t);
+  }, [s, o]);
+  const h = c((e) => {
+    if (!r.current) return;
+    const t = e.touches[0], n = r.current.offsetHeight;
+    f.current = {
+      isDragging: !1,
+      startY: t.clientY,
+      startHeight: n,
+      lastY: t.clientY,
+      lastTime: Date.now(),
+      velocity: 0
+    };
+  }, []), k = c((e) => {
+    if (!r.current) return;
+    const t = e, n = r.current.offsetHeight;
+    f.current = {
+      isDragging: !1,
+      startY: t.clientY,
+      startHeight: n,
+      lastY: t.clientY,
+      lastTime: Date.now(),
+      velocity: 0
+    };
+  }, []), z = c((e) => {
+    if (!f.current || !r.current) return;
+    const t = e.touches[0], n = f.current, L = n.startY - t.clientY, a = n.isDragging || Math.abs(L) > 5;
+    if (!n.isDragging && a && (n.isDragging = !0, o)) {
+      const i = window.scrollY;
+      p.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
+    }
+    if (a) {
+      e.preventDefault();
+      const i = Date.now(), I = i - n.lastTime;
+      if (I > 0) {
+        const A = (t.clientY - n.lastY) / I;
+        n.velocity = n.velocity * 0.8 + A * 0.2;
+      }
+      n.lastY = t.clientY, n.lastTime = i;
+      const C = n.startHeight + L, G = o && r.current.parentElement?.offsetHeight || window.innerHeight, W = Math.max(0, Math.min(C, G));
+      r.current.style.transition = "none", r.current.style.height = `${W}px`;
+    }
+  }, [o]), q = c((e) => {
+    if (!f.current || !r.current) return;
+    const t = e, n = f.current, L = n.startY - t.clientY, a = n.isDragging || Math.abs(L) > 5;
+    if (!n.isDragging && a && (n.isDragging = !0, o)) {
+      const i = window.scrollY;
+      p.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
+    }
+    if (a) {
+      e.preventDefault();
+      const i = Date.now(), I = i - n.lastTime;
+      if (I > 0) {
+        const A = (t.clientY - n.lastY) / I;
+        n.velocity = n.velocity * 0.8 + A * 0.2;
+      }
+      n.lastY = t.clientY, n.lastTime = i;
+      const C = n.startHeight + L, G = o && r.current.parentElement?.offsetHeight || window.innerHeight, W = Math.max(0, Math.min(C, G));
+      r.current.style.transition = "none", r.current.style.height = `${W}px`;
+    }
+  }, [o]), b = c(() => {
+    if (!f.current || !r.current) return;
+    const e = f.current;
+    if (e.isDragging) {
+      N();
+      const t = r.current.offsetHeight, n = S(t, e.velocity);
+      H(n);
+    }
+    f.current = null;
+  }, [S, F, N]);
+  y(() => {
+    const e = T.current;
+    if (e)
+      return e.addEventListener("touchstart", h, { passive: !1 }), e.addEventListener("touchmove", z, { passive: !1 }), e.addEventListener("touchend", b), e.addEventListener("touchcancel", b), e.addEventListener("mousedown", k, { passive: !1 }), e.addEventListener("mousemove", q, { passive: !1 }), e.addEventListener("mouseup", b), e.addEventListener("mouseleave", b), () => {
+        e.removeEventListener("touchstart", h), e.removeEventListener("touchmove", z), e.removeEventListener("touchend", b), e.removeEventListener("touchcancel", b), e.removeEventListener("mousedown", k), e.removeEventListener("mousemove", q), e.removeEventListener("mouseup", b), e.removeEventListener("mouseleave", b);
+      };
+  }, [h, z, b]);
+  const E = Q(() => s !== "0%", [s]), [U, J] = $(() => u ? s !== "0%" : !0);
+  return y(() => {
+    u && E && J(!0);
+  }, [E, u]), y(() => {
+    if (!u) return;
+    const e = r.current;
+    if (!e) return;
+    const t = (n) => {
+      n.propertyName === "height" && !E && s === "0%" && J(!1);
+    };
+    return e.addEventListener("transitionend", t), () => {
+      e.removeEventListener("transitionend", t);
+    };
+  }, [E, s, u]), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+    R && /* @__PURE__ */ m.jsx(
+      "div",
+      {
+        className: _(E ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
+        onClick: (e) => {
+          e.preventDefault(), e.stopPropagation(), Y && H(0);
+        },
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ m.jsxs(
+      "div",
+      {
+        ref: r,
+        className: _(
+          o ? "absolute" : "fixed",
+          "z-60 bottom-0 w-full overflow-hidden",
+          "bg-neutral-default-default",
+          "border-t border-neutral-strong-default rounded-t-[12px]",
+          E ? "" : "border-neutral-weak",
+          D,
+          "flex flex-col items-center",
+          "touch-none select-none"
+        ),
+        children: [
+          /* @__PURE__ */ m.jsx(
+            "div",
+            {
+              ref: T,
+              className: "w-full  absolute top-0 h-11 flex items-center justify-center cursor-grab active:cursor-grabbing z-50 bg-inherit!",
+              children: /* @__PURE__ */ m.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
+            }
+          ),
+          typeof x == "string" ? /* @__PURE__ */ m.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-11 bg-inherit absolute top-11 z-50 px-4", children: x }) : x,
+          /* @__PURE__ */ m.jsx(
+            "div",
+            {
+              ref: O,
+              className: _(
+                "w-full h-full overflow-y-auto px-4 pb-4 ",
+                x ? "mt-22" : "mt-11"
+              ),
+              style: {
+                overscrollBehavior: "contain",
+                overflow: E ? "auto" : "hidden"
+              },
+              children: (!u || U) && (typeof l == "function" ? l(M) : l)
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, oe = () => {
+  const l = v(null), [o, D] = $(!1), s = c((d, u) => {
+    l.current?.open(d, u);
+  }, []), g = c(() => {
+    l.current?.close();
+  }, []), w = c(() => l.current?.getContext() ?? null, []);
+  return y(() => {
+    const d = l.current?.subscribeOpenChange;
+    if (!d) return;
+    const u = d((x) => {
+      D(x);
+    });
+    return () => {
+      u && u();
+    };
+  }, [l.current?.subscribeOpenChange]), {
+    isOpen: o,
+    open: s,
+    close: g,
+    drawerRef: l,
+    getContext: w
+  };
+};
+export {
+  se as default,
+  oe as useDrawerMobile
+};

package/dist/DropZone.es.js

@@ -0,0 +1,87 @@
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { E as P, U as R } from "./Icons-DtFC5DJ7.js";
+import { c as i } from "./cn-B6yFEsav.js";
+import z, { useCallback as E } from "react";
+import { useDropzone as w } from "react-dropzone";
+const q = z.forwardRef(
+  ({
+    onFilesAccepted: d,
+    onFilesRejected: m,
+    className: u,
+    subtitle: x = "Arrastra y suelta el archivo aquí o haz clic para cargarlo desde tu computadora",
+    acceptedFormats: p = ".PNG, .JPG, .TXT o .PDF. Máx 100 BM.",
+    variant: f = "default",
+    disabled: l = !1,
+    showIcon: h = !0,
+    accept: v,
+    maxFiles: g = 1,
+    ...j
+  }, N) => {
+    const b = E((s, o) => {
+      s.length > 0 && d?.(s), o.length > 0 && m?.(o);
+    }, [d, m]), {
+      getRootProps: y,
+      getInputProps: D,
+      isDragActive: a,
+      isDragReject: r,
+      fileRejections: n
+    } = w({
+      onDrop: b,
+      accept: v,
+      maxFiles: g,
+      disabled: l,
+      ...j
+    }), t = n.length > 0;
+    return /* @__PURE__ */ e.jsx("div", { className: i("w-full", u), children: /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        ref: N,
+        ...y(),
+        className: i(
+          "relative  rounded-lg border  border-dashed transition-all duration-200 h-36",
+          "flex flex-col items-center justify-center text-center",
+          f === "default" ? "p-8 min-h-[200px] " : "p-1 min-h-[120px] h-24 md:h-36",
+          !a && !t && !l && [
+            "border-neutral-default-default",
+            "hover:border-primary/50 hover:bg-primary/5"
+          ],
+          a && !r && [
+            "border-primary bg-primary/10",
+            "ring-2 ring-primary/20"
+          ],
+          (r || t) && [
+            "border-destructive bg-destructive/10",
+            "ring-2 ring-destructive/20"
+          ],
+          l && [
+            "cursor-default opacity-60",
+            "border-muted-foreground/20 bg-muted/30"
+          ]
+        ),
+        children: [
+          /* @__PURE__ */ e.jsx("input", { ...D() }),
+          h && /* @__PURE__ */ e.jsx("div", { className: "mb-0.5 md:mb-4", children: t || r ? /* @__PURE__ */ e.jsx(P, { size: 24, className: " text-destructive" }) : /* @__PURE__ */ e.jsx(R, { size: 24, className: i(
+            "w-8 h-8 transition-colors",
+            a ? "text-primary" : "text-neutral-default-default"
+          ) }) }),
+          /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e.jsx("p", { className: i(
+              "text-base font-medium text-neutral-default-default",
+              t || r ? "text-destructive" : a ? "text-primary " : "text-neutral-default-default text-sm font-[400]"
+            ), children: a && !r ? "Suelta los archivos aquí..." : r || t ? "Archivo no válido" : x }),
+            !t && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-neutral-medium-default", children: p })
+          ] }),
+          t && /* @__PURE__ */ e.jsx("div", { className: "mt-4 space-y-1", children: n.map(({ file: s, errors: o }) => /* @__PURE__ */ e.jsxs("div", { className: "text-sm text-destructive", children: [
+            /* @__PURE__ */ e.jsx("p", { className: "font-medium", children: s.name }),
+            o.map((c) => /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: c.message }, c.code))
+          ] }, s.name)) })
+        ]
+      }
+    ) });
+  }
+);
+q.displayName = "DropZone";
+export {
+  q as DropZone,
+  q as default
+};

package/dist/{components/FAB/FAButton.js → FAButton.es.js}

@@ -1,9 +1,9 @@
-import { jsx as c } from "react/jsx-runtime";
+import { j as c } from "./jsx-runtime-DKDX3adD.js";
 import u, { memo as n } from "react";
-import { cn as f } from "../../lib/cn.js";
-import { Add as v } from "../../Icons/Icons.js";
+import { c as f } from "./cn-B6yFEsav.js";
+import { A as v } from "./Icons-DtFC5DJ7.js";
 import { createPortal as m } from "react-dom";
-import { cva as b } from "../../node_modules/class-variance-authority/dist/index.js";
+import { c as b } from "./index-BOQuZ0gG.js";
 const h = {
   right: 24,
   bottom: 64,
@@ -75,7 +75,7 @@ const h = {
     }
   }
 ), y = (e) => {
-  const t = e.position || h, a = e.attachToParent || !1, i = e.color || "primary", s = e.icon || v, o = e.disabled || !1, d = e.variant || "fill", l = /* @__PURE__ */ c(
+  const t = e.position || h, a = e.attachToParent || !1, i = e.color || "primary", s = e.icon || v, o = e.disabled || !1, d = e.variant || "fill", l = /* @__PURE__ */ c.jsx(
     "div",
     {
       style: {

package/dist/Header.es.js

@@ -0,0 +1,32 @@
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { c as l } from "./cn-B6yFEsav.js";
+import { motion as n } from "framer-motion";
+import { memo as c } from "react";
+const d = ({ title: e, subtitle: t, children: i, className: s, subtitleClassName: m, titleClassName: r }) => /* @__PURE__ */ a.jsx(
+  "header",
+  {
+    className: l(
+      "h-16 flex items-center px-4 sm:h-20 md:h-24 md:px-6 lg:h-28 xl:h-32 2xl:h-36",
+      s
+    ),
+    children: /* @__PURE__ */ a.jsxs(
+      n.div,
+      {
+        initial: { opacity: 0, y: -10 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.6, ease: "easeOut" },
+        className: "flex justify-between items-center w-full",
+        children: [
+          /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col leading-6", children: [
+            t && /* @__PURE__ */ a.jsx("h3", { className: l(" prometeo-fonts-body-medium text-neutral-medium-default ", m), children: t }),
+            e && /* @__PURE__ */ a.jsx("h1", { className: l("prometeo-fonts-headline-small text-neutral-strong-default", r), children: e })
+          ] }),
+          i && /* @__PURE__ */ a.jsx("div", { className: "flex gap-4", children: i })
+        ]
+      }
+    )
+  }
+), x = c(d, (e, t) => e.title !== t.title || e.subtitle !== t.subtitle || e.className !== t.className ? !1 : e.children !== t.children ? !e.children && !t.children : !0);
+export {
+  x as default
+};

package/dist/HelperComponent-g_xuKWzK.js

@@ -0,0 +1,24 @@
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { memo as i } from "react";
+import { c as a } from "./cn-B6yFEsav.js";
+import { C as o, E as n, I as d } from "./Icons-DtFC5DJ7.js";
+const r = (s) => {
+  const { variant: t, className: m } = s, l = {
+    default: "text-neutral-medium-default pt-[1px]",
+    error: "text-error-medium-default pt-[1px]",
+    success: "text-success-medium-default"
+  }, c = {
+    default: /* @__PURE__ */ e.jsx(d, { size: 16, className: "text-neutral-medium-default " }),
+    error: /* @__PURE__ */ e.jsx(n, { size: 16, className: "text-error-medium-default" }),
+    success: /* @__PURE__ */ e.jsx(o, { size: 16, className: "text-success-medium-default" })
+  };
+  return /* @__PURE__ */ e.jsx("div", { ref: s.ref, className: a("pl-3 mt-1", m), children: typeof s.children == "string" ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-0.5 items-start", children: [
+    c[t],
+    /* @__PURE__ */ e.jsx("p", { className: a(" prometeo-fonts-body-small", l[t]), children: s.children })
+  ] }) : s.children });
+};
+r.displayName = "HelperText";
+const j = i(r);
+export {
+  j as H
+};