prometeo-design-system 2.5.4 → 2.5.6

package/dist/DrawerMobile.es.js

@@ -2,19 +2,19 @@ import { j as g } from "./jsx-runtime-DKDX3adD.js";
 import { c as W } from "./cn-B6yFEsav.js";
 import { forwardRef as K, useState as B, useRef as v, useEffect as F, useCallback as c, useMemo as J, useImperativeHandle as Q } from "react";
 import { createPortal as U } from "react-dom";
-const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) => {
-  const { children: y, defaultOpen: o = !1, onClose: a, snapPoints: d = ["60%"], setSnap: w, snap: p, attachToParent: O = !1 } = u, [E, x] = B(p || "0%"), [r, C] = B(null), Y = v(a), f = v(w), m = v(r);
-  Y.current = a, m.current = r, F(() => {
-    o && b();
-  }, [o]), F(() => {
-    f.current = w;
+const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, o) => {
+  const { children: y, defaultOpen: s = !1, onClose: f, snapPoints: d = ["60%"], setSnap: w, snap: p, attachToParent: O = !1 } = u, [E, x] = B(p || "0%"), [r, C] = B(null), Y = v(f), a = v(w), m = v(r);
+  Y.current = f, m.current = r, F(() => {
+    s && b();
+  }, [s]), F(() => {
+    a.current = w;
   }, [w]);
   const M = c(() => {
     x("0%"), Y.current?.(m.current), setTimeout(() => C(null), 300);
   }, []), b = c((H, N) => {
     console.log(H || d[0] || "60%"), x(H || d[0] || "60%"), C(N ?? null);
   }, [d]), S = J(() => E !== "0%", [E]);
-  Q(s, () => ({
+  Q(o, () => ({
     open: b,
     close: M,
     isOpen: S,
@@ -22,13 +22,12 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) =>
   }), [b, M, S]);
   const L = p || E;
   return O ? /* @__PURE__ */ g.jsx(q, { ...u, snap: L, setSnap: x, context: r, children: y }) : U(/* @__PURE__ */ g.jsx(q, { ...u, snap: L, setSnap: x, context: r, children: y }), document.body);
-}), q = ({ children: u, attachToParent: s = !1, className: y, snap: o, snapPoints: a = ["60%"], setSnap: d, hideOnClose: w = !1, header: p, modal: O = !1, closeOnOverlayClick: E = !1, context: x }) => {
-  const r = v(null), C = v(null), Y = v(null), f = v(null), m = v(null), M = c(() => {
+}), q = ({ children: u, attachToParent: o = !1, className: y, snap: s, snapPoints: f = ["60%"], setSnap: d, hideOnClose: w = !1, header: p, modal: O = !1, closeOnOverlayClick: E = !1, context: x }) => {
+  const r = v(null), C = v(null), Y = v(null), a = v(null), m = v(null), M = c(() => {
     if (!r.current) return [];
-    console.log(a, "snapPoints");
-    const e = s && r.current.parentElement?.offsetHeight || window.innerHeight;
-    return a?.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) || [];
-  }, [a, s]), b = c((e, t) => {
+    const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
+    return f?.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) || [];
+  }, [f, o]), b = c((e, t) => {
     const n = M();
     if (n.length === 0) return e;
     if (Math.abs(t) > 0.05)
@@ -42,31 +41,30 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) =>
       }
     return n.reduce((l, i) => Math.abs(i - e) < Math.abs(l - e) ? i : l);
   }, [M]), S = c((e) => {
-    if (d && a) {
-      const t = s && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= A ? "0%" : `${Math.round(e / t * 100)}%`;
+    if (d && f) {
+      const t = o && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= A ? "0%" : `${Math.round(e / t * 100)}%`;
       d(n);
     }
-  }, [d, a, s]), L = c((e) => {
+  }, [d, f, o]), L = c((e) => {
     r.current && (r.current.style.transition = V, r.current.style.height = `${e}px`);
-  }, [d, a, s]), R = c(() => {
-    if (m.current && s) {
+  }, [d, f, o]), R = c(() => {
+    if (m.current && o) {
       const { scrollY: e } = m.current;
       document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), m.current = null;
     }
-  }, [s]);
+  }, [o]);
   F(() => () => {
     R();
   }, [R]), F(() => {
-    if (!r.current || !o) return;
-    console.log(o, "new snap");
-    const e = s && r.current.parentElement?.offsetHeight || window.innerHeight;
+    if (!r.current || !s) return;
+    const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
     let t = 0;
-    typeof o == "string" && o.endsWith("%") ? parseFloat(o) <= 0 ? t = w ? 0 : A : t = parseFloat(o) / 100 * e : typeof o == "string" && o.endsWith("px") ? t = parseFloat(o) : typeof o == "number" && (o >= 0 && o <= 1 ? t = o * e : t = o), L(t);
-  }, [o, s]);
+    typeof s == "string" && s.endsWith("%") ? parseFloat(s) <= 0 ? t = w ? 0 : A : 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), L(t);
+  }, [s, o]);
   const H = c((e) => {
     if (!r.current) return;
     const t = e.touches[0], n = r.current.offsetHeight;
-    f.current = {
+    a.current = {
       isDragging: !1,
       startY: t.clientY,
       startHeight: n,
@@ -77,7 +75,7 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) =>
   }, []), N = c((e) => {
     if (!r.current) return;
     const t = e, n = r.current.offsetHeight;
-    f.current = {
+    a.current = {
       isDragging: !1,
       startY: t.clientY,
       startHeight: n,
@@ -86,9 +84,9 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) =>
       velocity: 0
     };
   }, []), I = c((e) => {
-    if (!f.current || !r.current) return;
-    const t = e.touches[0], n = f.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
-    if (!n.isDragging && l && (n.isDragging = !0, s)) {
+    if (!a.current || !r.current) return;
+    const t = e.touches[0], n = a.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
+    if (!n.isDragging && l && (n.isDragging = !0, o)) {
       const i = window.scrollY;
       m.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
     }
@@ -100,13 +98,13 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) =>
         n.velocity = n.velocity * 0.8 + G * 0.2;
       }
       n.lastY = t.clientY, n.lastTime = i;
-      const T = n.startHeight + D, $ = s && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(T, $));
+      const T = n.startHeight + D, $ = o && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(T, $));
       r.current.style.transition = "none", r.current.style.height = `${z}px`;
     }
-  }, [s]), _ = c((e) => {
-    if (!f.current || !r.current) return;
-    const t = e, n = f.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
-    if (!n.isDragging && l && (n.isDragging = !0, s)) {
+  }, [o]), _ = c((e) => {
+    if (!a.current || !r.current) return;
+    const t = e, n = a.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
+    if (!n.isDragging && l && (n.isDragging = !0, o)) {
       const i = window.scrollY;
       m.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
     }
@@ -118,18 +116,18 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) =>
         n.velocity = n.velocity * 0.8 + G * 0.2;
       }
       n.lastY = t.clientY, n.lastTime = i;
-      const T = n.startHeight + D, $ = s && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(T, $));
+      const T = n.startHeight + D, $ = o && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(T, $));
       r.current.style.transition = "none", r.current.style.height = `${z}px`;
     }
-  }, [s]), h = c(() => {
-    if (!f.current || !r.current) return;
-    const e = f.current;
+  }, [o]), h = c(() => {
+    if (!a.current || !r.current) return;
+    const e = a.current;
     if (e.isDragging) {
       R();
       const t = r.current.offsetHeight, n = b(t, e.velocity);
       S(n);
     }
-    f.current = null;
+    a.current = null;
   }, [b, L, R]);
   F(() => {
     const e = Y.current;
@@ -138,7 +136,7 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) =>
         e.removeEventListener("touchstart", H), e.removeEventListener("touchmove", I), e.removeEventListener("touchend", h), e.removeEventListener("touchcancel", h), e.removeEventListener("mousedown", N), e.removeEventListener("mousemove", _), e.removeEventListener("mouseup", h), e.removeEventListener("mouseleave", h);
       };
   }, [H, I, h]);
-  const k = J(() => o !== "0%", [o]);
+  const k = J(() => s !== "0%", [s]);
   return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
     O && /* @__PURE__ */ g.jsx(
       "div",
@@ -155,7 +153,7 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) =>
       {
         ref: r,
         className: W(
-          s ? "absolute" : "fixed",
+          o ? "absolute" : "fixed",
           "z-60 bottom-0 w-full overflow-hidden",
           "bg-neutral-default-default",
           "border-t border-neutral-strong-default rounded-t-[12px]",
@@ -194,17 +192,17 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, s) =>
     )
   ] });
 }, ne = () => {
-  const u = v(null), s = c((d, w) => {
+  const u = v(null), o = c((d, w) => {
     u.current?.open(d, w);
   }, []), y = c(() => {
     u.current?.close();
-  }, []), o = c(() => u.current?.isOpen ?? !1, []), a = c(() => u.current?.getContext() ?? null, []);
+  }, []), s = c(() => u.current?.isOpen ?? !1, []), f = c(() => u.current?.getContext() ?? null, []);
   return {
-    isOpen: o,
-    open: s,
+    isOpen: s,
+    open: o,
     close: y,
     drawerRef: u,
-    getContext: a
+    getContext: f
   };
 };
 export {

package/dist/InputFormik.es.js

@@ -1,9 +1,9 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as u } from "./cn-B6yFEsav.js";
-import { FastField as O, ErrorMessage as q } from "formik";
-import { memo as G, useState as I, useRef as H, useCallback as y, useLayoutEffect as J } from "react";
+import { FastField as q, ErrorMessage as G } from "formik";
+import { memo as H, useState as I, useRef as J, useCallback as y, useLayoutEffect as Q } from "react";
 import { Icons as N } from "./Icons.es.js";
-const Q = ({
+const W = ({
   icon: l,
   iconPosition: r = "left",
   label: d,
@@ -15,20 +15,24 @@ const Q = ({
   placeholder: p,
   disabled: b = !1,
   field: t,
-  form: z,
+  innerRef: z,
+  form: K,
   ...a
 }) => {
-  const [o, v] = I(!1), [C, K] = I(!1), c = H(null), F = z.getFieldMeta(t.name), k = F.touched && F.error, E = t.value && t.value.toString().length > 0, x = j === "password", M = x ? C ? "text" : "password" : j, P = () => n === "static" ? p || d : p || "", R = () => x ? l ? r === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : l ? r === "left" ? "pl-10" : "pr-10" : "", A = y(() => {
+  const [o, v] = I(!1), [C, M] = I(!1), c = J(null), F = K.getFieldMeta(t.name), k = F.touched && F.error, E = t.value && t.value.toString().length > 0, x = j === "password", P = x ? C ? "text" : "password" : j, R = () => n === "static" ? p || d : p || "", A = () => x ? l ? r === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : l ? r === "left" ? "pl-10" : "pr-10" : "", D = y(() => {
     v(!0), a.onFocus?.();
-  }, [a]), D = y((i) => {
-    v(!1), a.onBlur?.(), t.onBlur(i);
-  }, [t, a]), T = y(() => {
-    K((i) => !i);
+  }, [a]), T = y(
+    (i) => {
+      v(!1), a.onBlur?.(), t.onBlur(i);
+    },
+    [t, a]
+  ), U = y(() => {
+    M((i) => !i);
   }, []);
-  J(() => {
+  Q(() => {
     if (c.current) {
-      const V = ((L) => {
-        let s = L;
+      const L = ((O) => {
+        let s = O;
         for (; s && s !== document.body; ) {
           const f = window.getComputedStyle(s).backgroundColor;
           if (f && f !== "transparent" && f !== "rgba(0, 0, 0, 0)")
@@ -37,8 +41,10 @@ const Q = ({
         }
         const m = window.getComputedStyle(document.body).backgroundColor;
         return m && m !== "transparent" && m !== "rgba(0, 0, 0, 0)" ? m : "rgb(255, 255, 255)";
-      })(c.current.parentElement);
-      c.current.style.backgroundColor = V;
+      })(
+        c.current.parentElement
+      );
+      c.current.style.backgroundColor = L;
     }
   }, []);
   const g = {
@@ -72,7 +78,7 @@ const Q = ({
       icon: {},
       placeholder: {}
     }
-  }, U = {
+  }, V = {
     none: {
       label: "left-2 "
     },
@@ -92,79 +98,108 @@ const Q = ({
       label: `top-1/2 -translate-y-1/2 scale-100 peer-focus:text-sm peer-placeholder-shown:text-base ${(o || E) && "top-0 scale-90"}`
     }
   }, h = b ? "disabled" : k ? "error" : "default";
-  return /* @__PURE__ */ e.jsxs("div", { className: u("relative w-full bg-inherit", n === "static" && "mt-5", $), children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "relative bg-inherit", children: [
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          disabled: b,
-          id: w || t.name,
-          type: M,
-          name: t.name,
-          value: t.value || "",
-          placeholder: P(),
-          onChange: t.onChange,
-          onFocus: A,
-          onEmptied: a.onEmptied,
-          onKeyDown: a.onKeyDown,
-          onKeyUp: a.onKeyUp,
-          onBlur: D,
-          className: u(
-            "w-full px-3 h-12 text-left border-[1px] rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default",
-            "bg-transparent focus:outline-none",
-            S[n].input,
-            g[h].input,
-            R(),
-            B
-          )
-        }
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: u(
+        "relative w-full bg-inherit",
+        n === "static" && "mt-5",
+        $
       ),
-      /* @__PURE__ */ e.jsx(
-        "label",
-        {
-          ref: c,
-          htmlFor: w || a.name,
-          className: u(
-            "absolute transition-all duration-200 font-bold text-sm ease-in-out pointer-events-none bg-inherit px-1 z-10",
-            "prometeo-fonts-label-large text-sm",
-            U[l ? r : "none"].label,
-            S[n].label,
-            g[h].label
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "relative bg-inherit", children: [
+          /* @__PURE__ */ e.jsx(
+            "input",
+            {
+              disabled: b,
+              id: w || t.name,
+              type: P,
+              name: t.name,
+              value: t.value || "",
+              placeholder: R(),
+              onChange: t.onChange,
+              onFocus: D,
+              onEmptied: a.onEmptied,
+              onKeyDown: a.onKeyDown,
+              onKeyUp: a.onKeyUp,
+              onBlur: T,
+              className: u(
+                "w-full px-3 h-12 text-left border-[1px] rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default",
+                "bg-transparent focus:outline-none",
+                S[n].input,
+                g[h].input,
+                A(),
+                B
+              ),
+              ref: z
+            }
           ),
-          children: d
-        }
-      ),
-      l && /* @__PURE__ */ e.jsx("div", { className: u(
-        "absolute top-1/2 -translate-y-1/2 text-neutral-medium-default",
-        g[h].icon,
-        r === "left" ? "left-3" : "right-3"
-      ), children: l }),
-      x && /* @__PURE__ */ e.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: T,
-          className: u(
-            "absolute top-1/2 -translate-y-1/2 p-1 text-neutral-medium-default hover:text-neutral-strong-default",
-            "transition-colors duration-200 focus:outline-none focus:text-primary-default-default",
-            l && r === "right" ? "right-8" : "right-3"
+          /* @__PURE__ */ e.jsx(
+            "label",
+            {
+              ref: c,
+              htmlFor: w || a.name,
+              className: u(
+                "absolute transition-all duration-200 font-bold text-sm ease-in-out pointer-events-none bg-inherit px-1 z-10",
+                "prometeo-fonts-label-large text-sm",
+                V[l ? r : "none"].label,
+                S[n].label,
+                g[h].label
+              ),
+              children: d
+            }
           ),
-          tabIndex: -1,
-          disabled: b,
-          children: C ? /* @__PURE__ */ e.jsx(N.EyeVisibility, { size: 24, className: "text-neutral-default-default" }) : /* @__PURE__ */ e.jsx(N.EyeVisibilityOff, { size: 24, className: "text-neutral-default-default" })
-        }
-      )
-    ] }),
-    k && /* @__PURE__ */ e.jsx(
-      q,
-      {
-        name: t.name,
-        component: "span",
-        className: "block text-error-default-default text-xs mt-1"
-      }
-    )
-  ] });
-}, W = G(Q), le = (l) => /* @__PURE__ */ e.jsx(O, { name: l.name, children: ({ field: r, form: d }) => /* @__PURE__ */ e.jsx(W, { ...l, field: r, form: d }) });
+          l && /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: u(
+                "absolute top-1/2 -translate-y-1/2 text-neutral-medium-default",
+                g[h].icon,
+                r === "left" ? "left-3" : "right-3"
+              ),
+              children: l
+            }
+          ),
+          x && /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: U,
+              className: u(
+                "absolute top-1/2 -translate-y-1/2 p-1 text-neutral-medium-default hover:text-neutral-strong-default",
+                "transition-colors duration-200 focus:outline-none focus:text-primary-default-default",
+                l && r === "right" ? "right-8" : "right-3"
+              ),
+              tabIndex: -1,
+              disabled: b,
+              children: C ? /* @__PURE__ */ e.jsx(
+                N.EyeVisibility,
+                {
+                  size: 24,
+                  className: "text-neutral-default-default"
+                }
+              ) : /* @__PURE__ */ e.jsx(
+                N.EyeVisibilityOff,
+                {
+                  size: 24,
+                  className: "text-neutral-default-default"
+                }
+              )
+            }
+          )
+        ] }),
+        k && /* @__PURE__ */ e.jsx(
+          G,
+          {
+            name: t.name,
+            component: "span",
+            className: "block text-error-default-default text-xs mt-1"
+          }
+        )
+      ]
+    }
+  );
+}, X = H(W), ae = (l) => /* @__PURE__ */ e.jsx(q, { name: l.name, children: ({ field: r, form: d }) => /* @__PURE__ */ e.jsx(X, { ...l, field: r, form: d }) });
 export {
-  le as default
+  ae as default
 };

package/dist/LayoutGeneric-CbaoatQB.js

@@ -0,0 +1,26 @@
+import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { useRef as o, createContext as c, useContext as l, memo as d } from "react";
+const a = c(null), x = ({ children: e }) => {
+  const r = o(null), s = o(null), u = (t) => {
+    t.current && r && (r.current = t.current);
+  }, i = (t) => {
+    t.current && s && (s.current = t.current);
+  };
+  return /* @__PURE__ */ n.jsx(a.Provider, { value: { primarySidebarRef: r, registerPrimarySidebar: u, tabBarRef: s, registerTabBar: i }, children: e });
+}, S = () => {
+  const e = l(a);
+  if (!e)
+    throw new Error("useSidebarContext must be used within a SidebarProvider");
+  return e;
+}, f = ({
+  children: e,
+  sidebar: r
+}) => /* @__PURE__ */ n.jsxs("div", { className: "flex h-screen w-full bg-neutral-default-default", children: [
+  /* @__PURE__ */ n.jsx(x, { children: r }),
+  /* @__PURE__ */ n.jsx("main", { className: "w-full h-full overflow-y-auto", children: e })
+] }), h = d(f);
+export {
+  h as L,
+  x as S,
+  S as u
+};

package/dist/LayoutGeneric.es.js

@@ -1,4 +1,4 @@
-import { L as f } from "./LayoutGeneric-p4Pll4Cm.js";
+import { L as f } from "./LayoutGeneric-CbaoatQB.js";
 export {
   f as default
 };