prometeo-design-system 4.6.5 → 4.7.1

package/dist/Icons/UserPerson.es.js

@@ -1,5 +1,5 @@
-import { j as q } from "../jsx-runtime-DKDX3adD.js";
-import { m } from "../iconUtils-D0lVAgGT.js";
+import { j as q } from "../jsx-runtime-GkKLlHH4.js";
+import { m } from "../iconUtils-rTOfKDxE.js";
 const e = m(({ size: t = 24, className: r, ...o }) => /* @__PURE__ */ q.jsx(
   "svg",
   {

package/dist/Icons/WhatsApp.es.js

@@ -1,5 +1,5 @@
-import { j as s } from "../jsx-runtime-DKDX3adD.js";
-import { m as e } from "../iconUtils-D0lVAgGT.js";
+import { j as s } from "../jsx-runtime-GkKLlHH4.js";
+import { m as e } from "../iconUtils-rTOfKDxE.js";
 const n = e(({ size: t = 24, className: i, ...r }) => /* @__PURE__ */ s.jsxs(
   "svg",
   {

package/dist/Icons/iconUtils.d.ts

@@ -4,4 +4,6 @@ export interface IconProps {
     className?: string;
     props?: React.SVGProps<SVGSVGElement>;
 }
+export declare const SYSTEM_ICON_FLAG = "__isPrometeoIcon";
 export declare const memoIcon: <T extends IconProps>(Component: (props: T) => ReactElement) => import('react').MemoExoticComponent<(props: T) => ReactElement>;
+export declare const isSystemIconComponent: (component: any) => boolean;

package/dist/Image.es.js

@@ -1,4 +1,4 @@
-import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { j as n } from "./jsx-runtime-GkKLlHH4.js";
 import { memo as P, useState as x, useRef as E, useCallback as w, useEffect as N } from "react";
 import R from "./Spinner.es.js";
 import { c as u } from "./cn-B6yFEsav.js";

package/dist/{ImageGallery-4DdXqwRy.js → ImageGallery-DG9ovlQ-.js}

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
 import Q, { memo as M, forwardRef as A, useRef as v, useEffect as ee, useCallback as i, useState as R, useImperativeHandle as te } from "react";
 import { c as X } from "./cn-B6yFEsav.js";
 import { u as re } from "./useDragScroll-CHN9OMwn.js";

package/dist/ImageGallery.es.js

@@ -1,4 +1,4 @@
-import { I as p } from "./ImageGallery-4DdXqwRy.js";
+import { I as p } from "./ImageGallery-DG9ovlQ-.js";
 import { useRef as u, useCallback as r } from "react";
 const g = () => {
   const e = u(null), t = r((a) => {

package/dist/Input.es.js

@@ -1,9 +1,9 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
 import { c as e } from "./cn-B6yFEsav.js";
 import { memo as Z, forwardRef as q, useState as V } from "react";
 import F from "./Spinner.es.js";
 import { u as ee } from "./useLabelBackground-D5SzHhl_.js";
-import { H as te } from "./HelperComponent-DhGU_ug-.js";
+import { H as te } from "./HelperComponent-ljsn0xD6.js";
 import { EyeVisibility as re } from "./Icons/EyeVisibility.es.js";
 import { EyeVisibilityOff as oe } from "./Icons/EyeVisibilityOff.es.js";
 import le from "./Button.es.js";
@@ -106,7 +106,7 @@ const x = {
       },
       large: {
         container: "text-lg",
-        input: "h-14 px-3 text-lg  border-b border-t-0 border-x-0 rounded-none focus:ring-0 prometeo-fonts-body-xlarge ",
+        input: "h-14 px-3 text-lg  border-b border-t-0! border-x-0! rounded-none focus:ring-0! prometeo-fonts-body-xlarge ",
         label: "peer-placeholder-shown:prometeo-fonts-body-xlarge peer-focus:prometeo-fonts-label-large peer-focus:text-neutral-medium-default prometeo-fonts-label-large ",
         icon: "w-6 h-6 right-3",
         button: ""

package/dist/InputMultiple.es.js

@@ -1,15 +1,15 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-GkKLlHH4.js";
 import { c as d } from "./cn-B6yFEsav.js";
-import M, { useRef as _, useState as x, useCallback as Z, useEffect as T } from "react";
-import { Close as ee } from "./Icons/Close.es.js";
-import { Info as te } from "./Icons/Info.es.js";
-import { Error as re } from "./Icons/Error.es.js";
-const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator: w = ",", variant: I = "default", placeholder: K, itemClassName: U, itemIcon: V, helperText: j, errorText: N, disabled: a, onClick: F, className: $, readonly: h, onValueDelete: B, ...O }) => {
-  const o = _(null), E = _(null), [u, n] = x(""), [z, i] = x(0), [q, c] = x(!0), [v, P] = x(!1), [m, p] = x(!1), [k, y] = x(null), g = (e) => {
+import M, { useRef as _, useState as x, useCallback as T, useEffect as ee } from "react";
+import { Close as te } from "./Icons/Close.es.js";
+import { Info as re } from "./Icons/Info.es.js";
+import { Error as se } from "./Icons/Error.es.js";
+const le = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator: w = ",", variant: I = "default", placeholder: K, itemClassName: U, itemIcon: V, helperText: j, errorText: N, disabled: a, onClick: F, className: $, readonly: h, onValueDelete: B, tabIndex: O, ...q }) => {
+  const o = _(null), E = _(null), [u, n] = x(""), [z, i] = x(0), [A, c] = x(!0), [v, P] = x(!1), [m, p] = x(!1), [k, y] = x(null), g = (e) => {
     if (h || !e) return;
     const t = e.selectionStart ?? u.length;
     i(t);
-  }, A = (e) => {
+  }, G = (e) => {
     if (h) return;
     if (e.target.value[e.target.value.length - 1] === w && u.length > 0) {
       const s = u.trim();
@@ -27,17 +27,17 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
       n(e.target.value), c(!1);
     }
     g(e.target);
-  }, b = Z(() => {
+  }, b = T(() => {
     const e = u.trim();
     if (e.length === 0) {
       p(!1), n(""), c(!0), i(0), y(null);
       return;
     }
-    p(!1), k !== null && f(Q(l.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), y(null);
-  }, [k, u, f, l]), G = (e) => {
+    p(!1), k !== null && f(W(l.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), y(null);
+  }, [k, u, f, l]), H = (e) => {
     if (!h) {
       if (e.key === "Backspace" && u.length === 0) {
-        if (q) {
+        if (A) {
           const t = l[l.length - 1];
           t && (f(l.filter((s) => s !== t)), n(t), i(t.length));
         } else
@@ -54,16 +54,16 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
       }
       e.key === "Escape" && m && (p(!1), n(""), c(!0), i(0), y(null)), g(e.currentTarget);
     }
-  }, H = (e) => {
+  }, J = (e) => {
     const t = l.filter((s) => s !== e);
     f(t), B?.(e);
-  }, J = (e) => {
-    h || (L(e), p(!0), n(e), i(e.length), y(l.length - 1), o.current?.focus());
   }, L = (e) => {
+    h || (Q(e), p(!0), n(e), i(e.length), y(l.length - 1), o.current?.focus());
+  }, Q = (e) => {
     const t = l.filter((s) => s !== e);
     f([...t, e]);
-  }, Q = (e) => e.filter((t, s, Y) => Y.indexOf(t) === s);
-  T(() => {
+  }, W = (e) => e.filter((t, s, Z) => Z.indexOf(t) === s);
+  ee(() => {
     o.current && (o.current.onfocus = () => {
       P(!0);
     }, o.current.onblur = () => {
@@ -72,7 +72,7 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
       m && b();
     });
   }, [m, b]);
-  const W = {
+  const X = {
     isFocused: {
       error: "border-error-default-focused ring-error-default-focused",
       success: "border-success-default-focused ring-success-default-focused",
@@ -91,7 +91,7 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
       warning: "border-warning-default-disabled",
       default: "border-neutral-default-disabled"
     }
-  }, X = {
+  }, Y = {
     default: {
       default: "text-neutral-default-default",
       isFocused: "text-neutral-default-focused",
@@ -120,7 +120,7 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
     /* @__PURE__ */ r.jsx("p", { className: d(
       "mb-1 px-3",
       "prometeo-fonts-label-large",
-      X?.[I || "default"]?.[R]
+      Y?.[I || "default"]?.[R]
     ), children: S }),
     /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ r.jsx(
@@ -128,8 +128,8 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
         {
           ref: o,
           value: u,
-          onKeyUp: G,
-          onChange: A,
+          onKeyUp: H,
+          onChange: G,
           onClick: (e) => g(e.currentTarget),
           onSelect: (e) => g(e.currentTarget),
           name: D,
@@ -145,7 +145,8 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
           autoCapitalize: "off",
           spellCheck: "false",
           inputMode: "text",
-          ...O
+          tabIndex: O,
+          ...q
         }
       ),
       /* @__PURE__ */ r.jsxs(
@@ -157,7 +158,7 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
             "flex flex-wrap gap-1 min-h-[58px]",
             "transition-all duration-300 ease-in-out",
             "cursor-text",
-            W[R][I],
+            X[R][I],
             v ? "ring-[1px]" : "",
             // 'hover:border-primary-default-hover',
             a && "hover:border-neutral-default-disabled"
@@ -201,7 +202,7 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
                     "span",
                     {
                       onClick: (s) => {
-                        s.stopPropagation(), !a && J(e);
+                        s.stopPropagation(), !a && L(e);
                       },
                       className: d(
                         "cursor-pointer hover:text-neutral-default-hover",
@@ -214,14 +215,14 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
                     "div",
                     {
                       onClick: (s) => {
-                        s.stopPropagation(), !a && H(e);
+                        s.stopPropagation(), !a && J(e);
                       },
                       className: d(
                         "cursor-pointer hover:scale-105 transition-all duration-200 ",
                         a && " cursor-default hover:scale-100 "
                       ),
                       children: /* @__PURE__ */ r.jsx(
-                        ee,
+                        te,
                         {
                           size: 16,
                           className: d(
@@ -250,16 +251,16 @@ const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator:
       )
     ] }),
     j && I !== "error" && !a && (typeof j == "string" ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-neutral-medium-default ml-3 mt-1 flex items-center gap-1", children: [
-      /* @__PURE__ */ r.jsx(te, { size: 16, className: "text-neutral-medium-default" }),
+      /* @__PURE__ */ r.jsx(re, { size: 16, className: "text-neutral-medium-default" }),
       j
     ] }) : /* @__PURE__ */ r.jsx("div", { className: "ml-3", children: j })),
     N && typeof N == "string" && !a ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-error-default-default ml-3 mt-1 flex items-center gap-1", children: [
-      /* @__PURE__ */ r.jsx(re, { size: 16, className: "text-error-default-default" }),
+      /* @__PURE__ */ r.jsx(se, { size: 16, className: "text-error-default-default" }),
       N
     ] }) : N
   ] });
-}, ie = M.memo(se);
+}, ce = M.memo(le);
 export {
-  ie as InputMultiple,
-  ie as default
+  ce as InputMultiple,
+  ce as default
 };

package/dist/Logo.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { TicketFilled as t } from "./Icons/TicketFilled.es.js";
 const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-linear-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
   /* @__PURE__ */ e.jsx(t, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),

package/dist/Menu.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { AnimatePresence as n, motion as o } from "framer-motion";
 const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(

package/dist/NotificationCard.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { useCallback as h } from "react";
 import { c as o } from "./cn-B6yFEsav.js";
 import b from "./Avatar.es.js";

package/dist/OtpInput.es.js

@@ -1,4 +1,4 @@
-import { j as p } from "./jsx-runtime-DKDX3adD.js";
+import { j as p } from "./jsx-runtime-GkKLlHH4.js";
 import { c as $ } from "./cn-B6yFEsav.js";
 import * as n from "react";
 import ge, { memo as Re } from "react";

package/dist/Pagination.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
 import { motion as a } from "framer-motion";
 function h({
   currentPage: i = 1,

package/dist/PlainTooltip.es.js

@@ -1,4 +1,4 @@
-import { j as y } from "./jsx-runtime-DKDX3adD.js";
+import { j as y } from "./jsx-runtime-GkKLlHH4.js";
 import { c as _ } from "./cn-B6yFEsav.js";
 import { memo as j, useRef as v, useCallback as A, useEffect as u } from "react";
 import { createPortal as C } from "react-dom";

package/dist/ProfilePictureUpload.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { j as o } from "./jsx-runtime-GkKLlHH4.js";
 import { memo as L, useRef as w, useLayoutEffect as N } from "react";
 import R from "./Avatar.es.js";
 import { c as i } from "./cn-B6yFEsav.js";

package/dist/ProgressBar.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import T from "react";
 const M = T.forwardRef(