prometeo-design-system 2.8.5 → 2.8.7

package/dist/Icons.js

@@ -0,0 +1,5 @@
+import * as o from "./Icons/Icons.js";
+export {
+  o as Icons,
+  o as default
+};

package/dist/Image.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/Image/Image.js";
+export {
+  o as default
+};

package/dist/ImageGallery.js

@@ -0,0 +1,6 @@
+import { default as o } from "./components/Image/ImageGallery.js";
+import { useImageGallery as f } from "./components/Image/useImageGallery.js";
+export {
+  o as default,
+  f as useImageGallery
+};

package/dist/Input.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/Input/Input.js";
+export {
+  o as default
+};

package/dist/InputMultiple.js

@@ -0,0 +1,5 @@
+import { default as l, default as u } from "./components/InputMultiple/InputMultiple.js";
+export {
+  l as InputMultiple,
+  u as default
+};

package/dist/LayoutGeneric.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/Layout/LayoutGeneric.js";
+export {
+  o as default
+};

package/dist/Logo.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/Logo/Logo.js";
+export {
+  o as default
+};

package/dist/Menu.js

@@ -0,0 +1,5 @@
+import { Menu as a, Menu as f } from "./components/Menu/MenuComposable.js";
+export {
+  a as Menu,
+  f as default
+};

package/dist/OtpInput.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/OtpInput/OtpInput.js";
+export {
+  o as default
+};

package/dist/Pagination.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/Pagination/Pagination.js";
+export {
+  o as default
+};

package/dist/ProfilePictureUpload.js

@@ -0,0 +1,5 @@
+import { ProfilePictureUpload as r, ProfilePictureUpload as l } from "./components/ProfilePictureUpload/ProfilePictureUpload.js";
+export {
+  r as ProfilePictureUpload,
+  l as default
+};

package/dist/ProgressBar.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/ProgressBar/ProgressBar.js";
+export {
+  o as default
+};

package/dist/RadioButton.js

@@ -0,0 +1,5 @@
+import { default as o, default as d } from "./components/RadioButton/RadioButton.js";
+export {
+  o as RadioButton,
+  d as default
+};

package/dist/SegmentedButton.js

@@ -0,0 +1,5 @@
+import { default as a, default as d } from "./components/SegmentedButton/SegmentedButton.js";
+export {
+  a as SegmentedButton,
+  d as default
+};

package/dist/Select.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/Select/Select.js";
+export {
+  o as default
+};

package/dist/SelectSearch.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/SelectSearch/SelectSearch.js";
+export {
+  o as default
+};

package/dist/Skeleton.js

@@ -0,0 +1,5 @@
+import { default as a, default as f } from "./components/Skeleton/Skeleton.js";
+export {
+  a as Skeleton,
+  f as default
+};

package/dist/Spinner.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/Spinner/Spinner.js";
+export {
+  o as default
+};

package/dist/Steps.js

@@ -0,0 +1,5 @@
+import { default as a, default as f } from "./components/Steps/Steps.js";
+export {
+  a as Steps,
+  f as default
+};

package/dist/SwipeContainer.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/SwipeContainer/SwipeContainer.js";
+export {
+  o as default
+};

package/dist/Switch.js

@@ -0,0 +1,5 @@
+import { default as e, default as f } from "./components/Switch/Switch.js";
+export {
+  e as Switch,
+  f as default
+};

package/dist/TabLinks.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/TabLinks/TabLinks.js";
+export {
+  o as default
+};

package/dist/Table.js

@@ -0,0 +1,11 @@
+import { Table as l, TableBody as b, TableCaption as T, TableCell as o, TableFooter as r, TableHead as d, TableHeader as t, TableRow as p } from "./components/Table/Table.js";
+export {
+  l as Table,
+  b as TableBody,
+  T as TableCaption,
+  o as TableCell,
+  r as TableFooter,
+  d as TableHead,
+  t as TableHeader,
+  p as TableRow
+};

package/dist/TextArea.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/TextArea/TextArea.js";
+export {
+  o as default
+};

package/dist/Toast.js

@@ -0,0 +1,5 @@
+import { default as r, toastpyrion as a } from "./components/Toaster/Toaster.js";
+export {
+  r as default,
+  a as toastpyrion
+};

package/dist/ToastProvider.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/Toaster/ToastProvider.js";
+export {
+  o as default
+};

package/dist/Tooltip.js

@@ -0,0 +1,4 @@
+import { default as o } from "./components/Tooltip/Tootip.js";
+export {
+  o as default
+};

package/dist/components/Autocomplete/useAutocomplete.js

@@ -0,0 +1,143 @@
+import { useState as m, useRef as b, useEffect as l, useMemo as Y, useCallback as Z } from "react";
+import { getAccessorValue as u } from "../../lib/utils.js";
+function ne(r) {
+  const {
+    options: V,
+    fetcher: S,
+    asyncMode: v = "fetch_in_open",
+    disabled: C = !1,
+    debounceDelay: F = 500,
+    minCharacters: x = 3,
+    optionLabel: p,
+    optionValue: d,
+    controlledValue: f,
+    isOpen: A,
+    inputRef: _,
+    name: O
+  } = r || {}, [T, j] = m(V || []), [q, w] = m(V || []), [o, K] = m(""), [z, g] = m(!1), [G, H] = m(!1), y = b(null), k = b(null), E = b(!1), L = b(S), I = r?.multiple === !0 || !1, h = b(I ? [] : void 0), [i, R] = m(I ? [] : void 0);
+  l(() => {
+    L.current = S;
+  }, [S]), l(() => {
+    f !== void 0 && R(f);
+  }, [f]), l(() => {
+    h.current = f !== void 0 ? f : i;
+  }, [f, i]), l(() => {
+    r?.options && (j(r.options), w(r.options));
+  }, [r?.options]);
+  const M = Y(() => (e, t) => new Promise((n, s) => {
+    y.current && clearTimeout(y.current), y.current = setTimeout(() => e(o).then(n).catch(s), t);
+  }), [o]), N = (e) => {
+    const t = f !== void 0, n = (s) => d ? u(s, d) : u(s, "id");
+    if (r?.multiple === !0) {
+      const s = h.current || [];
+      let c;
+      s.some((a) => n(a) === n(e)) ? c = s.filter((a) => n(a) !== n(e)) : c = [...s, e], t ? (h.current = c, r?.onChange?.(c, O)) : (h.current = c, R(c), r?.onChange?.(c, O));
+    } else
+      t ? (h.current = e, r?.onChange?.(e, O)) : (h.current = e, R(e), r?.onChange?.(e, O));
+  }, P = (e) => (r?.onFetchingStart?.(), L.current?.(e) || Promise.resolve([])), J = Z((e, t) => e.length === 0 ? t : d ? t.filter((n) => !e.some((s) => u(s, d) === u(n, d))) : t.filter((n) => !e.some((s) => u(s, "id") === u(n, "id"))), [d]);
+  l(() => {
+    const e = r?.subscribeOpenChange;
+    if (!e) return;
+    const t = e((n) => {
+      H(n);
+    });
+    return () => {
+      t && t();
+    };
+  }, [r?.subscribeOpenChange]);
+  const B = A !== void 0 ? A : G;
+  l(() => {
+    if (!C && L.current && v === "fetch_on_type") {
+      if (!o || o === "" || o.length < x) {
+        y.current && clearTimeout(y.current), g(!1);
+        return;
+      }
+      const e = M(P, F);
+      g(!0), e.then((t) => {
+        j(t);
+      }).finally(() => {
+        g(!1), r?.onFetchingEnd?.();
+      });
+    }
+  }, [v, o, C, F, M, x]), l(() => {
+    if (!C)
+      if (B) {
+        if (r?.onOpen?.(), v === "fetch_in_open") {
+          if (!L.current)
+            return;
+          g(!0), P().then((e) => {
+            j(() => I && i.length > 0 ? [...J(i, e), ...i] : e);
+          }).finally(() => {
+            g(!1), r?.onFetchingEnd?.();
+          });
+        }
+      } else
+        r?.onClose?.();
+  }, [B, v, C]);
+  const D = (e, t) => e.filter((n) => {
+    if (p)
+      return u(n, p).toLowerCase().includes(t.toLowerCase());
+    switch (typeof n) {
+      case "string":
+        return n.toLowerCase().includes(t.toLowerCase());
+      case "number":
+        return n.toString().includes(t);
+      case "object":
+        return Object.values(n).some((c) => c.toString().toLowerCase().includes(t.toLowerCase()));
+      default:
+        return !1;
+    }
+  }), Q = (e) => e.sort((t, n) => {
+    if (p)
+      return u(t, p) < u(n, p) ? -1 : 1;
+    {
+      const c = ["label", "name", "value"].find((a) => typeof t == "object" && Object.keys(t).includes(a));
+      switch (typeof t) {
+        case "string":
+          return t < n ? -1 : 1;
+        case "number":
+          return t < n ? -1 : 1;
+        case "object":
+          if (c) {
+            const a = u(t, c), X = u(n, c);
+            return a < X ? -1 : 1;
+          } else
+            return 1;
+        default:
+          return 1;
+      }
+    }
+  }), W = (e) => {
+    const t = typeof _ == "function" ? _() : _;
+    e.target === t?.current && (k.current && clearTimeout(k.current), E.current || (E.current = !0, r?.onTypeStart?.()), k.current = setTimeout(() => {
+      E.current = !1;
+    }, F));
+  };
+  return l(() => {
+    if (o === "")
+      w(Q(T));
+    else if (I) {
+      const e = J(i, T);
+      w([...D(e, o), ...i]);
+    } else {
+      const e = J([i], T);
+      w([...D(e, o), i]);
+    }
+  }, [T]), l(() => (document.addEventListener("keydown", W), () => {
+    document.removeEventListener("keydown", W);
+  }), []), {
+    inputValue: o,
+    setInputValue: K,
+    cleanInputValue: () => {
+      K("");
+    },
+    filteredOptions: q,
+    isLoading: z,
+    value: i,
+    setValue: R,
+    onOptionClick: N
+  };
+}
+export {
+  ne as useAutocomplete
+};

package/dist/{Avatar.es.js → components/Avatar/Avatar.js}

@@ -1,15 +1,15 @@
-import { j as s } from "./jsx-runtime-DKDX3adD.js";
-import { c as a } from "./cn-B6yFEsav.js";
-import { useState as j } from "react";
-function C({
-  imageUrl: e,
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import { cn as i } from "../../lib/cn.js";
+import { useState as b } from "react";
+function j({
+  imageUrl: s,
   sizeImage: l = "md",
   sizeFallback: t = "md",
-  fallbackText: i = "Selene Soluciones",
-  subImageUrl: x,
+  fallbackText: a = "Selene Soluciones",
+  subImageUrl: r,
   borderColor: n = "white"
 }) {
-  const [c, m] = j(!1), r = e && e.trim() !== "" && !c, d = (f) => f.split(" ").map((p) => p.charAt(0)).join("").toUpperCase().slice(0, 2), o = {
+  const [c, d] = b(!1), o = s && s.trim() !== "" && !c, m = (f) => f.split(" ").map((p) => p.charAt(0)).join("").toUpperCase().slice(0, 2), x = {
     xxxs: "w-6.5 h-6.5",
     xxs: "w-8.5 h-8.5",
     xs: "w-10 h-10",
@@ -33,48 +33,48 @@ function C({
     md: "w-12 h-12",
     lg: "w-16 h-16",
     xl: "w-20 h-20"
-  }, w = r ? l : t;
-  return /* @__PURE__ */ s.jsxs("div", { className: "relative inline-block", children: [
-    r ? /* @__PURE__ */ s.jsx(
+  }, w = o ? l : t;
+  return /* @__PURE__ */ g("div", { className: "relative inline-block", children: [
+    o ? /* @__PURE__ */ e(
       "img",
       {
         onError: () => {
-          m(!0);
+          d(!0);
         },
-        src: e,
-        className: `rounded-full object-cover ${o[l]}`,
+        src: s,
+        className: `rounded-full object-cover ${x[l]}`,
         alt: "Profile"
       }
-    ) : /* @__PURE__ */ s.jsx(
+    ) : /* @__PURE__ */ e(
       "div",
       {
-        className: ` flex items-center justify-center rounded-full aspect-square ${o[t]}`,
+        className: ` flex items-center justify-center rounded-full aspect-square ${x[t]}`,
         style: { backgroundColor: "#C6D2FF" },
-        children: /* @__PURE__ */ s.jsx(
+        children: /* @__PURE__ */ e(
           "span",
           {
-            className: a(
+            className: i(
               "text-[#312C85] font-semibold",
               h[t]
             ),
-            children: d(i)
+            children: m(a)
           }
         )
       },
       "initials"
     ),
-    x && /* @__PURE__ */ s.jsx(
+    r && /* @__PURE__ */ e(
       "div",
       {
-        className: a(
+        className: i(
           "absolute bottom-[-10px] right-[-10px] rounded-full border-4 overflow-hidden bg-gray-900",
           u[w]
         ),
         style: { borderColor: n },
-        children: /* @__PURE__ */ s.jsx(
+        children: /* @__PURE__ */ e(
           "img",
           {
-            src: x,
+            src: r,
             alt: "Sub badge",
             className: "w-full h-full object-cover"
           }
@@ -84,5 +84,5 @@ function C({
   ] });
 }
 export {
-  C as default
+  j as default
 };

package/dist/{Button.es.js → components/Button/Button.js}

@@ -1,8 +1,8 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
-import { memo as M, useMemo as A } from "react";
-import E from "./Spinner.es.js";
-import { c as v } from "./index-BOQuZ0gG.js";
-import { c as d } from "./cn-B6yFEsav.js";
+import { jsxs as y, jsx as o } from "react/jsx-runtime";
+import { memo as A, useMemo as q } from "react";
+import D from "../Spinner/Spinner.js";
+import { cva as v } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as d } from "../../lib/cn.js";
 const m = {
   small: {
     container: "h-10 px-4 py-2"
@@ -138,21 +138,21 @@ const m = {
   container: "flex justify-center items-center gap-1 w-max rounded-lg bg-transparent cursor-pointer transition-all ease-in-out duration-300 relative",
   label: "w-max transition-all ease-in-out duration-300",
   icon: "w-max transition-all ease-in-out duration-300 flex justify-center items-center"
-}, y = {
+}, w = {
   true: {
     container: "hover:scale-105 active:scale-95 disabled:scale-100"
   },
   false: {
     container: ""
   }
-}, w = {
+}, V = {
   true: {
     icon: "group-hover:rotate-90 group-active:rotate-0 group-disabled:rotate-0"
   },
   false: {
     icon: ""
   }
-}, R = v(p.container, {
+}, E = v(p.container, {
   variants: {
     size: {
       small: `${r.small.container} ${m.small.container}`,
@@ -173,8 +173,8 @@ const m = {
       disabled: ""
     },
     animation: {
-      true: y.true.container,
-      false: y.false.container
+      true: w.true.container,
+      false: w.false.container
     }
   },
   compoundVariants: [
@@ -203,7 +203,7 @@ const m = {
     color: "primary",
     animation: !0
   }
-}), V = v(p.label, {
+}), k = v(p.label, {
   variants: {
     size: {
       small: r.small.label,
@@ -249,7 +249,7 @@ const m = {
     variant: "fill",
     color: "primary"
   }
-}), q = v(p.icon, {
+}), F = v(p.icon, {
   variants: {
     size: {
       small: r.small.icon,
@@ -270,8 +270,8 @@ const m = {
       disabled: ""
     },
     animateIcon: {
-      true: w.true.icon,
-      false: w.false.icon
+      true: V.true.icon,
+      false: V.false.icon
     }
   },
   compoundVariants: [
@@ -300,60 +300,60 @@ const m = {
     color: "primary",
     animateIcon: !0
   }
-}), D = ({
+}), G = ({
   label: g,
-  onClick: j,
-  icon: i,
+  onClick: $,
+  icon: s,
   contentClassName: u,
   loadingText: f = "Cargando...",
-  animate: k = !0,
-  animateIcon: $ = !0,
-  isLoading: a = !1,
+  animate: N = !0,
+  animateIcon: I = !0,
+  isLoading: t = !1,
   children: c,
   hideSpinner: b = !1,
-  spinner: x = /* @__PURE__ */ t.jsx(E, { size: "small", variant: "clip", speedMultiplier: 0.5, className: "mt-1.5", color: "var(--neutral-600)" }),
-  type: N,
-  className: I,
-  disabled: s,
+  spinner: x = /* @__PURE__ */ o(D, { size: "small", variant: "clip", speedMultiplier: 0.5, className: "mt-1.5", color: "var(--neutral-600)" }),
+  type: j,
+  className: z,
+  disabled: i,
   variant: l = "fill",
-  form: z,
-  size: o = "medium",
-  color: S = "primary"
+  form: S,
+  size: a = "medium",
+  color: B = "primary"
 }) => {
-  const h = !!($ && !s && !a), B = !!(k && !s && !a), n = s || a ? "disabled" : S, C = A(() => c || (a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+  const h = !!(I && !i && !t), C = !!(N && !i && !t), n = i || t ? "disabled" : B, M = q(() => c || (t ? /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
     !b && x,
-    /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ o(
       "span",
       {
         className: d(
-          V({
-            size: o,
+          k({
+            size: a,
             variant: l,
             color: n
           }),
-          o === "small" ? "prometeo-fonts-label-xsmall" : ""
+          a === "small" ? "prometeo-fonts-label-xsmall" : ""
         ),
         children: f
       }
     )
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1", u), children: [
-    i && /* @__PURE__ */ t.jsx(
+  ] }) : /* @__PURE__ */ y("div", { className: d("flex items-center gap-1", u), children: [
+    s && /* @__PURE__ */ o(
       "span",
       {
-        className: q({
-          size: o,
+        className: F({
+          size: a,
           variant: l,
           color: n,
           animateIcon: h
         }),
-        children: i
+        children: s
       }
     ),
-    /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ o(
       "span",
       {
-        className: V({
-          size: o,
+        className: k({
+          size: a,
           variant: l,
           color: n
         }),
@@ -363,38 +363,38 @@ const m = {
   ] })), [
     c,
     u,
-    i,
+    s,
     g,
     l,
-    o,
-    n,
     a,
+    n,
+    t,
     b,
     x,
     f,
     h
   ]);
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ o(
     "button",
     {
-      type: N,
+      type: j,
       className: d(
         "group",
-        R({
-          size: o,
+        E({
+          size: a,
           variant: l,
           color: n,
-          animation: B
+          animation: C
         }),
-        I
+        z
       ),
-      disabled: s || a,
-      form: z,
-      onClick: j,
-      children: /* @__PURE__ */ t.jsx("div", { className: `flex items-center gap-1 ${u}`, children: C })
+      disabled: i || t,
+      form: S,
+      onClick: $,
+      children: /* @__PURE__ */ o("div", { className: `flex items-center gap-1 ${u}`, children: M })
     }
   );
-}, O = M(D);
+}, Q = A(G);
 export {
-  O as default
+  Q as default
 };