prometeo-design-system 2.9.4 → 2.9.5

package/dist/DrawerDesktop.d.ts

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

package/dist/DrawerDesktop.es.js

@@ -1,192 +0,0 @@
-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.d.ts

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

package/dist/DrawerMobile.es.js

@@ -1,242 +0,0 @@
-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/exports/DrawerDesktop.d.ts

@@ -1,4 +0,0 @@
-export { default } from '../components/Drawer/DrawerDesktop';
-export { useDrawerDesktop } from '../components/Drawer/useDrawerDesktop';
-export type { DrawerDesktopProps } from '../components/Drawer/DrawerDesktop';
-export type { DrawerDesktopHandle } from '../components/Drawer/DrawerDesktop';

package/dist/exports/DrawerMobile.d.ts

@@ -1,4 +0,0 @@
-export { default } from '../components/Drawer/DrawerMobile';
-export { useDrawerMobile } from '../components/Drawer/useDrawerMobile';
-export type { DrawerMobileProps } from '../components/Drawer/DrawerMobile';
-export type { DrawerMobileHandle } from '../components/Drawer/DrawerMobile';