prometeo-design-system 7.4.5 → 7.4.6

package/dist/Badge.d.ts

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

package/dist/Badge.es.js

@@ -44,5 +44,6 @@ const u = "brand", o = 99, d = l("radius-full flex items-center justify-center f
   className: n
 }) => /* @__PURE__ */ t.jsx("div", { className: m(d({ size: e, color: a, isTextVariant: s }), n), children: r });
 export {
-  N as Badge
+  N as Badge,
+  N as default
 };

package/dist/ListItem.es.js

@@ -1,21 +1,21 @@
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { i as B } from "./iconUtils-rTOfKDxE.js";
+import { i as _ } from "./iconUtils-rTOfKDxE.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import { c as m } from "./index-BOQuZ0gG.js";
-import { memo as p, forwardRef as S, useMemo as v } from "react";
-import x from "./CheckBox.es.js";
-import O from "./Divider.es.js";
-import { ChevronDown as _ } from "./Icons/ChevronDown.es.js";
-import { A as U } from "./AvatarBase-D6H-sXbg.js";
-const F = {
+import { memo as g, forwardRef as j, useMemo as h } from "react";
+import y from "./CheckBox.es.js";
+import U from "./Divider.es.js";
+import { ChevronDown as F } from "./Icons/ChevronDown.es.js";
+import { A as K } from "./AvatarBase-D6H-sXbg.js";
+const M = {
   size: "small",
   name: "A B"
-}, K = p(function({
+}, Z = g(function({
   avatarProps: e,
   className: t
 }) {
-  return /* @__PURE__ */ a.jsx(U, { ...e, className: d(t, "shrink-0") });
-}), M = m("group flex flex-col w-full py-1 gap-2 ", {
+  return /* @__PURE__ */ a.jsx(K, { ...e, className: d(t, "shrink-0") });
+}), q = m("group flex flex-col w-full py-1 gap-2 ", {
   variants: {
     size: {
       small: "",
@@ -23,7 +23,7 @@ const F = {
       large: ""
     }
   }
-}), Z = m("flex items-center gap-2 transition-all duration-300 ease-in-out", {
+}), G = m("flex items-center gap-2 transition-all duration-300 ease-in-out", {
   variants: {
     size: {
       small: "p-1 pl-2 radius-medium",
@@ -49,7 +49,7 @@ const F = {
       class: "bg-transparent group-hover:bg-transparent group-active:bg-transparent cursor-default"
     }
   ]
-}), h = m(" transition-all duration-300 ease-in-out", {
+}), S = m(" transition-all duration-300 ease-in-out", {
   variants: {
     isSelected: {
       true: "",
@@ -72,7 +72,7 @@ const F = {
       class: "icon-neutral-tertiary-default group-hover:icon-neutral-tertiary-hover group-active:icon-neutral-tertiary-pressed"
     }
   ]
-}), q = "flex gap-1 items-center flex-1 overflow-hidden", G = m("flex flex-col gap-0 p-0 overflow-hidden", {
+}), H = "flex gap-1 items-center flex-1 overflow-hidden", J = m("flex flex-col gap-0 p-0 overflow-hidden", {
   variants: {
     size: {
       small: "",
@@ -80,7 +80,7 @@ const F = {
       large: ""
     }
   }
-}), H = m("transition-all duration-300 ease-in-out text-left truncate", {
+}), Q = m("transition-all duration-300 ease-in-out text-left truncate", {
   variants: {
     size: {
       small: "",
@@ -144,7 +144,7 @@ const F = {
       class: "text-disabled-default group-hover:text-disabled-default group-active:text-disabled-default"
     }
   ]
-}), J = m("text-left transition-all duration-300 ease-in-out truncate", {
+}), W = m("text-left transition-all duration-300 ease-in-out truncate", {
   variants: {
     size: {
       small: "pyrion-fonts-body-xsmall ",
@@ -184,77 +184,77 @@ const F = {
       class: ""
     }
   ]
-}), z = {
+}), C = {
   small: 16,
   medium: 20,
   large: 24
-}, Q = p(function({
+}, X = g(function({
   icon: e,
   size: t,
   className: r,
-  onClick: i
+  onClick: n
 }) {
   const s = (f) => {
-    f.preventDefault(), i(f);
+    f.preventDefault(), n(f);
   };
-  return /* @__PURE__ */ a.jsx("button", { type: "button", onClick: s, className: d("cursor-pointer", r), children: /* @__PURE__ */ a.jsx(e, { size: z[t] }) });
+  return /* @__PURE__ */ a.jsx("button", { type: "button", onClick: s, className: d("cursor-pointer", r), children: /* @__PURE__ */ a.jsx(e, { size: C[t] }) });
 });
-function y(l, e, t, r) {
-  let i = null;
-  return B(l) && (i = l), i ? r ? /* @__PURE__ */ a.jsx(
-    Q,
+function z(i, e, t, r) {
+  let n = null;
+  return _(i) && (n = i), n ? r ? /* @__PURE__ */ a.jsx(
+    X,
     {
-      icon: i,
+      icon: n,
       size: e,
       className: t,
       onClick: r
     }
-  ) : /* @__PURE__ */ a.jsx(i, { size: z[e], className: t }) : /* @__PURE__ */ a.jsx("span", { className: d("size-6 invisible") });
+  ) : /* @__PURE__ */ a.jsx(n, { size: C[e], className: t }) : /* @__PURE__ */ a.jsx("span", { className: d("size-6 invisible") });
 }
-const W = S(({ elementType: l, ...e }, t) => {
+const Y = j(({ elementType: i, ...e }, t) => {
   const r = d("menu-list-item", e.className);
-  return l === "button" ? /* @__PURE__ */ a.jsx("button", { ref: t, ...e, className: r, children: e.children }) : l === "a" ? /* @__PURE__ */ a.jsx("a", { ref: t, ...e, className: r, children: e.children }) : /* @__PURE__ */ a.jsx("div", { ref: t, ...e, className: r, children: e.children });
-}), ne = p(S(
+  return i === "button" ? /* @__PURE__ */ a.jsx("button", { ref: t, ...e, className: r, children: e.children }) : i === "a" ? /* @__PURE__ */ a.jsx("a", { ref: t, ...e, className: r, children: e.children }) : /* @__PURE__ */ a.jsx("div", { ref: t, ...e, className: r, children: e.children });
+}), de = g(j(
   function(e, t) {
     const {
       size: r = "medium",
-      elementType: i = "div",
+      elementType: n = "div",
       isSelected: s = !1,
       showDivider: f = !0,
-      disabled: n = !1,
-      slot: X,
-      icon: j,
-      leadingIconClassName: C,
-      trailingIconClassName: N,
-      checkbox: I,
-      showSelectionComponent: k,
-      leadingIcon: T,
-      showTrailingIcon: A,
-      trailingIcon: V,
-      onTrailingIconClick: w,
+      disabled: l = !1,
+      slot: $,
+      icon: N,
+      leadingIconClassName: I,
+      trailingIconClassName: k,
+      checkbox: T,
+      showSelectionComponent: A,
+      leadingIcon: V,
+      leadingSlot: p,
+      showTrailingIcon: w,
+      trailingIcon: D,
+      onTrailingIconClick: L,
       avatarProps: o,
-      role: D,
-      ...P
-    } = e, E = t, b = I || k, g = T || j, c = r ?? "small", L = v(
+      role: P,
+      ...E
+    } = e, R = t, b = !!(T || A), v = V || N, c = r ?? "small", x = typeof p == "function" ? p({ isSelected: s, disabled: l, checkbox: b }) : p, B = h(
       () => !!o && ("imageUrl" in o || "name" in o),
       [o]
-    ), R = v(
-      () => ({ ...F, ...o }),
+    ), O = h(
+      () => ({ ...M, ...o }),
       [o?.imageUrl, o?.name]
     );
     return /* @__PURE__ */ a.jsxs(
-      W,
+      Y,
       {
-        ref: E,
-        elementType: i,
-        ...P,
-        role: D ?? "menuitem",
-        className: M({ size: c }),
-        "aria-disabled": n ? "true" : "false",
+        ref: R,
+        elementType: n,
+        ...E,
+        role: P ?? "menuitem",
+        className: q({ size: c }),
+        "aria-disabled": l ? "true" : "false",
         "data-selected": s ? "true" : "false",
         children: [
-          /* @__PURE__ */ a.jsxs("div", { className: Z({ size: c, isSelected: s, disabled: n }), children: [
-            !b && g && y(g, c, d(h({ isSelected: s, disabled: n }), C)),
+          /* @__PURE__ */ a.jsxs("div", { className: G({ size: c, isSelected: s, disabled: l }), children: [
             b && (e.onSelectionClick ? /* @__PURE__ */ a.jsx(
               "span",
               {
@@ -269,24 +269,29 @@ const W = S(({ elementType: l, ...e }, t) => {
                 },
                 tabIndex: 0,
                 className: "cursor-pointer",
-                children: /* @__PURE__ */ a.jsx(x, { checked: s, readOnly: !0, disabled: n })
+                children: /* @__PURE__ */ a.jsx(y, { checked: s, readOnly: !0, disabled: l })
               }
-            ) : /* @__PURE__ */ a.jsx(x, { checked: s, readOnly: !0, disabled: n })),
-            /* @__PURE__ */ a.jsxs("div", { className: q, children: [
-              L && /* @__PURE__ */ a.jsx(K, { avatarProps: R }),
-              /* @__PURE__ */ a.jsxs("div", { className: G({ size: c }), children: [
-                e.label && /* @__PURE__ */ a.jsx("p", { className: d(H({ size: c, isSelected: s, disabled: n }), e.labelClassName), children: e.label }),
-                e.supportingText && /* @__PURE__ */ a.jsx("p", { title: e.supportingText, className: J({ size: c, isSelected: s, disabled: n }), children: e.supportingText })
+            ) : /* @__PURE__ */ a.jsx(y, { checked: s, readOnly: !0, disabled: l })),
+            x ?? (!b && v && z(
+              v,
+              c,
+              d(S({ isSelected: s, disabled: l }), I)
+            )),
+            /* @__PURE__ */ a.jsxs("div", { className: H, children: [
+              B && /* @__PURE__ */ a.jsx(Z, { avatarProps: O }),
+              /* @__PURE__ */ a.jsxs("div", { className: J({ size: c }), children: [
+                e.label && /* @__PURE__ */ a.jsx("p", { className: d(Q({ size: c, isSelected: s, disabled: l }), e.labelClassName), children: e.label }),
+                e.supportingText && /* @__PURE__ */ a.jsx("p", { title: e.supportingText, className: W({ size: c, isSelected: s, disabled: l }), children: e.supportingText })
               ] })
             ] }),
-            y(V || (A ? _ : null), "large", d(h({ isSelected: s, disabled: n }), N), w)
+            z(D || (w ? F : null), "large", d(S({ isSelected: s, disabled: l }), k), L)
           ] }),
-          f && /* @__PURE__ */ a.jsx(O, {})
+          f && /* @__PURE__ */ a.jsx(U, {})
         ]
       }
     );
   }
 ));
 export {
-  ne as default
+  de as default
 };

package/dist/PyrionLayout.es.js

@@ -7,7 +7,7 @@ import { createPortal as me } from "react-dom";
 import { u as $, N as D } from "./NavigationDrawer-BaEoMYbB.js";
 import { c as ne } from "./index-BOQuZ0gG.js";
 import bt from "./PlainTooltip.es.js";
-import { Badge as ht } from "./Badge.es.js";
+import ht from "./Badge.es.js";
 import { CrevronLeft as gt } from "./Icons/CrevronLeft.es.js";
 import { Scrollable as re } from "./Scrollable.es.js";
 import { useLocation as ge } from "react-router";

package/dist/SelectSearch.es.js

@@ -1,15 +1,15 @@
-import { j as Q } from "./jsx-runtime-GkKLlHH4.js";
+import { j as W } from "./jsx-runtime-GkKLlHH4.js";
 import { g as M } from "./utils-X4-h3cum.js";
-import { useState as z, useRef as x, useEffect as F, useCallback as f, useMemo as W } from "react";
-import X from "./Select.es.js";
-const pe = {
+import { useState as z, useRef as x, useEffect as F, useCallback as f, useMemo as X } from "react";
+import Y from "./Select.es.js";
+const he = {
   fetch_in_open: "on-open",
   fetch_on_type: "on-search"
 };
-function Y(e) {
-  return e ? pe[e] ?? e : "on-open";
+function Z(e) {
+  return e ? he[e] ?? e : "on-open";
 }
-function he({
+function me({
   staticOptions: e = [],
   fetcher: n,
   fetchMode: C,
@@ -18,7 +18,7 @@ function he({
   minCharacters: V = 0,
   disabled: y = !1
 }) {
-  const s = Y(C), T = s === "on-search" ? O ?? [] : e, [_, p] = z(T), [A, P] = z(!1), a = x(n), c = x(null), i = x(!0);
+  const s = Z(C), T = s === "on-search" ? O ?? [] : e, [_, p] = z(T), [A, I] = z(!1), a = x(n), c = x(null), i = x(!0);
   F(() => {
     a.current = n;
   }, [n]), F(() => (i.current = !0, () => {
@@ -28,7 +28,7 @@ function he({
   }, [e]);
   const h = f(async (m) => {
     if (!(!a.current || y)) {
-      P(!0);
+      I(!0);
       try {
         const j = await a.current(m);
         if (!i.current) return;
@@ -37,7 +37,7 @@ function he({
         if (!i.current) return;
         p([]);
       } finally {
-        i.current && P(!1);
+        i.current && I(!1);
       }
     }
   }, [y]), u = f(() => {
@@ -57,14 +57,14 @@ function he({
     handleSearchClear: r
   };
 }
-function me(e, n) {
+function ge(e, n) {
   if (e)
     return M(e, n);
 }
-function ge(e, n) {
+function Ce(e, n) {
   return e ? e.map((C) => M(C, n)) : [];
 }
-const _e = (e) => {
+const Ie = (e) => {
   const n = "value" in e, C = e, {
     options: O,
     fetcher: b,
@@ -75,7 +75,7 @@ const _e = (e) => {
     disabled: _,
     multiple: p,
     value: A,
-    defaultValue: P,
+    defaultValue: I,
     onChange: a,
     onClear: c,
     label: i,
@@ -85,25 +85,25 @@ const _e = (e) => {
     optionValue: r,
     optionLabel: m,
     renderOption: j,
-    renderSelection: Z,
+    renderSelection: $,
     controls: E,
-    labelVariant: $,
-    searchPlaceholder: q,
-    inputSearchPlaceholder: ee,
+    labelVariant: q,
+    searchPlaceholder: ee,
+    inputSearchPlaceholder: ne,
     selectComponentProps: D
-  } = C, ne = n ? A : void 0, te = n ? void 0 : P, [oe, k] = z(
-    () => n ? void 0 : te
-  ), d = n ? ne : oe, l = V ?? Y(y), H = q ?? ee, re = "initialOptions" in e ? e.initialOptions : void 0, {
+  } = C, te = n ? A : void 0, oe = n ? void 0 : I, [re, k] = z(
+    () => n ? void 0 : oe
+  ), d = n ? te : re, l = V ?? Z(y), H = ee ?? ne, se = "initialOptions" in e ? e.initialOptions : void 0, {
     options: g,
-    isLoading: w,
+    isLoading: P,
     handleOpen: N,
     handleSearchChange: U,
-    handleSearchClear: I
-  } = he({
+    handleSearchClear: w
+  } = me({
     staticOptions: O,
     fetcher: b,
     fetchMode: l,
-    initialOptions: re,
+    initialOptions: se,
     debounceDelay: s,
     minCharacters: T,
     disabled: _
@@ -116,10 +116,10 @@ const _e = (e) => {
     });
     return E && (E.current = {
       ...t,
-      cleanOptions: I
+      cleanOptions: w
     }), o;
-  }, [E, I, N]);
-  const se = W(() => {
+  }, [E, w, N]);
+  const ae = X(() => {
     if (l !== "on-search") return g;
     const t = new Set(
       g.map((v) => M(v, r))
@@ -130,7 +130,7 @@ const _e = (e) => {
   }, [g, l, r, d]), L = f(
     (t) => g.find((o) => M(o, r) === t),
     [g, r]
-  ), ae = f(
+  ), ce = f(
     (t) => {
       if (!t) {
         n || k(void 0);
@@ -143,85 +143,86 @@ const _e = (e) => {
       ));
     },
     [L, n, a, u]
-  ), ce = f(
+  ), le = f(
     (t) => {
       const o = t.reduce((S, v) => {
-        const K = L(v.id);
-        return K && S.push(K), S;
+        const Q = L(v.id);
+        return Q && S.push(Q), S;
       }, []);
       n || k(o), a?.(o, u);
     },
     [L, n, a, u]
   ), {
-    dropdownOptions: Ce,
-    onClear: le,
-    displayMode: ie,
-    overflow: ue = "scroll",
-    groupSelection: Oe,
-    value: Se,
-    defaultValue: ve,
-    ...de
-  } = D ?? {}, G = c ?? le, fe = W(() => {
+    dropdownOptions: Oe,
+    onClear: ie,
+    displayMode: ue,
+    overflow: de = "scroll",
+    groupSelection: Se,
+    value: ve,
+    defaultValue: Me,
+    isLoading: G,
+    ...fe
+  } = D ?? {}, J = c ?? ie, pe = X(() => {
     const t = {
       searchPlaceholder: H,
       focusSearchInputOnOpen: !0,
-      isLoading: l === "on-search" ? w : !1,
+      isLoading: l === "on-search" ? P : !1,
       ...D?.dropdownOptions ?? {}
     };
     return l === "on-search" ? {
       ...t,
       onSearchValueChange: U,
-      onSearchClear: I
+      onSearchClear: w
     } : t;
   }, [
     l,
     H,
-    w,
+    P,
     U,
-    I,
+    w,
     D?.dropdownOptions
-  ]), J = {
+  ]), K = {
     disabled: _,
     className: R,
     name: u,
     placeholder: h,
     label: i ?? "",
-    labelVariant: $,
-    options: se,
+    labelVariant: q,
+    options: ae,
     optionValue: r,
     optionLabel: m,
     renderOption: j,
-    renderSelection: Z,
+    renderSelection: $,
     controls: B,
-    dropdownOptions: fe,
+    dropdownOptions: pe,
     emptyMessage: "Use el buscador para obtener las opciones disponibles",
-    overflow: ue,
-    ...de
+    overflow: de,
+    ...fe
   };
-  return p ? /* @__PURE__ */ Q.jsx(
-    X,
+  return p ? /* @__PURE__ */ W.jsx(
+    Y,
     {
-      ...J,
+      ...K,
       multiple: !0,
-      value: ge(d, r),
-      onChange: ce,
-      displayMode: ie ?? "chips",
-      isLoading: l === "on-open" ? w : !1,
-      onClear: G
+      value: Ce(d, r),
+      onChange: le,
+      displayMode: ue ?? "chips",
+      isLoading: G ?? (l === "on-open" ? P : !1),
+      onClear: J
     }
-  ) : /* @__PURE__ */ Q.jsx(
-    X,
+  ) : /* @__PURE__ */ W.jsx(
+    Y,
     {
-      ...J,
+      ...K,
       multiple: !1,
-      value: me(d, r),
-      onChange: ae,
+      value: ge(d, r),
+      onChange: ce,
       displayMode: "compact",
-      isLoading: l === "on-open" ? w : !1,
-      onClear: G
+      isLoading: G ?? (l === "on-open" ? P : !1),
+      onClear: J
     }
   );
 };
 export {
-  _e as default
+  Ie as default
 };

package/dist/Tabs.es.js

@@ -2,7 +2,7 @@ import { j as r } from "./jsx-runtime-GkKLlHH4.js";
 import I, { memo as m, useRef as R, useEffect as B, useCallback as y, useMemo as w } from "react";
 import { c as d } from "./cn-B6yFEsav.js";
 import { c as u } from "./index-BOQuZ0gG.js";
-import { Badge as M } from "./Badge.es.js";
+import M from "./Badge.es.js";
 import { i as P } from "./iconUtils-rTOfKDxE.js";
 import E from "./PlainTooltip.es.js";
 import { Info as F } from "./Icons/Info.es.js";

package/dist/components/Badge/Badge.d.ts

@@ -33,4 +33,4 @@ type BadgeSmallProps = BadgeBaseProps & {
 };
 export type BadgeProps = BadgeIconProps | BadgeTextProps | BadgeCountProps | BadgeSmallProps;
 export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export default Badge;

package/dist/components/Menu/ListItem.d.ts

@@ -10,6 +10,7 @@ export interface ListItemProps {
     /** @deprecated use leadingIcon instead */
     icon?: IconComponent;
     leadingIcon?: IconComponent;
+    leadingSlot?: React.ReactNode | ((state: ListItemSlotState) => React.ReactNode);
     /** @deprecated not allowed anymore */
     iconClassName?: string;
     leadingIconClassName?: ClassNameValue;

package/dist/exports/Badge.d.ts

@@ -1,2 +1,3 @@
-export { Badge } from '../components/Badge/Badge';
+export { default } from '../components/Badge/Badge';
+export { default as Badge } from '../components/Badge/Badge';
 export type { BadgeProps } from '../components/Badge/Badge';

package/dist/index.d.ts

@@ -91,7 +91,9 @@ export { Collapsible } from './exports/Collapsible';
 export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, CollapsibleOrientation, } from './exports/Collapsible';
 export { default as Breadcrumbs } from './exports/Breadcrumbs';
 export { default as BreadcrumbItem } from './exports/Breadcrumbs';
-export { Badge } from './components/Sidebar/components/badge';
+export { default as Badge } from './exports/Badge';
+/** @deprecated Usar `Badge`. Componente legacy basado en `count`. */
+export { Badge as BadgeLegacy } from './components/Sidebar/components/badge';
 export { NavbarCollapseButton } from './components/Sidebar/components/collapse-button';
 export { default as OtpInput } from './exports/OtpInput';
 export { useModalControl, useModalState } from './exports/Modal';
@@ -117,7 +119,9 @@ export type { MenuControl } from './exports/Menu';
 export type { MenuListProps } from './exports/MenuList';
 export type { MenuListGroupProps, GroupContext, } from './exports/MenuList';
 export type { OtpInputProps } from './exports/OtpInput';
-export type { BadgeProps } from './components/Sidebar/components/badge';
+export type { BadgeProps } from './exports/Badge';
+/** @deprecated Usar `BadgeProps`. */
+export type { BadgeProps as BadgeLegacyProps } from './components/Sidebar/components/badge';
 export type { NavbarCollapseButtonProps } from './components/Sidebar/components/collapse-button';
 export type { SpinnerProps } from './exports/Spinner';
 export type { SplitButtonProps, SplitButtonActionSlot, SplitButtonTrailingSlot, } from './exports/SplitButton';

package/dist/prometeo-design-system.es.js

@@ -1,11 +1,11 @@
 import { u as Le, c as Ne, b as Ie, a as Ve } from "./useDrawerControl-H3_CBNvK.js";
 import J from "./HelperComponent.es.js";
-import { DEFAULT_PAGE_SIZE_OPTIONS as Oe, DEFAULT_ROW_INTERACTION as Ae, HeadRow as Re, HeaderCell as ke, RowCell as je, Table as Me, TableBody as Pe, LegacyTableBody as Be, LegacyTableCaption as _e, LegacyTableCell as He, TableFooter as Fe, LegacyTableFooter as ze, LegacyTableHead as Ee, TableHeader as Ue, LegacyTableHeader as Ge, LegacyTable as Ze, TableRow as $e, LegacyTableRow as We } from "./Table.es.js";
+import { DEFAULT_PAGE_SIZE_OPTIONS as Oe, DEFAULT_ROW_INTERACTION as Ae, HeadRow as Re, HeaderCell as ke, RowCell as je, Table as Me, TableBody as Be, LegacyTableBody as Pe, LegacyTableCaption as _e, LegacyTableCell as He, TableFooter as Fe, LegacyTableFooter as ze, LegacyTableHead as Ee, TableHeader as Ue, LegacyTableHeader as Ge, LegacyTable as Ze, TableRow as $e, LegacyTableRow as We } from "./Table.es.js";
 import { Tab as Je, TabLinkItem as Ke, TabLinks as Qe, default as Xe } from "./Tabs.es.js";
 import { j as o } from "./jsx-runtime-GkKLlHH4.js";
 import { g as D } from "./utils-X4-h3cum.js";
 import * as K from "react";
-import { forwardRef as Q, useState as X, useCallback as B, useEffect as O, Children as Y, isValidElement as ee, useRef as _, useMemo as $ } from "react";
+import { forwardRef as Q, useState as X, useCallback as P, useEffect as O, Children as Y, isValidElement as ee, useRef as _, useMemo as $ } from "react";
 import { u as te } from "./useAutocomplete-5HfWBKc-.js";
 import G from "./Select.es.js";
 import { c as h } from "./cn-B6yFEsav.js";
@@ -25,7 +25,7 @@ import { default as It, default as Vt } from "./Drawer.es.js";
 import { D as Ot } from "./DrawerMobile-DT6ZkP7f.js";
 import { default as Rt } from "./Header.es.js";
 import { default as jt } from "./Input.es.js";
-import { default as Pt } from "./InputPassword.es.js";
+import { default as Bt } from "./InputPassword.es.js";
 import { default as _t } from "./InputLegacy.es.js";
 import { default as Ft } from "./Logo.es.js";
 import { default as Et } from "./Link.es.js";
@@ -51,29 +51,30 @@ import { default as Va } from "./Image.es.js";
 import { default as Oa, toastpyrion as Aa } from "./Toast.es.js";
 import { default as ka } from "./ToastProvider.es.js";
 import { default as Ma } from "./SelectSearch.es.js";
-import { default as Ba } from "./FAButton.es.js";
+import { default as Pa } from "./FAButton.es.js";
 import { default as Ha } from "./RadioButton.es.js";
 import { default as za } from "./InputSearch.es.js";
 import { default as Ua } from "./ListItem.es.js";
 import { default as Za } from "./Chip.es.js";
 import { default as Wa, default as qa } from "./Breadcrumbs.es.js";
-import { default as Ka } from "./OtpInput.es.js";
-import { default as Xa } from "./PriorityChip.es.js";
-import { Card as er, CardContent as tr, CardFooter as ar, CardHeader as rr } from "./Card.es.js";
-import { A as nr } from "./AvatarBase-D6H-sXbg.js";
-import { default as sr } from "./Button.es.js";
-import { default as ur } from "./CardProfile.es.js";
-import { default as cr } from "./Check.es.js";
-import { default as mr } from "./CheckBox.es.js";
-import { default as hr } from "./InputMultiple.es.js";
-import { default as br } from "./ProfilePictureUpload.es.js";
-import { default as vr } from "./SplitButton.es.js";
-import { default as yr, default as wr } from "./Toggle.es.js";
-import { default as Tr } from "./IconButton.es.js";
-import { default as Nr } from "./Skeleton.es.js";
-import { default as Vr } from "./Collapsible.es.js";
-import { default as Or } from "./AttachInput.es.js";
-import { useScrollable as Rr } from "./useScrollable.es.js";
+import { default as Ka } from "./Badge.es.js";
+import { default as Xa } from "./OtpInput.es.js";
+import { default as er } from "./PriorityChip.es.js";
+import { Card as ar, CardContent as rr, CardFooter as or, CardHeader as nr } from "./Card.es.js";
+import { A as sr } from "./AvatarBase-D6H-sXbg.js";
+import { default as ur } from "./Button.es.js";
+import { default as cr } from "./CardProfile.es.js";
+import { default as mr } from "./Check.es.js";
+import { default as hr } from "./CheckBox.es.js";
+import { default as br } from "./InputMultiple.es.js";
+import { default as vr } from "./ProfilePictureUpload.es.js";
+import { default as yr } from "./SplitButton.es.js";
+import { default as Sr, default as Tr } from "./Toggle.es.js";
+import { default as Nr } from "./IconButton.es.js";
+import { default as Vr } from "./Skeleton.es.js";
+import { default as Or } from "./Collapsible.es.js";
+import { default as Rr } from "./AttachInput.es.js";
+import { useScrollable as jr } from "./useScrollable.es.js";
 const H = ({
   secondaryActionsSlot: e,
   primaryActionsSlot: a,
@@ -152,20 +153,20 @@ const q = Q(
       ...j
     } = e, T = x !== void 0, [L, z] = X(
       () => y ?? ""
-    ), E = T ? x : L, M = K.useRef(null), U = B(
+    ), E = T ? x : L, M = K.useRef(null), U = P(
       (t) => {
         M.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
       },
       [a]
-    ), v = B(() => {
+    ), v = P(() => {
       const t = M.current;
       if (!t || !n) return;
       t.style.height = "auto";
       const p = t.scrollHeight, s = Number.parseInt(getComputedStyle(t).lineHeight) || 16, C = (m ?? l) * s;
       let b = Math.max(p, C);
       if (d || m) {
-        const P = (d ?? m ?? 1) * s;
-        b = Math.min(b, P);
+        const B = (d ?? m ?? 1) * s;
+        b = Math.min(b, B);
       }
       t.style.height = `${b}px`, b > s + 12 && (t.style.alignContent = "start");
     }, [n, l, d, m]), N = (t) => {
@@ -269,7 +270,7 @@ const be = Object.assign(q, {
       }
     });
   }, [e.controls, m]);
-  const w = B(
+  const w = P(
     () => r === "fetch_on_type" ? c : !1,
     [r, c]
   ), g = $(() => e.multiple ? f.map((t) => D(t, e.optionValue)) : f ? D(f, e.optionValue) : void 0, [f, e.optionValue, e.multiple]), R = (t) => {
@@ -284,7 +285,7 @@ const be = Object.assign(q, {
   }, k = (t) => {
     const p = t.reduce((s, C) => {
       const b = d.find(
-        (P) => D(P, e.optionValue) === C.id
+        (B) => D(B, e.optionValue) === C.id
       );
       return b && s.push(b), s;
     }, []);
@@ -431,26 +432,27 @@ const be = Object.assign(q, {
 };
 export {
   be as ActionInput,
-  Or as AttachInput,
+  Rr as AttachInput,
   ot as Avatar,
   nt as AvatarAndSubavatar,
-  nr as AvatarBase,
-  ve as Badge,
+  sr as AvatarBase,
+  Ka as Badge,
+  ve as BadgeLegacy,
   Wa as BreadcrumbItem,
   qa as Breadcrumbs,
-  sr as Button,
-  er as Card,
-  tr as CardContent,
-  ar as CardFooter,
-  rr as CardHeader,
-  ur as CardProfile,
+  ur as Button,
+  ar as Card,
+  rr as CardContent,
+  or as CardFooter,
+  nr as CardHeader,
+  cr as CardProfile,
   ct as Chat,
   ut as ChatCard,
   ft as ChatViewport,
-  cr as Check,
-  mr as CheckBox,
+  mr as Check,
+  hr as CheckBox,
   Za as Chip,
-  Vr as Collapsible,
+  Or as Collapsible,
   Oe as DEFAULT_PAGE_SIZE_OPTIONS,
   Ae as DEFAULT_ROW_INTERACTION,
   oa as DatePicker,
@@ -462,18 +464,18 @@ export {
   Vt as DrawerDesktop,
   Ot as DrawerMobile,
   at as DropZone,
-  Ba as FAButton,
+  Pa as FAButton,
   Re as HeadRow,
   Rt as Header,
   ke as HeaderCell,
   J as HelperComponent,
-  Tr as IconButton,
+  Nr as IconButton,
   Va as Image,
   Na as ImageGallery,
   jt as Input,
   _t as InputLegacy,
-  hr as InputMultiple,
-  Pt as InputPassword,
+  br as InputMultiple,
+  Bt as InputPassword,
   za as InputSearch,
   Et as Link,
   Ua as ListItem,
@@ -482,12 +484,12 @@ export {
   qt as MenuList,
   xt as Modal,
   Ce as NavbarCollapseButton,
-  Ka as OtpInput,
+  Xa as OtpInput,
   Kt as Pagination,
   Ca as PlainTooltip,
   wa as Popover,
-  Xa as PriorityChip,
-  br as ProfilePictureUpload,
+  er as PriorityChip,
+  vr as ProfilePictureUpload,
   Xt as ProgressBar,
   Ha as RadioButton,
   la as RecurrentDatePicker,
@@ -497,19 +499,19 @@ export {
   G as Select,
   Ma as SelectSearch,
   ge as SelectSearchLegacy,
-  Nr as Skeleton,
+  Vr as Skeleton,
   ea as Spinner,
-  vr as SplitButton,
+  yr as SplitButton,
   aa as Steps,
   xa as Subtitle,
-  yr as Switch,
+  Sr as Switch,
   Je as Tab,
   Ke as TabLinkItem,
   Qe as TabLinks,
   da as TabSwitch,
   Me as Table,
-  Pe as TableBody,
-  Be as TableBodyLegacy,
+  Be as TableBody,
+  Pe as TableBodyLegacy,
   _e as TableCaption,
   He as TableCell,
   Fe as TableFooter,
@@ -525,7 +527,7 @@ export {
   pa as Title,
   Oa as Toast,
   ka as ToastProvider,
-  wr as Toggle,
+  Tr as Toggle,
   ga as Tooltip,
   mt as groupMessagesBySender,
   Aa as toastpyrion,
@@ -543,5 +545,5 @@ export {
   Ct as useModalControl,
   yt as useModalState,
   we as usePopover,
-  Rr as useScrollable
+  jr as useScrollable
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "7.4.5",
+  "version": "7.4.6",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",