prometeo-design-system 3.1.4 → 3.1.6

package/dist/SelectSearch.es.js

@@ -1,12 +1,13 @@
 import { j as Y } from "./jsx-runtime-GkKLlHH4.js";
-import { g as i, S as Z } from "./Select-BdxmkrjB.js";
+import { g as i } from "./utils-X4-h3cum.js";
 import { useState as A, useRef as E, useEffect as b, useMemo as ee, useCallback as te } from "react";
+import Z from "./Select.es.js";
 function re(e) {
   const {
     options: O,
     fetcher: d,
-    asyncMode: _ = "fetch_in_open",
-    disabled: w = !1,
+    asyncMode: w = "fetch_in_open",
+    disabled: S = !1,
     debounceDelay: P = 500,
     minCharacters: T = 3,
     optionLabel: h,
@@ -15,15 +16,15 @@ function re(e) {
     isOpen: F,
     inputRef: y,
     name: k
-  } = e || {}, M = O ? O.filter((t) => t != null) : [], [V, g] = A(M || []), [D, I] = A(M || []), [c, N] = A(""), [W, v] = A(!1), [J, U] = A(!1), o = E(null), C = E(null), m = E(!1), L = E(d), S = e?.multiple === !0 || !1, j = E(S ? [] : void 0), [a, p] = A(S ? [] : void 0);
+  } = e || {}, M = O ? O.filter((t) => t != null) : [], [V, g] = A(M || []), [D, I] = A(M || []), [c, N] = A(""), [W, p] = A(!1), [J, U] = A(!1), l = E(null), C = E(null), m = E(!1), L = E(d), _ = e?.multiple === !0 || !1, j = E(_ ? [] : void 0), [a, v] = A(_ ? [] : void 0);
   b(() => {
     L.current = d;
   }, [d]), b(() => {
-    if (S) {
+    if (_) {
       const t = z(f, "value");
-      p(t);
+      v(t);
     } else
-      f != null ? p(f) : p(void 0);
+      f != null ? v(f) : v(void 0);
   }, [f]), b(() => {
     j.current = f !== void 0 ? f : a;
   }, [f, a]), b(() => {
@@ -32,22 +33,22 @@ function re(e) {
       g(t), I(t);
     }
   }, [e?.options]);
-  const B = ee(() => (t, n) => new Promise((l, r) => {
-    o.current && clearTimeout(o.current), o.current = setTimeout(() => t(c).then(l).catch(r), n);
+  const B = ee(() => (t, n) => new Promise((o, r) => {
+    l.current && clearTimeout(l.current), l.current = setTimeout(() => t(c).then(o).catch(r), n);
   }), [c]), ne = (t) => {
-    const n = f !== void 0, l = (r) => s ? i(r, s) : i(r, "id");
+    const n = f !== void 0, o = (r) => s ? i(r, s) : i(r, "id");
     if (e?.multiple === !0) {
       const r = j.current || [];
       let u;
-      r.some((x) => l(x) === l(t)) ? u = r.filter((x) => l(x) !== l(t)) : u = [...r, t], n ? (j.current = u, e?.onChange?.(u, k)) : (j.current = u, p(u), e?.onChange?.(u, k));
+      r.some((x) => o(x) === o(t)) ? u = r.filter((x) => o(x) !== o(t)) : u = [...r, t], n ? (j.current = u, e?.onChange?.(u, k)) : (j.current = u, v(u), e?.onChange?.(u, k));
     } else
-      n ? (j.current = t, e?.onChange?.(t, k)) : (j.current = t, p(t), e?.onChange?.(t, k));
-  }, q = (t) => (e?.onFetchingStart?.(), L.current?.(t) || Promise.resolve([])), z = (t, n) => Array.isArray(t) ? (t.some((l) => typeof l != "object" || l === null) && console.debug(`El valor del ${n || "resultado del fetcher"} contiene elementos no válidos (null,undefined, no-object)`, t), t?.filter((l) => l != null) || []) : (console.debug(`El valor del ${n || "resultado del fetcher"} no es un Array (tipo de dato obtenido: ${typeof t})`), []), $ = te((t, n) => t.length === 0 ? n : s ? n.filter((l) => !t.some((r) => i(r, s) === i(l, s))) : n.filter((l) => !t.some((r) => i(r, "id") === i(l, "id"))), [s]);
+      n ? (j.current = t, e?.onChange?.(t, k)) : (j.current = t, v(t), e?.onChange?.(t, k));
+  }, q = (t) => (e?.onFetchingStart?.(), L.current?.(t) || Promise.resolve([])), z = (t, n) => Array.isArray(t) ? (t.some((o) => typeof o != "object" || o === null) && console.debug(`El valor del ${n || "resultado del fetcher"} contiene elementos no válidos (null,undefined, no-object)`, t), t?.filter((o) => o != null) || []) : (console.debug(`El valor del ${n || "resultado del fetcher"} no es un Array (tipo de dato obtenido: ${typeof t})`), []), $ = te((t, n) => t.length === 0 ? n : s ? n.filter((o) => !t.some((r) => i(r, s) === i(o, s))) : n.filter((o) => !t.some((r) => i(r, "id") === i(o, "id"))), [s]);
   b(() => {
     const t = e?.subscribeOpenChange;
     if (!t) return;
-    const n = t((l) => {
-      U(l);
+    const n = t((o) => {
+      U(o);
     });
     return () => {
       n && n();
@@ -55,46 +56,46 @@ function re(e) {
   }, [e?.subscribeOpenChange]);
   const G = F !== void 0 ? F : J;
   b(() => {
-    if (!w && L.current && _ === "fetch_on_type") {
+    if (!S && L.current && w === "fetch_on_type") {
       if (!c || c === "" || c.length < T) {
-        o.current && clearTimeout(o.current), v(!1);
+        l.current && clearTimeout(l.current), p(!1);
         return;
       }
       const t = B(q, P);
-      v(!0), t.then((n) => {
-        const l = z(n);
-        g(l);
+      p(!0), t.then((n) => {
+        const o = z(n);
+        g(o);
       }).finally(() => {
-        v(!1), e?.onFetchingEnd?.();
+        p(!1), e?.onFetchingEnd?.();
       });
     }
-  }, [_, c, w, P, B, T]), b(() => {
-    if (!w)
+  }, [w, c, S, P, B, T]), b(() => {
+    if (!S)
       if (G) {
-        if (e?.onOpen?.(), _ === "fetch_in_open") {
+        if (e?.onOpen?.(), w === "fetch_in_open") {
           if (!L.current)
             return;
-          v(!0), q().then((t) => {
+          p(!0), q().then((t) => {
             const n = z(t);
             g(() => {
-              const l = n.filter((r) => {
+              const o = n.filter((r) => {
                 if (s)
                   return i(r, s) !== void 0;
               });
-              return S && a.length > 0 ? [...$(a, l), ...a] : l;
+              return _ && a.length > 0 ? [...$(a, o), ...a] : o;
             });
           }).finally(() => {
-            v(!1), e?.onFetchingEnd?.();
+            p(!1), e?.onFetchingEnd?.();
           });
         }
       } else
         e?.onClose?.();
-  }, [G, _, w]);
-  const H = (t, n) => t?.filter((l) => {
+  }, [G, w, S]);
+  const H = (t, n) => t?.filter((o) => {
     if (h)
-      return i(l, h)?.toLowerCase().includes(n.toLowerCase());
+      return i(o, h)?.toLowerCase().includes(n.toLowerCase());
     {
-      const r = l;
+      const r = o;
       switch (typeof r) {
         case "string":
           return r?.toLowerCase().includes(n.toLowerCase());
@@ -106,11 +107,11 @@ function re(e) {
           return !1;
       }
     }
-  }) || [], le = (t) => t?.sort((n, l) => {
+  }) || [], oe = (t) => t?.sort((n, o) => {
     if (h)
-      return i(n, h) < i(l, h) ? -1 : 1;
+      return i(n, h) < i(o, h) ? -1 : 1;
     {
-      const u = ["label", "name", "value"].find((K) => typeof n == "object" && Object.keys(n).includes(K)), R = n, x = l;
+      const u = ["label", "name", "value"].find((K) => typeof n == "object" && Object.keys(n).includes(K)), R = n, x = o;
       switch (typeof R) {
         case "string":
           return R < x ? -1 : 1;
@@ -118,8 +119,8 @@ function re(e) {
           return R < x ? -1 : 1;
         case "object":
           if (u) {
-            const K = i(n, u), oe = i(l, u);
-            return K < oe ? -1 : 1;
+            const K = i(n, u), le = i(o, u);
+            return K < le ? -1 : 1;
           } else
             return 1;
         default:
@@ -134,8 +135,8 @@ function re(e) {
   };
   b(() => {
     if (c === "")
-      I(le(V));
-    else if (S) {
+      I(oe(V));
+    else if (_) {
       const t = $(a, V);
       I([...H(t, c), ...a]);
     } else {
@@ -153,7 +154,7 @@ function re(e) {
     setInputValue: N,
     cleanInputValue: X,
     cleanOptions: () => {
-      if (S)
+      if (_)
         g(a);
       else {
         const t = a;
@@ -162,48 +163,48 @@ function re(e) {
       X();
     },
     clearValue: () => {
-      p(S ? [] : void 0);
+      v(_ ? [] : void 0);
     },
     filteredOptions: D,
     isLoading: W,
     value: a,
-    setValue: p,
+    setValue: v,
     onOptionClick: ne
   };
 }
-const fe = (e) => {
-  const O = E(null), { asyncMode: d = "fetch_in_open" } = e, _ = (o, C, m) => {
+const he = (e) => {
+  const O = E(null), { asyncMode: d = "fetch_in_open" } = e, w = (l, C, m) => {
     const L = {
-      options: o.options,
-      fetcher: o.fetcher,
+      options: l.options,
+      fetcher: l.fetcher,
       asyncMode: C,
-      debounceDelay: o.debounceDelay,
-      minCharacters: o.minCharacters,
-      disabled: o.disabled,
-      optionValue: o.optionValue,
-      optionLabel: o.optionLabel,
+      debounceDelay: l.debounceDelay,
+      minCharacters: l.minCharacters,
+      disabled: l.disabled,
+      optionValue: l.optionValue,
+      optionLabel: l.optionLabel,
       onFetchingStart: () => {
         C === "fetch_on_type" && m.current?.open();
       },
       onTypeStart: () => {
-        !o?.fetcher && m.current?.open();
+        !l?.fetcher && m.current?.open();
       },
       inputRef: () => m.current?.searchInputRef,
       subscribeOpenChange: m.current?.subscribeOpenChange,
-      name: o.name
+      name: l.name
     };
-    return o.multiple ? {
+    return l.multiple ? {
       ...L,
       multiple: !0,
-      controlledValue: o.value,
-      onChange: o.onChange
+      controlledValue: l.value,
+      onChange: l.onChange
     } : {
       ...L,
       multiple: !1,
-      controlledValue: o.value,
-      onChange: o.onChange
+      controlledValue: l.value,
+      onChange: l.onChange
     };
-  }, { inputValue: w, setInputValue: P, filteredOptions: T, isLoading: h, value: s, onOptionClick: f, cleanInputValue: F, cleanOptions: y, clearValue: k } = re(_(e, d, O));
+  }, { inputValue: S, setInputValue: P, filteredOptions: T, isLoading: h, value: s, onOptionClick: f, cleanInputValue: F, cleanOptions: y, clearValue: k } = re(w(e, d, O));
   b(() => {
     !e.controls || !O.current || (e.controls.current = {
       ...O.current,
@@ -215,11 +216,11 @@ const fe = (e) => {
   const M = te(
     () => d === "fetch_on_type" ? h : !1,
     [d, h]
-  ), V = ee(() => e.multiple ? s.map((o) => i(o, e.optionValue)) : s ? i(s, e.optionValue) : void 0, [s, e.optionValue, e.multiple]), g = (o) => {
-    const C = T.find((m) => i(m, e.optionValue) === o.id);
+  ), V = ee(() => e.multiple ? s.map((l) => i(l, e.optionValue)) : s ? i(s, e.optionValue) : void 0, [s, e.optionValue, e.multiple]), g = (l) => {
+    const C = T.find((m) => i(m, e.optionValue) === l.id);
     C && f(C);
-  }, { displayMode: D = e.multiple ? "chips" : "compact", dropdownOptions: I, overflow: c = "scroll", onChange: N, onClear: W, ...v } = e.selectComponentProps || {}, J = {
-    controledSearchValue: w,
+  }, { displayMode: D = e.multiple ? "chips" : "compact", dropdownOptions: I, overflow: c = "scroll", onChange: N, onClear: W, ...p } = e.selectComponentProps || {}, J = {
+    controledSearchValue: S,
     onSearchValueChange: d === "fetch_on_type" ? P : void 0,
     onSearchClear: d === "fetch_on_type" ? () => {
       F(), y();
@@ -237,7 +238,7 @@ const fe = (e) => {
       className: e.className,
       name: e.name,
       overflow: c,
-      ...v,
+      ...p,
       onClear: e?.selectComponentProps?.onClear && U,
       multiple: !0,
       value: V,
@@ -257,7 +258,7 @@ const fe = (e) => {
     Z,
     {
       disabled: e.disabled,
-      ...v,
+      ...p,
       onClear: U,
       className: e.className,
       overflow: c,
@@ -279,5 +280,5 @@ const fe = (e) => {
   );
 };
 export {
-  fe as default
+  he as default
 };

package/dist/TicketCard.d.ts

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

package/dist/TicketCard.es.js

@@ -0,0 +1,130 @@
+import { j as l } from "./jsx-runtime-GkKLlHH4.js";
+import { g as L } from "./useLabelBackground-BDIHUdND.js";
+import { c as d } from "./cn-B6yFEsav.js";
+import { memo as O, useState as y, useCallback as x, useImperativeHandle as S, Children as A, isValidElement as B, cloneElement as k, useRef as w, useLayoutEffect as N, useEffect as z } from "react";
+import { CrevronLeft as I } from "./Icons/CrevronLeft.es.js";
+const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
+  const { children: t, className: r, controls: s } = n, [e, c] = y(!0), i = x(() => {
+    c((a) => !a);
+  }, []), f = x(() => {
+    c(!1);
+  }, []), p = x(() => {
+    c(!0);
+  }, []);
+  S(
+    s,
+    () => ({ open: f, close: p, toggle: i }),
+    [f, p, i]
+  );
+  const o = {
+    isCollapsed: e,
+    toggle: i
+  }, v = typeof t == "function" ? t(o) : t, m = A.toArray(v);
+  let u = null, g = null;
+  const h = [];
+  m.forEach((a) => {
+    if (!B(a)) {
+      h.push(a);
+      return;
+    }
+    if (a.type === b && !u) {
+      u = k(a, { context: o });
+      return;
+    }
+    if (a.type === E && !g) {
+      g = k(a, { context: o });
+      return;
+    }
+    h.push(a);
+  });
+  const H = u ?? (h.length ? /* @__PURE__ */ l.jsx(b, { context: o, children: h }) : null), R = !!g, T = g ?? null;
+  return /* @__PURE__ */ l.jsxs("div", { className: d("group/ticketcard w-full h-full flex flex-col overflow-hidden", r), "data-expanded": !e, children: [
+    /* @__PURE__ */ l.jsxs("div", { className: "ticketcard-container flex gap-0.5 h-min flex-nowrap", children: [
+      H,
+      R && /* @__PURE__ */ l.jsx(M, { isCollapsed: e, toggle: i })
+    ] }),
+    /* @__PURE__ */ l.jsx(V, { context: o, children: T })
+  ] });
+}, j = O(q), b = (n) => {
+  const { children: t, context: r, className: s, onClick: e } = n, c = C(t, r);
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: d(
+        "ticketcard-content rounded-lg p-3 flex-1 overflow-hidden",
+        "bg-neutral-default-default border border-transparent",
+        "transition-all duration-300 ease-in-out",
+        e && "hover:bg-neutral-default-hover",
+        e && "active:bg-neutral-default-pressed focus-visible:bg-neutral-default-pressed",
+        "group-data-[expanded=true]/ticketcard:border-neutral-strong-default",
+        e ? "cursor-pointer clickable" : "",
+        s
+      ),
+      onClick: e,
+      children: c
+    }
+  );
+}, M = ({ isCollapsed: n, toggle: t }) => {
+  const r = w(null);
+  return N(() => {
+    if (!r.current) return;
+    const s = r.current.previousElementSibling?.querySelector(".ticket-card-content");
+    if (!s) return;
+    const e = L(s);
+    r.current.style.backgroundColor = e;
+  }, []), /* @__PURE__ */ l.jsx(
+    "button",
+    {
+      ref: r,
+      type: "button",
+      onClick: t,
+      className: d(
+        "ticketcard-toggle-button",
+        "grid place-items-center cursor-pointer transition-transform rounded-lg w-8 max-w-8 min-w-8",
+        "bg-neutral-default-default ",
+        "transition-all duration-300 ease-in-out",
+        "hover:bg-neutral-default-hover",
+        "active:bg-neutral-default-pressed focus-visible:bg-neutral-default-pressed",
+        "group-data-[expanded=true]/ticketcard:bg-neutral-default-hover",
+        "group-data-[expanded=true]/ticketcard:text-primary-default-default"
+      ),
+      children: /* @__PURE__ */ l.jsx(I, { className: d("-rotate-90 transition-transform duration-300", !n && "rotate-90") })
+    }
+  );
+}, V = (n) => {
+  const { children: t, context: r, className: s } = n, e = C(t, r), c = r?.isCollapsed ?? !0, i = w(null), [f, p] = y(0), o = x(() => {
+    const m = i.current;
+    if (!m) return;
+    const u = m.scrollHeight;
+    p(u);
+  }, []);
+  N(() => {
+    o();
+  }, [o, e]), z(() => (window.addEventListener("resize", o), () => window.removeEventListener("resize", o)), [o]);
+  const v = c ? 0 : f || i.current?.scrollHeight || 0;
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: d(
+        "ticket-card-collapsable overflow-hidden transition-all duration-300 ease-in-out flex-1 flex flex-col",
+        s
+      ),
+      style: {
+        maxHeight: v,
+        opacity: c ? 0 : 1
+      },
+      children: /* @__PURE__ */ l.jsx("div", { ref: i, className: "flex flex-col", children: e })
+    }
+  );
+}, E = (n) => {
+  const { children: t, context: r, className: s } = n, e = C(t, r);
+  return /* @__PURE__ */ l.jsx("div", { className: d("ticket-card-options flex-1 overflow-hidden min-h-0", s), children: e });
+}, _ = Object.assign(j, {
+  Root: j,
+  Content: b,
+  Options: E
+});
+_.displayName = "TicketCard";
+export {
+  _ as default
+};

package/dist/badge-B1IK_-i5.js

@@ -0,0 +1,87 @@
+import { j as n } from "./jsx-runtime-GkKLlHH4.js";
+import { c as i } from "./cn-B6yFEsav.js";
+import { forwardRef as b, useState as g, useRef as p, useEffect as h } from "react";
+const j = b((t, s) => {
+  const [c, u] = g(t?.currentTabName || t.tabs[0].name), l = p(null), { tabs: r = [], className: d, activeColor: a = "var(--neutral-900)" } = t;
+  h(() => {
+    l.current?.style.setProperty("--tab-bg", a);
+  }, [a]);
+  const m = r.find((e) => e.name === (t?.currentTabName || c));
+  return /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      ref: s,
+      className: i(
+        "select-none",
+        "flex flex-col gap-2",
+        "bg-neutral-strong-default",
+        "h-full w-14 max-w-14 pl-[6px] py-6",
+        " border-r border-neutral-default-default",
+        d
+      ),
+      children: r.map(
+        (e) => {
+          const o = e.name === m?.name, f = typeof e.thumbnail == "string" ? /* @__PURE__ */ n.jsx("img", { src: e.thumbnail, alt: e.description, className: "aspect-square object-contain rounded", draggable: !1 }) : e.thumbnail, x = () => {
+            e.disabled || (u(e.name), e.onClick && e.onClick(e.name));
+          };
+          return /* @__PURE__ */ n.jsx(
+            "div",
+            {
+              className: i(
+                "bg-[(--tab-bg)]",
+                "h-12 w-[50px] z-20",
+                "flex items-center pl-[6px] ",
+                "rounded-l-[8px]",
+                "tabswitch-element relative",
+                o && "active"
+              ),
+              onClick: x,
+              ref: l,
+              children: /* @__PURE__ */ n.jsx("div", { className: i(
+                "size-8 rounded-[4px]",
+                "grid place-items-center",
+                "tab-thumbnail-icon",
+                "bg-transparent text-neutral-default-default",
+                e?.className
+              ), children: f })
+            },
+            e.name
+          );
+        }
+      )
+    }
+  );
+}), N = ({
+  count: t,
+  maxCount: s = 9,
+  className: c = "",
+  size: u = "medium",
+  variant: l = "primary",
+  showZero: r = !1,
+  disabled: d = !1
+}) => {
+  const a = t, m = a > s ? `+${s}` : a;
+  if (a === 0 && !r) return null;
+  const e = {
+    small: "w-4.5 h-4.5 text-xs ",
+    medium: "w-5 h-5 text-xs",
+    large: "w-6 h-6 text-sm"
+  }, o = {
+    primary: "bg-primary-default-default text-neutral-strong-default",
+    secondary: "bg-neutral-medium-default text-neutral-strong-default",
+    success: "bg-green-500 text-white",
+    warning: "bg-yellow-500 text-black",
+    danger: "bg-red-500 text-white"
+  };
+  return /* @__PURE__ */ n.jsx("div", { className: i(
+    "rounded-full flex items-center justify-center font-medium select-none",
+    e[u],
+    o[l],
+    c,
+    d && "text-neutral-strong-disabled bg-primary-medium-disabled"
+  ), children: /* @__PURE__ */ n.jsx("span", { children: m }) });
+};
+export {
+  N as B,
+  j as T
+};

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

@@ -0,0 +1,3 @@
+import { default as NotificationCard, NotificationCardProps } from './NotificationCard';
+export default NotificationCard;
+export type { NotificationCardProps };

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

@@ -0,0 +1,3 @@
+import { default as PyrionNavigationDrawer, PyrionNavigationDrawerProps, PyrionNavigationDrawerOptions, NavigationDrawerTabsProps, AuthSession } from './PyrionNavigationDrawer';
+export { type PyrionNavigationDrawerProps, type PyrionNavigationDrawerOptions, type NavigationDrawerTabsProps, type AuthSession };
+export default PyrionNavigationDrawer;

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

@@ -0,0 +1,3 @@
+import { default as TicketCard, TicketCardHandlerProps, TicketCardProps } from './TicketCard';
+export default TicketCard;
+export { type TicketCardHandlerProps, type TicketCardProps };

package/dist/exports/NotificationCard.d.ts

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

package/dist/exports/PyrionNavigationDrawer.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/PyrionNavigationDrawer';
+export { type PyrionNavigationDrawerProps, type PyrionNavigationDrawerOptions, type NavigationDrawerTabsProps, type AuthSession } from '../components/PyrionNavigationDrawer';

package/dist/exports/TicketCard.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/TicketCard';
+export { type TicketCardProps, type TicketCardHandlerProps } from '../components/TicketCard';

package/dist/exports/usePyrionNavigation.d.ts

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