prometeo-design-system 7.2.2 → 7.2.4

package/dist/Chip.es.js

@@ -1,37 +1,37 @@
 import { j as o } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as C, forwardRef as B, useMemo as N, useCallback as p } from "react";
+import { memo as C, forwardRef as F, useMemo as N, useCallback as p } from "react";
 import { c as h } from "./index-BOQuZ0gG.js";
 import { c as v } from "./cn-B6yFEsav.js";
 import { i as V } from "./iconUtils-rTOfKDxE.js";
-import { Close as F } from "./Icons/Close.es.js";
-import { A as K } from "./AvatarBase-sKVPLn_O.js";
-const q = {
+import { Close as K } from "./Icons/Close.es.js";
+import { A as q } from "./AvatarBase-sKVPLn_O.js";
+const Q = {
   small: "h-5 px-2 text-xs prometeo-fonts-body-small",
   medium: "h-8 px-3 text-sm prometeo-fonts-body-medium",
   large: "h-9 px-3 text-sm prometeo-fonts-body-medium"
-}, Q = {
+}, Z = {
   default: "text-neutral-default-default border-neutral-default-default bg-inherit rounded-lg font-semibold",
   error: "",
   success: ""
-}, Z = "border-neutral-strong-default text-neutral-default-disabled", $ = "text-neutral-default-disabled", J = ["leading", "avatar"], W = ["default", "error", "success"];
-function X(e) {
-  return J.includes(e);
+}, $ = "border-neutral-strong-default text-neutral-default-disabled", J = "text-neutral-default-disabled", W = ["leading", "avatar"], X = ["default", "error", "success"];
+function ee(e) {
+  return W.includes(e);
 }
 function H(e) {
-  return W.includes(e);
+  return X.includes(e);
 }
-function ee(e) {
-  const a = e.layout ?? (X(e.variant) ? e.variant : void 0), s = e.semanticVariant ?? (H(e.variant) ? e.variant : void 0), i = a ?? (e.avatar ? "avatar" : "leading"), m = !!e.onRemove || !!e.size || !!s || !!e.semanticVariant || H(e.variant);
+function ae(e) {
+  const a = e.layout ?? (ee(e.variant) ? e.variant : void 0), s = e.semanticVariant ?? (H(e.variant) ? e.variant : void 0), i = a ?? (e.avatar ? "avatar" : "leading"), m = !!e.onRemove || !!e.size || !!s || !!e.semanticVariant || H(e.variant);
   return {
     layout: i,
     legacySemanticVariant: s,
-    legacySizeClass: e.size ? q[e.size] : void 0,
-    legacySemanticContainerClass: s ? Q[s] : void 0,
+    legacySizeClass: e.size ? Q[e.size] : void 0,
+    legacySemanticContainerClass: s ? Z[s] : void 0,
     useLegacyRemoveHandler: !!e.onRemove,
     isLegacyMode: m
   };
 }
-const ae = h(
+const re = h(
   "group/chip flex items-center gap-1 p-2 w-max h-8 radius-medium border transition-all duration-300 ease-in-out",
   {
     variants: {
@@ -118,7 +118,7 @@ const ae = h(
       }
     ]
   }
-), re = h(
+), te = h(
   "pyrion-fonts-label-medium transition-all duration-300 ease-in-out select-none",
   {
     variants: {
@@ -211,7 +211,7 @@ const ae = h(
       }
     ]
   }
-), te = h("transition-all duration-300 ease-in-out", {
+), se = h("transition-all duration-300 ease-in-out", {
   variants: {
     isSelected: {
       true: "",
@@ -295,7 +295,7 @@ const ae = h(
       className: "icon-disabled-ondisabled group-hover/chip:icon-disabled-ondisabled group-active/chip:icon-disabled-ondisabled"
     }
   ]
-}), se = h(
+}), de = h(
   "transition-all duration-300 ease-in-out border-neutral-default-default border",
   {
     variants: {
@@ -349,24 +349,24 @@ const ae = h(
       }
     ]
   }
-), de = {
+), oe = {
   size: "xsmall",
   name: "A B"
 };
-function oe(e, a, s) {
+function ne(e, a, s) {
   return {
     isSelected: !!e,
     disabled: !!a,
     forcedStatus: s
   };
 }
-function ne(e) {
+function ie(e) {
   return N(
     () => ({
-      container: ae(e),
-      label: re(e),
-      icon: te(e),
-      avatar: se(e)
+      container: re(e),
+      label: te(e),
+      icon: se(e),
+      avatar: de(e)
     }),
     [e.isSelected, e.disabled, e.forcedStatus]
   );
@@ -377,17 +377,17 @@ const D = C(function({
   size: i = 16
 }) {
   return /* @__PURE__ */ o.jsx(a, { size: i, className: s });
-}), ie = C(function({
+}), le = C(function({
   avatar: a,
   className: s
 }) {
-  return /* @__PURE__ */ o.jsx(K, { ...a, className: s });
+  return /* @__PURE__ */ o.jsx(q, { ...a, className: s });
 });
-function le(e, a) {
+function ce(e, a) {
   return e.label === a.label && e.isSelected === a.isSelected && e.disabled === a.disabled && e.forcedStatus === a.forcedStatus && e.layout === a.layout && e.variant === a.variant && e.semanticVariant === a.semanticVariant && e.className === a.className && e.onRemove === a.onRemove && e.id === a.id && e.size === a.size && e.tabIndex === a.tabIndex && e.leadingIcon === a.leadingIcon && e.leadingSlot === a.leadingSlot && e.trailingIcon === a.trailingIcon && e.onClick === a.onClick && e.onTrailingIconClick === a.onTrailingIconClick && e.avatar?.imageUrl === a.avatar?.imageUrl && e.avatar?.name === a.avatar?.name;
 }
-const ce = C(
-  B(function({
+const ue = C(
+  F(function({
     isSelected: a = !1,
     label: s,
     leadingIcon: i,
@@ -405,10 +405,11 @@ const ce = C(
     id: g,
     size: _,
     tabIndex: y,
-    className: j
-  }, T) {
+    className: j,
+    ...T
+  }, z) {
     const t = N(
-      () => ee({
+      () => ae({
         layout: A,
         variant: L,
         semanticVariant: I,
@@ -417,34 +418,35 @@ const ce = C(
         size: _
       }),
       [A, L, I, c, u, _]
-    ), z = oe(a, r, P), b = ne(z), E = V(i) ? i : null, S = V(x) ? x : t.useLegacyRemoveHandler ? F : null, M = N(
-      () => ({ ...de, ...c }),
+    ), M = ne(a, r, P), b = ie(M), E = V(i) ? i : null, S = V(x) ? x : t.useLegacyRemoveHandler ? K : null, w = N(
+      () => ({ ...oe, ...c }),
       [c?.imageUrl, c?.name]
-    ), n = !r && !!l, R = t.layout === "avatar", w = y !== void 0 ? y : n ? 0 : void 0, Y = p(
+    ), n = !r && !!l, R = t.layout === "avatar", Y = y !== void 0 ? y : n ? 0 : void 0, k = p(
       (d) => {
         r || (d.preventDefault(), d.stopPropagation(), f?.(d));
       },
       [r, f]
-    ), k = p(
+    ), G = p(
       (d) => {
         r || (d.stopPropagation(), d.preventDefault(), g != null && u?.(g));
       },
       [r, g, u]
-    ), G = p(
+    ), O = p(
       (d) => {
         r || l?.(d);
       },
       [r, l]
-    ), O = p(
+    ), U = p(
       (d) => {
         !n || r || d.key !== "Enter" && d.key !== " " || (d.preventDefault(), l?.(d));
       },
       [r, n, l]
-    ), U = !!S && (!!f || t.useLegacyRemoveHandler);
+    ), B = !!S && (!!f || t.useLegacyRemoveHandler);
     return /* @__PURE__ */ o.jsxs(
       "div",
       {
-        ref: T,
+        ...T,
+        ref: z,
         className: v(
           b.container,
           !t.legacySizeClass && "h-8",
@@ -452,29 +454,29 @@ const ce = C(
           t.legacySemanticContainerClass,
           t.isLegacyMode && "inline-flex font-semibold",
           n && "cursor-pointer",
-          r && t.isLegacyMode && Z,
+          r && t.isLegacyMode && $,
           r && "pointer-events-none",
           j
         ),
-        onClick: n ? G : void 0,
-        onKeyDown: n ? O : void 0,
+        onClick: n ? O : void 0,
+        onKeyDown: n ? U : void 0,
         "aria-disabled": r || void 0,
         role: n ? "button" : void 0,
-        tabIndex: w,
+        tabIndex: Y,
         children: [
           /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-1 min-w-0", children: [
             !R && (m ?? (E && /* @__PURE__ */ o.jsx(D, { icon: E, className: b.icon }))),
-            R && /* @__PURE__ */ o.jsx(ie, { avatar: M, className: b.avatar }),
+            R && /* @__PURE__ */ o.jsx(le, { avatar: w, className: b.avatar }),
             /* @__PURE__ */ o.jsx("span", { className: v(b.label, "truncate"), children: s })
           ] }),
-          U && S && /* @__PURE__ */ o.jsx(
+          B && S && /* @__PURE__ */ o.jsx(
             "button",
             {
               type: "button",
               disabled: r,
               tabIndex: y,
-              onMouseDown: t.useLegacyRemoveHandler ? k : void 0,
-              onClick: t.useLegacyRemoveHandler ? void 0 : Y,
+              onMouseDown: t.useLegacyRemoveHandler ? G : void 0,
+              onClick: t.useLegacyRemoveHandler ? void 0 : k,
               className: v(
                 "shrink-0",
                 (f || u) && !r && "cursor-pointer",
@@ -488,7 +490,7 @@ const ce = C(
                   icon: S,
                   className: v(
                     b.icon,
-                    r && t.isLegacyMode && $
+                    r && t.isLegacyMode && J
                   ),
                   size: t.useLegacyRemoveHandler ? 18 : 16
                 }
@@ -499,9 +501,9 @@ const ce = C(
       }
     );
   }),
-  le
+  ce
 );
-ce.displayName = "Chip";
+ue.displayName = "Chip";
 export {
-  ce as default
+  ue as default
 };

package/dist/Table.es.js

@@ -1,7 +1,7 @@
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
 import { c as s } from "./cn-B6yFEsav.js";
-import * as m from "react";
-import { memo as i, createContext as _, useContext as H, useMemo as B, useCallback as D, useState as S, Children as A, isValidElement as E } from "react";
+import * as f from "react";
+import { memo as u, createContext as _, useContext as D, useMemo as H, useCallback as S, useState as B, Children as A, isValidElement as E } from "react";
 import { i as k, C as b } from "./CardBackground-D5SgTU1i.js";
 import F from "./Pagination.es.js";
 import { ArrowUpDown as L } from "./Icons/ArrowUpDown.es.js";
@@ -9,7 +9,7 @@ import { ArrowUpward as I } from "./Icons/ArrowUpward.es.js";
 import { ArrowDownward as z } from "./Icons/ArrowDownward.es.js";
 import { c as P } from "./index-BOQuZ0gG.js";
 import { D as U } from "./Divider-BxsuAgUn.js";
-const $ = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx("div", { className: "w-full", children: /* @__PURE__ */ a.jsx(
+const $ = f.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx("div", { className: "w-full", children: /* @__PURE__ */ a.jsx(
   "table",
   {
     ref: t,
@@ -21,7 +21,7 @@ const $ = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx("div
   }
 ) }));
 $.displayName = "Table";
-const M = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
+const M = f.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   "thead",
   {
     ref: t,
@@ -30,7 +30,7 @@ const M = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   }
 ));
 M.displayName = "TableHeader";
-const O = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
+const O = f.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   "tbody",
   {
     ref: t,
@@ -39,7 +39,7 @@ const O = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   }
 ));
 O.displayName = "TableBody";
-const J = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
+const J = f.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   "tfoot",
   {
     ref: t,
@@ -51,7 +51,7 @@ const J = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   }
 ));
 J.displayName = "TableFooter";
-const G = m.forwardRef(({ className: e, isSelected: r, ...t }, o) => {
+const G = f.forwardRef(({ className: e, isSelected: r, ...t }, o) => {
   const l = `
     after:content-["<span id='selected-span'></span>"]
     after:absolute
@@ -84,7 +84,7 @@ const G = m.forwardRef(({ className: e, isSelected: r, ...t }, o) => {
   );
 });
 G.displayName = "TableRow";
-const K = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
+const K = f.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   "th",
   {
     ref: t,
@@ -96,7 +96,7 @@ const K = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   }
 ));
 K.displayName = "TableHead";
-const V = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
+const V = f.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   "td",
   {
     ref: t,
@@ -108,7 +108,7 @@ const V = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   }
 ));
 V.displayName = "TableCell";
-const W = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
+const W = f.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a.jsx(
   "caption",
   {
     ref: t,
@@ -127,7 +127,7 @@ const Z = ({ className: e, children: r }) => /* @__PURE__ */ a.jsx(
     ),
     children: r
   }
-), v = i(Z);
+), v = u(Z);
 v.displayName = "HeadRow";
 const q = ({ className: e, children: r }) => /* @__PURE__ */ a.jsx(
   "div",
@@ -139,19 +139,20 @@ const q = ({ className: e, children: r }) => /* @__PURE__ */ a.jsx(
     ),
     children: r
   }
-), w = i(q);
+), w = u(q);
 w.displayName = "TableBody";
-const N = _({}), Q = N.Provider, X = () => H(N), Y = ({
+const N = _({}), Q = N.Provider, X = () => D(N), Y = ({
   selected: e,
   disabled: r,
   forced: t,
   onClick: o,
   className: l,
-  children: n
+  children: d,
+  showDivider: n = !0
 }) => {
-  const c = B(() => ({ disabled: r }), [r]), d = D((u) => {
+  const c = H(() => ({ disabled: r, showDivider: n }), [r, n]), i = S((m) => {
     o?.({
-      ...u,
+      ...m,
       disabled: r ?? !1,
       selected: e ?? !1
     });
@@ -164,17 +165,17 @@ const N = _({}), Q = N.Provider, X = () => H(N), Y = ({
       "data-selected": e ? "true" : void 0,
       "data-disabled": r ? "true" : void 0,
       "data-forced": t,
-      onClick: d,
+      onClick: i,
       className: s(
         "grid [grid-template-columns:subgrid] [grid-column:1/-1]",
         o && !r && "cursor-pointer",
         r && "[&_[role=cell]>*:not(.row-cell-divider)]:opacity-30",
         l
       ),
-      children: n
+      children: d
     }
   ) });
-}, j = i(Y);
+}, j = u(Y);
 j.displayName = "TableRow";
 const ee = ({ cardBackground: e, className: r, children: t }) => {
   const l = {
@@ -186,7 +187,7 @@ const ee = ({ cardBackground: e, className: r, children: t }) => {
     ...e
   };
   return /* @__PURE__ */ a.jsx(b, { ...l, className: s("radius-medium px-0.5 py-2", r), children: t });
-}, T = i(ee);
+}, T = u(ee);
 T.displayName = "TableHeader";
 const ae = {
   default: {
@@ -199,7 +200,7 @@ const ae = {
     hover: { color: "brand", variant: "primary", forced: "default" },
     pressed: { color: "brand", variant: "primary", forced: "pressed" }
   }
-}, re = [5, 10, 25, 50, 100], te = i(function({
+}, re = [5, 10, 25, 50, 100], te = u(function({
   pageSize: r,
   options: t,
   onChange: o
@@ -219,18 +220,18 @@ const ae = {
       }
     )
   ] });
-}), le = i(function({
+}), le = u(function({
   totalPages: r = 1,
   onJump: t
 }) {
-  const [o, l] = S(""), n = () => {
-    const d = Number(o);
-    if (!Number.isFinite(d))
+  const [o, l] = B(""), d = () => {
+    const c = Number(o);
+    if (!Number.isFinite(c))
       return;
-    const u = Math.min(Math.max(1, d), r);
-    t?.(u), l(String(u));
-  }, c = (d) => {
-    d.key === "Enter" && n();
+    const i = Math.min(Math.max(1, c), r);
+    t?.(i), l(String(i));
+  }, n = (c) => {
+    c.key === "Enter" && d();
   };
   return /* @__PURE__ */ a.jsxs("label", { className: "table-jump-to-page flex items-center gap-2", children: [
     /* @__PURE__ */ a.jsx("span", { className: "pyrion-fonts-body-small text-neutral-secondary-default", children: "Ir hasta página:" }),
@@ -242,9 +243,9 @@ const ae = {
         min: 1,
         max: r,
         value: o,
-        onChange: (d) => l(d.target.value),
-        onBlur: n,
-        onKeyDown: c,
+        onChange: (c) => l(c.target.value),
+        onBlur: d,
+        onKeyDown: n,
         className: s(
           "h-8 bg-neutral-default-default",
           "text-neutral-primary-default",
@@ -261,16 +262,16 @@ const ae = {
   showPageSize: t,
   pageSize: o,
   pageSizeOptions: l = [...re],
-  onPageSizeChange: n,
-  showPagination: c,
-  currentPage: d,
-  totalPages: u,
-  onPageChange: f,
+  onPageSizeChange: d,
+  showPagination: n,
+  currentPage: c,
+  totalPages: i,
+  onPageChange: m,
   showJumpToPage: p,
   className: x,
-  children: g
+  children: h
 }) => {
-  const R = g ?? /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between px-4 py-3 flex-wrap", children: [
+  const R = h ?? /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between px-4 py-3 flex-wrap", children: [
     r && /* @__PURE__ */ a.jsx("span", { className: "pyrion-fonts-body-small text-neutral-tertiary-default", children: r }),
     /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-4 flex-wrap ml-auto", children: [
       t && /* @__PURE__ */ a.jsx(
@@ -278,18 +279,18 @@ const ae = {
         {
           pageSize: o,
           options: l,
-          onChange: n
+          onChange: d
         }
       ),
-      c && /* @__PURE__ */ a.jsx(
+      n && /* @__PURE__ */ a.jsx(
         F,
         {
-          currentPage: d,
-          totalPages: u,
-          onPageChange: f
+          currentPage: c,
+          totalPages: i,
+          onPageChange: m
         }
       ),
-      p && /* @__PURE__ */ a.jsx(le, { totalPages: u, onJump: f })
+      p && /* @__PURE__ */ a.jsx(le, { totalPages: i, onJump: m })
     ] })
   ] });
   return /* @__PURE__ */ a.jsx(
@@ -303,7 +304,7 @@ const ae = {
       children: R
     }
   );
-}, C = i(oe);
+}, C = u(oe);
 C.displayName = "TableFooter";
 function se(e) {
   let r = null, t = null;
@@ -313,7 +314,7 @@ function se(e) {
   }), { header: r, footer: t, grid: o };
 }
 const ne = ({ columns: e, maxHeight: r, className: t, children: o }) => {
-  const { header: l, footer: n, grid: c } = se(o);
+  const { header: l, footer: d, grid: n } = se(o);
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
@@ -331,19 +332,19 @@ const ne = ({ columns: e, maxHeight: r, className: t, children: o }) => {
               gridTemplateRows: "auto 1fr",
               minWidth: "max-content"
             },
-            children: c
+            children: n
           }
         ) }),
-        n
+        d
       ]
     }
   );
-}, y = i(ne);
+}, y = u(ne);
 y.displayName = "Table";
 y.HeadRow = v;
 y.Body = w;
 y.Row = j;
-const h = {
+const g = {
   color: "neutral",
   variant: "primary",
   forced: "default"
@@ -379,16 +380,16 @@ const ie = ({
   showLeadingIcon: t,
   sort: o,
   onSort: l,
-  cardBackground: n,
-  disabled: c,
-  forced: d,
-  className: u
+  cardBackground: d,
+  disabled: n,
+  forced: c,
+  className: i
 }) => {
-  const f = o !== void 0, p = !!l && !c, x = o !== void 0 ? de(o) : null, g = {
-    ...h,
-    ...n,
-    disabled: c ?? n?.disabled ?? !1,
-    forced: d ?? n?.forced ?? h.forced
+  const m = o !== void 0, p = !!l && !n, x = o !== void 0 ? de(o) : null, h = {
+    ...g,
+    ...d,
+    disabled: n ?? d?.disabled ?? !1,
+    forced: c ?? d?.forced ?? g.forced
   };
   return /* @__PURE__ */ a.jsx(
     "div",
@@ -397,13 +398,13 @@ const ie = ({
       className: s(
         "min-w-0 select-none",
         p && "cursor-pointer",
-        u
+        i
       ),
       onClick: p ? l : void 0,
       children: /* @__PURE__ */ a.jsx(
         b,
         {
-          ...g,
+          ...h,
           className: "group/header-cell px-4 py-3 h-full border-b border-neutral-default-default",
           children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
             t && r && /* @__PURE__ */ a.jsx(
@@ -414,11 +415,11 @@ const ie = ({
               }
             ),
             /* @__PURE__ */ a.jsx("span", { className: "pyrion-fonts-label-medium text-neutral-default-default truncate", children: e }),
-            f && x && /* @__PURE__ */ a.jsx(
+            m && x && /* @__PURE__ */ a.jsx(
               x,
               {
                 size: 20,
-                className: ce({ sort: o, disabled: c })
+                className: ce({ sort: o, disabled: n })
               }
             )
           ] })
@@ -426,7 +427,7 @@ const ie = ({
       )
     }
   );
-}, ue = i(ie);
+}, ue = u(ie);
 ue.displayName = "HeaderCell";
 const me = {
   left: "items-start text-left",
@@ -486,29 +487,29 @@ function fe(e) {
   }
 }
 const pe = (e) => {
-  const { disabled: r } = X(), t = e.disabled ?? r ?? !1, { className: o, forced: l, cardBackground: n } = e, c = {
+  const { disabled: r, showDivider: t } = X(), o = e.disabled ?? r ?? !1, { className: l, forced: d, cardBackground: n, showDivider: c } = e, i = {
     color: "neutral",
     variant: "default",
     ...n,
-    forced: l ?? n?.forced,
+    forced: d ?? n?.forced,
     interactionConfig: n?.interactionConfig ?? ae,
     interactionSource: n?.interactionSource ?? "row"
-  };
-  return /* @__PURE__ */ a.jsxs("div", { role: "cell", className: s("min-w-0 flex flex-col gap-1", o), children: [
+  }, m = c !== void 0 ? c : t;
+  return /* @__PURE__ */ a.jsxs("div", { role: "cell", className: s("min-w-0 flex flex-col gap-1", l), children: [
     /* @__PURE__ */ a.jsxs("div", { className: "relative flex flex-col gap-1 min-h-20 items-center justify-center overflow-hidden", children: [
       /* @__PURE__ */ a.jsx(
         b,
         {
-          ...c,
-          disabled: t,
+          ...i,
+          disabled: o,
           className: "absolute inset-0"
         }
       ),
       /* @__PURE__ */ a.jsx("div", { className: "relative z-10 w-full", children: fe(e) })
     ] }),
-    /* @__PURE__ */ a.jsx(U, { className: "row-cell-divider" })
+    m && /* @__PURE__ */ a.jsx(U, { className: "row-cell-divider" })
   ] });
-}, xe = i(pe);
+}, xe = u(pe);
 xe.displayName = "RowCell";
 export {
   re as DEFAULT_PAGE_SIZE_OPTIONS,

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react';
-import { CustomSelectOptionRendererProps } from '../Select/Select';
+import { SelectOptionRendererProps } from '../Select/Select';
 import { OptionAccessor } from '../Shared/types';
 export interface AutocompleteProps<T> {
     label?: string;
@@ -14,7 +14,7 @@ export interface AutocompleteProps<T> {
     debounceDelay?: number;
     labelVariant?: 'static' | 'default';
     disabled?: boolean;
-    renderOption?: ComponentType<CustomSelectOptionRendererProps<T>>;
+    renderOption?: ComponentType<SelectOptionRendererProps<T>>;
 }
 declare const Autocomplete: <T extends object>(props: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Autocomplete;

package/dist/components/Chips/chipTypes.d.ts

@@ -7,7 +7,7 @@ export type ChipAvatarProps = Pick<AvatarBaseProps, "imageUrl" | "name">;
 export type ChipForcedStatus = "default" | "hovered" | "pressed" | "disabled";
 /** Layout del chip o variante semántica legacy. */
 export type ChipVariantProp = ChipLayout | ComponentVariant;
-interface ChipBaseProps {
+interface ChipBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> {
     label: string;
     layout?: ChipLayout;
     /**

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { MultipleSelectProps, SingleSelectProps } from './types';
-export type { ChipItem, CustomSelectionDisplayProps, CustomSelectOptionGroupHeaderProps, CustomSelectOptionRendererProps, DropdownOptionsProps, MultipleSelectProps, SelectControlsHandler, SelectControlsHandle, SelectControlsRef, SelectDisplayMode, SelectDropdownOptions, SelectOptionActivatePayload, SelectOptionType, SelectOverflow, SelectProps, SelectPropsCompat, SelectSize, SelectVariant, SelectionDisplayProps, SingleSelectProps, } from './types';
+export type { ChipItem, CustomSelectionDisplayProps, SelectGroupHeaderRendererProps, SelectOptionRendererProps, DropdownOptionsProps, MultipleSelectProps, SelectControlsHandler, SelectControlsHandle, SelectControlsRef, SelectDisplayMode, SelectDropdownOptions, SelectOptionActivatePayload, SelectOptionType, SelectOverflow, SelectProps, SelectPropsCompat, SelectSize, SelectVariant, SelectionDisplayProps, SingleSelectProps, } from './types';
 declare function Select<T>(props: SingleSelectProps<T>): React.ReactElement;
 declare function Select<T>(props: MultipleSelectProps<T>): React.ReactElement;
 export default Select;