prometeo-design-system 1.5.4 → 1.5.6

package/dist/SwipeContainer.es.js

@@ -0,0 +1,185 @@
+import { j as o } from "./jsx-runtime-ByW6EXIE.js";
+import { c as i } from "./cn-B6yFEsav.js";
+import { useState as d, useRef as D, useEffect as L } from "react";
+const O = ({
+  children: x,
+  className: P,
+  showIndicators: R = !0,
+  showControls: W = !0,
+  // Por defecto mostrar controles
+  autoPlay: k = !1,
+  autoPlayInterval: $ = 3e3,
+  onSwipe: m,
+  threshold: Y = 50,
+  disabled: l = !1,
+  cardWidth: f,
+  // Ancho personalizado de tarjetas
+  visibleCards: r,
+  // Número de tarjetas visibles
+  width: p = "100%",
+  // Ancho por defecto
+  height: v = "300px",
+  // Alto por defecto
+  gap: g = 16
+  // Separación por defecto entre cards
+}) => {
+  const [n, h] = d(0), [u, N] = d(!1), [T, B] = d({ x: 0, y: 0 }), [I, w] = d({ x: 0, y: 0 }), y = D(null), c = D(null), s = x.length, C = f ? typeof f == "number" ? `${f}px` : f : r && r > 0 ? `${100 / r}%` : "100%";
+  L(() => (k && s > 1 && !u && (c.current = setInterval(() => {
+    h((e) => (e + 1) % s);
+  }, $)), () => {
+    c.current && clearInterval(c.current);
+  }), [k, $, s, u]), L(() => {
+    u && c.current && clearInterval(c.current);
+  }, [u]);
+  const S = (e, t) => {
+    l || (N(!0), B({ x: e, y: t }), w({ x: e, y: t }));
+  }, E = (e, t) => {
+    !u || l || w({ x: e, y: t });
+  }, X = () => {
+    if (!u || l) return;
+    const e = I.x - T.x;
+    if (Math.abs(e) > Y) {
+      if (e > 0 && n > 0) {
+        const a = n - 1;
+        h(a), m?.(a);
+      } else if (e < 0 && n < s - 1) {
+        const a = n + 1;
+        h(a), m?.(a);
+      }
+    }
+    N(!1), w({ x: 0, y: 0 });
+  }, U = (e) => {
+    e.preventDefault(), S(e.clientX, e.clientY);
+  }, _ = (e) => {
+    E(e.clientX, e.clientY);
+  }, b = () => {
+    X();
+  }, q = (e) => {
+    const t = e.touches[0];
+    S(t.clientX, t.clientY);
+  }, z = (e) => {
+    const t = e.touches[0];
+    E(t.clientX, t.clientY);
+  }, A = () => {
+    X();
+  }, j = (e) => {
+    l || e < 0 || e >= s || (h(e), m?.(e));
+  }, F = () => {
+    const e = I.x - T.x;
+    let t = 0;
+    if (r && r > 0) {
+      const M = y.current ? (y.current.offsetWidth - g * (r - 1)) / r : 0;
+      t = n * (M + g);
+    } else
+      t = n * 100;
+    const a = r && r > 0 ? `translateX(-${t}px)` : `translateX(-${n * 100}%)`;
+    if (u) {
+      const M = `translateX(${e}px)`;
+      return `${a} ${M}`;
+    }
+    return a;
+  };
+  return s === 0 ? null : /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      className: i("relative overflow-hidden", P),
+      style: {
+        width: typeof p == "number" ? `${p}px` : p,
+        height: typeof v == "number" ? `${v}px` : v
+      },
+      children: [
+        /* @__PURE__ */ o.jsx(
+          "div",
+          {
+            ref: y,
+            className: i(
+              "relative flex flex-row transition-transform duration-300 ease-out",
+              l && "pointer-events-none opacity-50"
+            ),
+            style: {
+              transform: F(),
+              gap: `${g}px`
+            },
+            onMouseDown: U,
+            onMouseMove: _,
+            onMouseUp: b,
+            onMouseLeave: b,
+            onTouchStart: q,
+            onTouchMove: z,
+            onTouchEnd: A,
+            children: x.map((e, t) => /* @__PURE__ */ o.jsx(
+              "div",
+              {
+                className: "flex-shrink-0 h-full",
+                style: {
+                  width: C
+                },
+                children: e
+              },
+              t
+            ))
+          }
+        ),
+        R && s > 1 && /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2", children: x.map((e, t) => /* @__PURE__ */ o.jsx(
+          "button",
+          {
+            onClick: () => j(t),
+            className: i(
+              "w-2 h-2 rounded-full transition-all duration-200",
+              t === n ? "bg-primary-default-default" : "bg-neutral-medium-default hover:bg-neutral-default-default"
+            ),
+            "aria-label": `Ir al elemento ${t + 1}`
+          },
+          t
+        )) }),
+        W && s > 1 && /* @__PURE__ */ o.jsxs("div", { className: "absolute inset-0 flex items-center justify-between pointer-events-none", children: [
+          n > 0 && /* @__PURE__ */ o.jsx(
+            "button",
+            {
+              onClick: () => j(n - 1),
+              className: i(
+                "p-2 rounded-full bg-white shadow-md hover:shadow-lg transition-shadow pointer-events-auto",
+                l && "pointer-events-none opacity-50"
+              ),
+              "aria-label": "Elemento anterior",
+              children: /* @__PURE__ */ o.jsx(
+                "svg",
+                {
+                  className: "w-4 h-4 text-neutral-default-default rotate-180",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ o.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+                }
+              )
+            }
+          ),
+          n < s - 1 && /* @__PURE__ */ o.jsx(
+            "button",
+            {
+              onClick: () => j(n + 1),
+              className: i(
+                "p-2 rounded-full bg-white shadow-md hover:shadow-lg transition-shadow pointer-events-auto",
+                l && "pointer-events-none opacity-50"
+              ),
+              "aria-label": "Elemento siguiente",
+              children: /* @__PURE__ */ o.jsx(
+                "svg",
+                {
+                  className: "w-4 h-4 text-neutral-default-default",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ o.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  O as default
+};

package/dist/TabLinks.d.ts

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

package/dist/TabLinks.es.js

@@ -0,0 +1,83 @@
+import { j as a } from "./jsx-runtime-ByW6EXIE.js";
+import { motion as x } from "framer-motion";
+import { memo as b } from "react";
+import { c as r } from "./cn-B6yFEsav.js";
+const k = b(function({
+  items: s,
+  activeTab: l,
+  onTabChange: o,
+  className: n,
+  tabClassName: u,
+  activeTabClassName: f,
+  indicatorClassName: c,
+  animated: m = !0,
+  renderTab: i
+}) {
+  const p = (t) => {
+    t.disabled || o?.(t.id, t);
+  };
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: r(
+        "flex flex-row justify-around items-end relative border-b-1 border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
+        n
+      ),
+      role: "tablist",
+      children: s?.map((t) => {
+        const e = l === t.id, d = () => p(t);
+        return i ? /* @__PURE__ */ a.jsx("div", { children: i(t, e, d) }, t.id) : /* @__PURE__ */ a.jsxs(
+          "button",
+          {
+            onClick: d,
+            disabled: t.disabled,
+            className: r(
+              "relative flex justify-center items-center h-10 px-4 font-medium focus:outline-none transition-colors",
+              !t.disabled && "hover:text-primary-default-default cursor-pointer",
+              t.disabled && "opacity-50 cursor-not-allowed",
+              u,
+              e && f
+            ),
+            tabIndex: t.disabled ? -1 : 0,
+            "aria-label": t.title,
+            role: "tab",
+            "aria-selected": e,
+            title: t.description,
+            children: [
+              e && m && /* @__PURE__ */ a.jsx(
+                x.div,
+                {
+                  layoutId: "tab-indicator",
+                  className: r(
+                    "absolute -bottom-[1px] left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
+                    c
+                  ),
+                  transition: {
+                    type: "spring",
+                    stiffness: 300,
+                    damping: 20
+                  },
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ a.jsx(
+                "span",
+                {
+                  className: r(
+                    "relative z-10",
+                    e ? "text-primary-default-default font-semibold text-md" : "text-neutral-medium-default font-medium text-md"
+                  ),
+                  children: t.title
+                }
+              )
+            ]
+          },
+          t.id
+        );
+      })
+    }
+  );
+});
+export {
+  k as default
+};

package/dist/Table.d.ts

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

package/dist/Table.es.js

@@ -0,0 +1,121 @@
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { c as l } from "./cn-B6yFEsav.js";
+import * as o from "react";
+const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(
+  "table",
+  {
+    ref: a,
+    className: l(
+      "w-full caption-bottom text-sm border-b-1 rounded-lg border-neutral-default-default",
+      e
+    ),
+    ...t
+  }
+) }));
+n.displayName = "Table";
+const f = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "thead",
+  {
+    ref: a,
+    className: l("[&_tr]:border-b-0 [&_tr]:text-center", e),
+    ...t
+  }
+));
+f.displayName = "TableHeader";
+const i = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "tbody",
+  {
+    ref: a,
+    className: l("[&_tr:last-child]:border-b [&_tr]:cursor-pointer ", e),
+    ...t
+  }
+));
+i.displayName = "TableBody";
+const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "tfoot",
+  {
+    ref: a,
+    className: l(
+      "border-t bg-muted/50 font-medium [&>tr]:last:!border-b-0",
+      e
+    ),
+    ...t
+  }
+));
+b.displayName = "TableFooter";
+const m = o.forwardRef(({ className: e, isSelected: t, ...a }, d) => {
+  const s = `
+    after:content-["<span id='selected-span'></span>"]
+    after:absolute
+    after:top-1/2
+    after:left-1/2
+    after:w-[calc(100%)]
+    after:h-[calc(100%-12px)]
+    after:-translate-x-1/2
+    after:-translate-y-1/2
+    after:bg-primary-default-default
+    after:rounded-lg
+    ${t ? "after:opacity-10" : "after:opacity-0"}
+    after:z-10
+    after:pointer-events-none
+    transition-all
+    duration-300
+    ease-in-out
+    `;
+  return /* @__PURE__ */ r.jsx(
+    "tr",
+    {
+      ref: d,
+      className: l(
+        "border-b border-neutral-default-default relative text-center text-md text-semibold transition-colors hover:bg-neutral-medium-default/50 text-neutral-default-default",
+        s,
+        e
+      ),
+      ...a
+    }
+  );
+});
+m.displayName = "TableRow";
+const c = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "th",
+  {
+    ref: a,
+    className: l(
+      "h-14 px-4 text-center align-middle font-semibold text-neutral-default-default bg-neutral-medium-default first:rounded-tl-lg first:rounded-bl-lg last:rounded-br-lg last:rounded-tr-lg",
+      e
+    ),
+    ...t
+  }
+));
+c.displayName = "TableHead";
+const u = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "td",
+  {
+    ref: a,
+    className: l(
+      "py-4 px-4 align-middle text-center [&:has([role=checkbox])]:pr-0",
+      e
+    ),
+    ...t
+  }
+));
+u.displayName = "TableCell";
+const p = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+  "caption",
+  {
+    ref: a,
+    className: l("mt-4 text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+p.displayName = "TableCaption";
+export {
+  n as Table,
+  i as TableBody,
+  p as TableCaption,
+  u as TableCell,
+  b as TableFooter,
+  c as TableHead,
+  f as TableHeader,
+  m as TableRow
+};

package/dist/TextArea.d.ts

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

package/dist/TextArea.es.js

@@ -0,0 +1,52 @@
+import { j as y } from "./jsx-runtime-ByW6EXIE.js";
+import { c as C } from "./cn-B6yFEsav.js";
+import * as s from "react";
+function M({
+  className: i,
+  autoResize: t = !1,
+  userResize: d = !0,
+  minRows: r = 3,
+  maxRows: a,
+  placeholder: f,
+  onChange: c,
+  value: h,
+  rows: m
+}) {
+  const o = s.useRef(null), n = s.useCallback(() => {
+    const e = o.current;
+    if (!e || !t) return;
+    e.style.height = "auto";
+    const g = e.scrollHeight, u = Number.parseInt(getComputedStyle(e).lineHeight) || 20, H = r * u + 16;
+    let l = Math.max(g, H);
+    if (a) {
+      const b = a * u + 16;
+      l = Math.min(l, b);
+    }
+    e.style.height = `${l}px`;
+  }, [t, r, a]), x = (e) => {
+    c?.(e), n();
+  };
+  s.useEffect(() => {
+    n();
+  }, [n]);
+  const p = () => d ? t ? "resize-x" : "resize" : "resize-none";
+  return /* @__PURE__ */ y.jsx(
+    "textarea",
+    {
+      ref: o,
+      "data-slot": "textarea",
+      className: C(
+        "placeholder:text-neutral-medium-default text-neutral-default-default appearance-none border border-neutral-default-default focus:border-primary-default-default  flex w-full rounded-md px-3 py-2  outline-none  disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        p(),
+        i
+      ),
+      onChange: x,
+      rows: t ? r : m,
+      value: h,
+      placeholder: f
+    }
+  );
+}
+export {
+  M as default
+};

package/dist/Tooltip.d.ts

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

package/dist/Tooltip.es.js

@@ -0,0 +1,62 @@
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { AnimatePresence as f, motion as n } from "framer-motion";
+import { useState as p, cloneElement as x } from "react";
+import { Icons as b } from "./Icons.es.js";
+const N = ({
+  title: i,
+  trigger: o,
+  children: r,
+  position: t = "top",
+  component: c
+}) => {
+  const [s, l] = p(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
+    onMouseEnter: m,
+    onMouseLeave: a
+  } : {
+    onClick: () => l(!s)
+  }, d = {
+    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+    left: "right-full top-1/2 -translate-y-1/2 mr-2",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2"
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "relative inline-block", children: [
+    x(r, u),
+    /* @__PURE__ */ e.jsx(f, { children: s && /* @__PURE__ */ e.jsx(
+      n.div,
+      {
+        initial: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
+        animate: {
+          opacity: 1,
+          scale: 1,
+          y: 0
+        },
+        exit: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
+        transition: {
+          duration: 0.15,
+          ease: "easeOut"
+        },
+        className: `absolute z-50 ${d[t]}`,
+        children: /* @__PURE__ */ e.jsxs("div", { className: "min-w-80 max-w-80 min-h-36 h-fit text-white rounded-lg shadow-lg p-3 bg-neutral-medium-default", children: [
+          /* @__PURE__ */ e.jsx("h3", { className: "font-bold text-sm mb-1 text-neutral-strong-default", children: i }),
+          c,
+          o === "click" && /* @__PURE__ */ e.jsx(
+            n.button,
+            {
+              onClick: (h) => {
+                h.stopPropagation(), a();
+              },
+              className: "absolute cursor-pointer -top-2 -right-2 w-6 h-6 bg-neutral-strong-default hover:bg-neutral-medium-default rounded-full flex items-center justify-center transition-colors z-10",
+              whileHover: { scale: 1.1 },
+              whileTap: { scale: 0.95 },
+              children: /* @__PURE__ */ e.jsx(b.Close, { size: 14, className: "text-white" })
+            }
+          )
+        ] })
+      }
+    ) })
+  ] });
+};
+export {
+  N as default
+};

package/dist/cn-B6yFEsav.js

@@ -0,0 +1,8 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function m(...r) {
+  return t(o(r));
+}
+export {
+  m as c
+};

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Avatar';

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Button';
+export type { ButtonProps } from './Button';

package/dist/exports/Avatar.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Avatar/Avatar';

package/dist/exports/Button.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Button/Button';
+export type { ButtonProps } from '../components/Button/Button';

package/dist/exports/CardProfile.d.ts

@@ -0,0 +1,2 @@
+export { CardProfile } from '../components/CardProfile/CardProfile';
+export type { ISessionLocalStorage } from '../components/CardProfile/CardProfile';

package/dist/exports/CheckBox.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/CheckBox/CheckBox';
+export type { CheckBoxProps } from '../components/CheckBox/CheckBox';

package/dist/exports/CheckboxFormik.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/CheckboxFormik/CheckboxFormik';
+export type { ICheckboxFormik } from '../components/CheckboxFormik/CheckboxFormik';

package/dist/exports/DialogModal.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Dialog/Dialog';
+export { useDialogControl } from '../components/Dialog/useDialogControl';

package/dist/exports/DrawerDesktop.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Drawer/DrawerDesktop';
+export { useDrawerDesktop } from '../components/Drawer/useDrawerDesktop';

package/dist/exports/DrawerMobile.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Drawer/DrawerMobile';
+export { useDrawerMobile } from '../components/Drawer/useDrawerMobile';

package/dist/exports/DropZone.d.ts

@@ -0,0 +1 @@
+export { DropZone } from '../components/DropZone/DropZone';

package/dist/exports/Header.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Header/Header';
+export type { IHeader } from '../components/Header/Header';

package/dist/exports/Icons.d.ts

@@ -0,0 +1 @@
+export { Icons } from '../Icons/Icons';

package/dist/exports/Input.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Input/Input';
+export type { InputProps, InputSize, InputVariant, } from '../components/Input/Input';

package/dist/exports/InputFormik.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/InputFormik/InputFormik';
+export type { IInputFormik } from '../components/InputFormik/InputFormik';

package/dist/exports/LayoutGeneric.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Layout/LayoutGeneric';
+export type { LayoutGenericProps } from '../components/Layout/LayoutGeneric';

package/dist/exports/Logo.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Logo/Logo';

package/dist/exports/Menu.d.ts

@@ -0,0 +1,2 @@
+export { Menu } from '../components/Menu/MenuComposable';
+export type { IMenuItems, IMenuRoot } from '../components/Menu/MenuComposable';

package/dist/exports/OtpInput.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/OtpInput/OtpInput';
+export type { OtpInputProps } from '../components/OtpInput/OtpInput';

package/dist/exports/Pagination.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Pagination/Pagination';
+export type { PaginationProps } from '../components/Pagination/Pagination';

package/dist/exports/ProgressBar.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/ProgressBar/ProgressBar';
+export type { CountdownProgressProps } from '../components/ProgressBar/ProgressBar';

package/dist/exports/Select.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Select/Select';
+export type { SelectOptionRendererProps, SelectProps, SelectionDisplayProps, } from '../components/Select/Select';

package/dist/exports/Spinner.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Spinner/Spinner';
+export type { SpinnerProps, SpinnerSize, SpinnerVariant, } from '../components/Spinner/Spinner';

package/dist/exports/SwipeContainer.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/SwipeContainer/SwipeContainer';

package/dist/exports/TabLinks.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/TabLinks/TabLinks';

package/dist/exports/Table.d.ts

@@ -0,0 +1 @@
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from '../components/Table/Table';

package/dist/exports/TextArea.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/TextArea/TextArea';

package/dist/exports/Tooltip.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Tooltip/Tootip';
+export type { IToolTipProps } from '../components/Tooltip/Tootip';