prometeo-design-system 3.1.5 → 3.1.7

package/dist/DatePicker.d.ts

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

package/dist/DatePicker.es.js

@@ -0,0 +1,5 @@
+import { D as r, D as t } from "./DatePicker-6eb-0Ns5.js";
+export {
+  r as DatePicker,
+  t as default
+};

package/dist/DialogModal.d.ts

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

package/dist/DialogModal.es.js

@@ -0,0 +1,75 @@
+import { j as o } from "./jsx-runtime-GkKLlHH4.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.d.ts

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

package/dist/DrawerDesktop.es.js

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

package/dist/DrawerMobile.d.ts

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

package/dist/DrawerMobile.es.js

@@ -0,0 +1,243 @@
+import { j as m } from "./jsx-runtime-GkKLlHH4.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: _(
+          "h-0",
+          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.d.ts

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

package/dist/DropZone.es.js

@@ -0,0 +1,88 @@
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
+import { c as i } from "./cn-B6yFEsav.js";
+import P, { useCallback as R } from "react";
+import { useDropzone as z } from "react-dropzone";
+import { Error as w } from "./Icons/Error.es.js";
+import { Upload as E } from "./Icons/Upload.es.js";
+const q = P.forwardRef(
+  ({
+    onFilesAccepted: m,
+    onFilesRejected: d,
+    className: u,
+    subtitle: p = "Arrastra y suelta el archivo aquí o haz clic para cargarlo desde tu computadora",
+    acceptedFormats: x = ".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 = R((s, o) => {
+      s.length > 0 && m?.(s), o.length > 0 && d?.(o);
+    }, [m, d]), {
+      getRootProps: y,
+      getInputProps: D,
+      isDragActive: a,
+      isDragReject: t,
+      fileRejections: n
+    } = z({
+      onDrop: b,
+      accept: v,
+      maxFiles: g,
+      disabled: l,
+      ...j
+    }), r = 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 && !r && !l && [
+            "border-neutral-default-default",
+            "hover:border-primary/50 hover:bg-primary/5"
+          ],
+          a && !t && [
+            "border-primary bg-primary/10",
+            "ring-2 ring-primary/20"
+          ],
+          (t || r) && [
+            "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: r || t ? /* @__PURE__ */ e.jsx(w, { size: 24, className: " text-destructive" }) : /* @__PURE__ */ e.jsx(E, { 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",
+              r || t ? "text-destructive" : a ? "text-primary " : "text-neutral-default-default text-sm font-[400]"
+            ), children: a && !t ? "Suelta los archivos aquí..." : t || r ? "Archivo no válido" : p }),
+            !r && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-neutral-medium-default", children: x })
+          ] }),
+          r && /* @__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/FAButton.d.ts

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