prometeo-design-system 2.8.4 → 2.8.7

package/dist/Icons.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

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

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,16 +1,15 @@
-import { j as s } from "./jsx-runtime-ByW6EXIE.js";
-import { c as x } from "./cn-B6yFEsav.js";
-import { motion as j } from "framer-motion";
-import { useState as g } from "react";
-function S({
-  imageUrl: t,
-  sizeImage: o = "md",
-  sizeFallback: e = "md",
+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: a = "Selene Soluciones",
-  subImageUrl: l,
+  subImageUrl: r,
   borderColor: n = "white"
 }) {
-  const [c, m] = g(!1), r = t && t.trim() !== "" && !c, d = (f) => f.split(" ").map((w) => w.charAt(0)).join("").toUpperCase().slice(0, 2), i = {
+  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",
@@ -34,52 +33,48 @@ function S({
     md: "w-12 h-12",
     lg: "w-16 h-16",
     xl: "w-20 h-20"
-  }, p = r ? o : e;
-  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: t,
-        className: `rounded-full object-cover ${i[o]}`,
+        src: s,
+        className: `rounded-full object-cover ${x[l]}`,
         alt: "Profile"
       }
-    ) : /* @__PURE__ */ s.jsx(
-      j.div,
+    ) : /* @__PURE__ */ e(
+      "div",
       {
-        className: ` flex items-center justify-center rounded-full aspect-square ${i[e]}`,
+        className: ` flex items-center justify-center rounded-full aspect-square ${x[t]}`,
         style: { backgroundColor: "#C6D2FF" },
-        initial: { opacity: 0, scale: 1.1 },
-        animate: { opacity: 1, scale: 1 },
-        exit: { opacity: 0, scale: 0.9 },
-        transition: { duration: 0.3 },
-        children: /* @__PURE__ */ s.jsx(
+        children: /* @__PURE__ */ e(
           "span",
           {
-            className: x(
+            className: i(
               "text-[#312C85] font-semibold",
-              h[e]
+              h[t]
             ),
-            children: d(a)
+            children: m(a)
           }
         )
       },
       "initials"
     ),
-    l && /* @__PURE__ */ s.jsx(
+    r && /* @__PURE__ */ e(
       "div",
       {
-        className: x(
+        className: i(
           "absolute bottom-[-10px] right-[-10px] rounded-full border-4 overflow-hidden bg-gray-900",
-          u[p]
+          u[w]
         ),
         style: { borderColor: n },
-        children: /* @__PURE__ */ s.jsx(
+        children: /* @__PURE__ */ e(
           "img",
           {
-            src: l,
+            src: r,
             alt: "Sub badge",
             className: "w-full h-full object-cover"
           }
@@ -89,5 +84,5 @@ function S({
   ] });
 }
 export {
-  S as default
+  j as default
 };