prometeo-design-system 1.5.4 → 1.5.6

package/dist/DialogModal.es.js

@@ -0,0 +1,52 @@
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { forwardRef as u, useState as p, useImperativeHandle as f, useRef as g } from "react";
+import { c as i } from "./cn-B6yFEsav.js";
+const x = u(({
+  children: e,
+  onClose: o,
+  className: s
+}, n) => {
+  const [r, l] = p(!1), c = () => l(!0), a = () => {
+    l(!1), o?.();
+  };
+  return f(n, () => ({
+    open: c,
+    close: a,
+    isOpen: r
+  })), /* @__PURE__ */ t.jsx(t.Fragment, { children: r && /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
+      onClick: a,
+      children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: i("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", s),
+          onClick: (d) => d.stopPropagation(),
+          children: e
+        }
+      )
+    }
+  ) });
+}), m = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4"), children: e }) }), j = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("h1", { className: o, children: e }), D = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: e }), b = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: e }), C = Object.assign(x, {
+  Content: m,
+  Header: D,
+  Footer: b,
+  Title: j
+}), k = () => {
+  const e = g(null);
+  return {
+    ref: e,
+    open: () => {
+      e.current?.open();
+    },
+    close: () => {
+      e.current?.close();
+    },
+    isOpen: () => e.current?.isOpen ?? !1
+  };
+};
+export {
+  C as default,
+  k 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,67 @@
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { Icons as j } from "./Icons.es.js";
+import { c as m } from "./cn-B6yFEsav.js";
+import { c as d } from "./index-BOQuZ0gG.js";
+import { forwardRef as D, useState as b, useRef as x, useCallback as s, useImperativeHandle as v } from "react";
+import { Drawer as o } from "vaul";
+const C = d("text-sm cursor-pointer font-medium shadow-sm transition-all absolute z-30", {
+  variants: {
+    direction: {
+      left: "right-4 top-4",
+      right: "left-4 top-4"
+    }
+  }
+}), O = d("right-0 top-0 bottom-0 fixed z-50 outline-none w-full md:w-[450px] lg:w-[550px] xl:w-[600px] h-full flex flex-col", {
+  variants: {
+    direction: {
+      left: "left-0",
+      right: "right-0"
+    }
+  }
+}), N = D(({ children: t, direction: r, modal: a = !1, className: c, onClose: i, defaultOpen: w = !1 }, h) => {
+  const [l, n] = b(w), f = x(i);
+  f.current = i;
+  const u = s(() => {
+    n(!0);
+  }, []), p = s(() => {
+    n(!1);
+  }, []), g = s(() => {
+    n(!1), f.current?.();
+  }, []);
+  return v(h, () => ({
+    open: u,
+    close: p,
+    isOpen: l
+  }), [u, p, l]), /* @__PURE__ */ e.jsx(o.Root, { direction: r, open: l, onOpenChange: g, modal: a, children: /* @__PURE__ */ e.jsxs(o.Portal, { children: [
+    /* @__PURE__ */ e.jsx(o.Overlay, { className: "fixed inset-0 bg-black/60 z-50" }),
+    /* @__PURE__ */ e.jsxs(
+      o.Content,
+      {
+        className: m(O({ direction: r }), c),
+        style: { "--initial-transform": "calc(100% + 8px)" },
+        children: [
+          /* @__PURE__ */ e.jsx(o.Close, { className: m(C({ direction: r })), children: /* @__PURE__ */ e.jsx(j.Close, { size: 24, className: "text-neutral-default-default" }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "bg-neutral-default-default w-full flex-1 overflow-y-auto min-h-0 border-l border-neutral-strong-default", children: t })
+        ]
+      }
+    )
+  ] }) });
+});
+N.displayName = "DrawerDesktop";
+const E = () => {
+  const t = x(null), r = s(() => {
+    t.current?.open();
+  }, []), a = s(() => {
+    t.current?.close();
+  }, []);
+  return {
+    isOpen: s(() => t.current?.isOpen ?? !1, []),
+    open: r,
+    close: a,
+    drawerRef: t
+  };
+};
+export {
+  N as default,
+  E 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,43 @@
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { forwardRef as v, useState as g, useRef as x, useCallback as s, useImperativeHandle as O } from "react";
+import { Drawer as n } from "vaul";
+const D = v(({ children: e, setSnap: t, snap: o, snapPoints: c, onClose: i, defaultOpen: m = !1, modal: b = !1, open: u }, h) => {
+  const [w, a] = g(m), l = u !== void 0 ? u : w, d = x(i);
+  d.current = i;
+  const f = s(() => {
+    a(!0);
+  }, []), p = s(() => {
+    a(!1);
+  }, []), j = s(() => {
+    a(!1), d.current?.();
+  }, []);
+  return O(h, () => ({
+    open: f,
+    close: p,
+    isOpen: l
+  }), [f, p, l]), /* @__PURE__ */ r.jsx(n.Root, { snapPoints: c, activeSnapPoint: o, setActiveSnapPoint: t, onClose: j, open: l, modal: b, children: /* @__PURE__ */ r.jsxs(n.Portal, { children: [
+    /* @__PURE__ */ r.jsx(n.Overlay, { className: "fixed inset-0 bg-black/40" }),
+    /* @__PURE__ */ r.jsx(n.Content, { className: "bg-gray-100 flex flex-col rounded-t-[10px] mt-24  fixed bottom-0 left-0 right-0 outline-none h-[90%]", children: /* @__PURE__ */ r.jsxs("div", { className: "p-4 bg-white rounded-t-[10px] flex-1 overflow-y-auto", children: [
+      /* @__PURE__ */ r.jsx("div", { "aria-hidden": !0, className: "mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-gray-300 mb-8" }),
+      e
+    ] }) })
+  ] }) });
+});
+D.displayName = "DrawerMobile";
+const C = () => {
+  const e = x(null), t = s(() => {
+    e.current?.open();
+  }, []), o = s(() => {
+    e.current?.close();
+  }, []);
+  return {
+    isOpen: s(() => e.current?.isOpen ?? !1, []),
+    open: t,
+    close: o,
+    drawerRef: e
+  };
+};
+export {
+  D as default,
+  C as useDrawerMobile
+};

package/dist/DropZone.d.ts

@@ -0,0 +1,2 @@
+export * from './exports/DropZone'
+export {}

package/dist/DropZone.es.js

@@ -0,0 +1,86 @@
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { c as i } from "./cn-B6yFEsav.js";
+import w, { useCallback as z } from "react";
+import { useDropzone as R } from "react-dropzone";
+import { Icons as u } from "./Icons.es.js";
+const E = w.forwardRef(
+  ({
+    onFilesAccepted: d,
+    onFilesRejected: m,
+    className: x,
+    subtitle: p = "Arrastra y suelta el archivo aquí o haz clic para cargarlo desde tu computadora",
+    acceptedFormats: f = ".PNG, .JPG, .TXT o .PDF. Máx 100 BM.",
+    variant: h = "default",
+    disabled: l = !1,
+    showIcon: v = !0,
+    accept: g,
+    maxFiles: j = 1,
+    ...N
+  }, b) => {
+    const y = z((s, o) => {
+      s.length > 0 && d?.(s), o.length > 0 && m?.(o);
+    }, [d, m]), {
+      getRootProps: D,
+      getInputProps: P,
+      isDragActive: a,
+      isDragReject: t,
+      fileRejections: n
+    } = R({
+      onDrop: y,
+      accept: g,
+      maxFiles: j,
+      disabled: l,
+      ...N
+    }), r = n.length > 0;
+    return /* @__PURE__ */ e.jsx("div", { className: i("w-full", x), children: /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        ref: b,
+        ...D(),
+        className: i(
+          "relative  rounded-lg border-[2px]  border-dashed transition-all duration-200 h-36",
+          "flex flex-col items-center justify-center text-center",
+          h === "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-not-allowed opacity-60",
+            "border-muted-foreground/20 bg-muted/30"
+          ]
+        ),
+        children: [
+          /* @__PURE__ */ e.jsx("input", { ...P() }),
+          v && /* @__PURE__ */ e.jsx("div", { className: "mb-0.5 md:mb-4", children: r || t ? /* @__PURE__ */ e.jsx(u.Error, { size: 24, className: " text-destructive" }) : /* @__PURE__ */ e.jsx(u.Upload, { 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: f })
+          ] }),
+          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)) })
+        ]
+      }
+    ) });
+  }
+);
+E.displayName = "DropZone";
+export {
+  E as DropZone
+};

package/dist/Header.d.ts

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

package/dist/Header.es.js

@@ -0,0 +1,23 @@
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { c as x } from "./cn-B6yFEsav.js";
+import { motion as i } from "framer-motion";
+import { memo as m } from "react";
+const n = ({ title: t, subtitle: s, children: l, className: a }) => /* @__PURE__ */ e.jsx("header", { className: x("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", a), children: /* @__PURE__ */ e.jsxs(
+  i.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__ */ e.jsxs("div", { className: "flex flex-col leading-6", children: [
+        /* @__PURE__ */ e.jsx("h3", { className: "text-xs font-semibold text-neutral-medium-default leading-1 sm:leading-2", children: s }),
+        /* @__PURE__ */ e.jsx("h1", { className: "text-xl font-bold text-neutral-strong-default sm:text-2xl md:text-3xl xl:text-[32px] 2xl:text-[34px]", children: t })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "flex gap-4", children: l })
+    ]
+  }
+) }), f = m(n);
+export {
+  f as default
+};

package/dist/Icons.d.ts

@@ -0,0 +1,2 @@
+export * from './exports/Icons'
+export {}