@soyfri/shared-library 2.0.0-beta8 → 3.1.0

package/{Avatar-9L7YMxya.cjs → Avatar-Dw5rzayR.cjs}

@@ -47,6 +47,9 @@ const mergeSx = (base, extra) => {
 };
 const Avatar = ({
   items,
+  src,
+  alt,
+  fallback,
   type,
   displayedAvatars = 4,
   size = "sm",
@@ -58,20 +61,23 @@ const Avatar = ({
   overlap
 }) => {
   var _a;
-  const [errorIndex, setErrorIndex] = React.useState(/* @__PURE__ */ new Set());
-  const handleImageError = (index) => {
-    setErrorIndex((prev) => {
+  const resolvedItems = items && items.length > 0 ? items : src || fallback ? [{ imageUrl: src, text: alt, content: fallback }] : [];
+  const showCaption = items && items.length > 0 ? showText : false;
+  const [failedUrls, setFailedUrls] = React.useState(/* @__PURE__ */ new Set());
+  const handleImageError = (url) => {
+    setFailedUrls((prev) => {
+      if (prev.has(url)) return prev;
       const next = new Set(prev);
-      next.add(index);
+      next.add(url);
       return next;
     });
   };
-  if (!items || items.length === 0) {
+  if (resolvedItems.length === 0) {
     return null;
   }
   const s = resolveSize(size);
   const effectiveOverlap = overlap != null ? overlap : s.overlap;
-  const visibleItems = items.slice(0, displayedAvatars);
+  const visibleItems = resolvedItems.slice(0, displayedAvatars);
   const baseAvatarSx = {
     width: s.px,
     height: s.px,
@@ -81,12 +87,13 @@ const Avatar = ({
     boxSizing: "content-box"
   };
   const renderSingleAvatar = (item, i) => {
-    var _a2, _b;
-    const hasImage = !!item.imageUrl && !errorIndex.has(i);
+    var _a2, _b, _c, _d, _e;
+    const hasImage = !!item.imageUrl && !failedUrls.has(item.imageUrl);
     const showBadgeFallback = !!item.badge;
+    const itemKey = (_c = item.imageUrl) != null ? _c : `${(_a2 = item.text) != null ? _a2 : ""}-${(_b = item.badge) != null ? _b : ""}-${i}`;
     const itemSx = __spreadProps(__spreadValues({
-      bgcolor: (_a2 = item.backgroundColor) != null ? _a2 : "action.selected",
-      color: (_b = item.color) != null ? _b : "text.secondary"
+      bgcolor: (_d = item.backgroundColor) != null ? _d : "action.selected",
+      color: (_e = item.color) != null ? _e : "text.secondary"
     }, i > 0 && { marginLeft: `-${effectiveOverlap}px` }), {
       zIndex: visibleItems.length - i
     });
@@ -94,18 +101,17 @@ const Avatar = ({
     const avatarEl = /* @__PURE__ */ jsxRuntime.jsx(
       material.Avatar,
       {
-        "data-testid": "avatar",
         alt: item.text || "User avatar",
         src: hasImage ? item.imageUrl : void 0,
         imgProps: {
-          "data-testid": "image",
-          onError: () => handleImageError(i)
+          onError: () => {
+            if (item.imageUrl) handleImageError(item.imageUrl);
+          }
         },
         sx: finalSx,
-        children: !hasImage && showBadgeFallback ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "badge", "aria-label": item.text, children: item.badge }) : !hasImage ? /* @__PURE__ */ jsxRuntime.jsx(
+        children: !hasImage && item.content != null ? item.content : !hasImage && showBadgeFallback ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": item.text, children: item.badge }) : !hasImage ? /* @__PURE__ */ jsxRuntime.jsx(
           AccountCircleIcon,
           {
-            "data-testid": "icon",
             "aria-label": item.text,
             sx: { width: "100%", height: "100%" }
           }
@@ -113,14 +119,13 @@ const Avatar = ({
       }
     );
     if (showTooltip && item.text) {
-      return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: item.text, children: avatarEl }, i);
+      return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: item.text, children: avatarEl }, itemKey);
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: avatarEl }, i);
+    return /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: avatarEl }, itemKey);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     material.Box,
     {
-      "data-testid": "avatar-container",
       className,
       sx: mergeSx(
         {
@@ -133,10 +138,9 @@ const Avatar = ({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", alignItems: "center" }, children: visibleItems.map((item, i) => renderSingleAvatar(item, i)) }),
-        showText && ((_a = items[0]) == null ? void 0 : _a.text) && /* @__PURE__ */ jsxRuntime.jsxs(
+        showCaption && ((_a = resolvedItems[0]) == null ? void 0 : _a.text) && /* @__PURE__ */ jsxRuntime.jsxs(
           material.Typography,
           {
-            "data-testid": "text",
             variant: "caption",
             sx: {
               ml: 1,
@@ -145,12 +149,12 @@ const Avatar = ({
               color: "text.primary"
             },
             children: [
-              type && items.length === 1 && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { component: "span", "data-testid": "type", sx: { mr: 0.5 }, children: [
+              type && resolvedItems.length === 1 && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { component: "span", sx: { mr: 0.5 }, children: [
                 type,
                 ":"
               ] }),
-              items[0].text,
-              items.length > 1 && ` +${items.length - 1}`
+              resolvedItems[0].text,
+              resolvedItems.length > 1 && ` +${resolvedItems.length - 1}`
             ]
           }
         )
@@ -159,4 +163,4 @@ const Avatar = ({
   );
 };
 exports.Avatar = Avatar;
-//# sourceMappingURL=Avatar-9L7YMxya.cjs.map
+//# sourceMappingURL=Avatar-Dw5rzayR.cjs.map

package/Avatar-Dw5rzayR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-Dw5rzayR.cjs","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Avatar as MuiAvatar,\n  Box,\n  Tooltip,\n  Typography,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport AccountCircleIcon from '@mui/icons-material/AccountCircle';\n\nexport interface AvatarItem {\n  text?: string;\n  imageUrl?: string;\n  badge?: string;\n  color?: string;\n  backgroundColor?: string;\n  /** Contenido a renderizar como fallback cuando no hay imagen (ej. iniciales). */\n  content?: React.ReactNode;\n}\n\nexport type AvatarSize = 'sm' | 'md' | 'lg' | 'xl' | number;\n\nexport interface AvatarProps {\n  type?: string;\n  /**\n   * Lista de avatares (grupo apilado). Para un solo avatar puedes usar\n   * `src`/`alt` en su lugar.\n   */\n  items?: AvatarItem[];\n  /**\n   * Atajo para un único avatar por URL de imagen. Equivale a\n   * `items={[{ imageUrl: src, text: alt }]}`. Ignorado si `items` tiene elementos.\n   */\n  src?: string;\n  /** Texto alternativo de la imagen cuando se usa `src` (modo single). */\n  alt?: string;\n  /** Fallback (ej. iniciales) cuando no hay imagen, en modo single (`src`). */\n  fallback?: React.ReactNode;\n  displayedAvatars?: number;\n  size?: AvatarSize;\n  showText?: boolean;\n  showTooltip?: boolean;\n  /**\n   * sx aplicado al contenedor raíz.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * sx aplicado a cada MuiAvatar individual (se mergea sobre los defaults).\n   */\n  avatarSx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Overlap (px) entre avatares cuando hay varios. Default depende del tamaño.\n   */\n  overlap?: number;\n}\n\n// Escala alineada con la escala de MUI (sm=32, md=40, lg=56, xl=96) con borde\n// proporcional para el efecto stacked.\nconst sizeMap: Record<\n  Exclude<AvatarSize, number>,\n  { px: number; border: number; font: number; overlap: number }\n> = {\n  sm: { px: 32, border: 2, font: 14, overlap: 8 },\n  md: { px: 40, border: 2, font: 16, overlap: 10 },\n  lg: { px: 56, border: 3, font: 22, overlap: 14 },\n  xl: { px: 96, border: 4, font: 36, overlap: 20 },\n};\n\nconst resolveSize = (size: AvatarSize) => {\n  if (typeof size === 'number') {\n    return {\n      px: size,\n      border: Math.max(2, Math.round(size * 0.05)),\n      font: Math.round(size * 0.4),\n      overlap: Math.round(size * 0.25),\n    };\n  }\n  return sizeMap[size];\n};\n\nconst mergeSx = (base: SxProps<Theme>, extra?: SxProps<Theme>): SxProps<Theme> => {\n  if (!extra) return base;\n  const baseArr = Array.isArray(base) ? base : [base];\n  const extraArr = Array.isArray(extra) ? extra : [extra];\n  return [...baseArr, ...extraArr] as SxProps<Theme>;\n};\n\nexport const Avatar: React.FC<AvatarProps> = ({\n  items,\n  src,\n  alt,\n  fallback,\n  type,\n  displayedAvatars = 4,\n  size = 'sm',\n  showText = true,\n  showTooltip = false,\n  sx,\n  avatarSx,\n  className,\n  overlap,\n}) => {\n  // Modo single (`src`) vs grupo (`items`). En single no mostramos caption.\n  const resolvedItems: AvatarItem[] =\n    items && items.length > 0\n      ? items\n      : src || fallback\n        ? [{ imageUrl: src, text: alt, content: fallback }]\n        : [];\n  const showCaption = items && items.length > 0 ? showText : false;\n  // Indexamos por URL (no por posición) para que cambios en `items` — reorder,\n  // filtrado, paginación — no hagan que un avatar válido \"herede\" el estado de\n  // imagen rota de un item anterior que estaba en la misma posición.\n  const [failedUrls, setFailedUrls] = useState<Set<string>>(new Set());\n\n  const handleImageError = (url: string) => {\n    setFailedUrls((prev) => {\n      if (prev.has(url)) return prev;\n      const next = new Set(prev);\n      next.add(url);\n      return next;\n    });\n  };\n\n  if (resolvedItems.length === 0) {\n    return null;\n  }\n\n  const s = resolveSize(size);\n  const effectiveOverlap = overlap ?? s.overlap;\n  const visibleItems = resolvedItems.slice(0, displayedAvatars);\n\n  const baseAvatarSx: SxProps<Theme> = {\n    width: s.px,\n    height: s.px,\n    fontSize: s.font,\n    fontWeight: 700,\n    border: (theme) => `${s.border}px solid ${theme.palette.background.paper}`,\n    boxSizing: 'content-box',\n  };\n\n  const renderSingleAvatar = (item: AvatarItem, i: number) => {\n    const hasImage = !!item.imageUrl && !failedUrls.has(item.imageUrl);\n    const showBadgeFallback = !!item.badge;\n    const itemKey = item.imageUrl ?? `${item.text ?? ''}-${item.badge ?? ''}-${i}`;\n\n    // Defaults tirando al theme; item.color / item.backgroundColor tienen prioridad.\n    const itemSx: SxProps<Theme> = {\n      bgcolor: item.backgroundColor ?? 'action.selected',\n      color: item.color ?? 'text.secondary',\n      // Stacking manual: margen negativo al segundo avatar en adelante.\n      ...(i > 0 && { marginLeft: `-${effectiveOverlap}px` }),\n      zIndex: visibleItems.length - i,\n    };\n\n    const finalSx = mergeSx(mergeSx(baseAvatarSx, itemSx), avatarSx);\n\n    const avatarEl = (\n      <MuiAvatar\n        alt={item.text || 'User avatar'}\n        src={hasImage ? item.imageUrl : undefined}\n        imgProps={{\n          onError: () => {\n            if (item.imageUrl) handleImageError(item.imageUrl);\n          },\n        }}\n        sx={finalSx}\n      >\n        {!hasImage && item.content != null ? (\n          item.content\n        ) : !hasImage && showBadgeFallback ? (\n          <span aria-label={item.text}>{item.badge}</span>\n        ) : !hasImage ? (\n          <AccountCircleIcon\n            aria-label={item.text}\n            sx={{ width: '100%', height: '100%' }}\n          />\n        ) : null}\n      </MuiAvatar>\n    );\n\n    if (showTooltip && item.text) {\n      return (\n        <Tooltip key={itemKey} title={item.text}>\n          {avatarEl}\n        </Tooltip>\n      );\n    }\n    return <React.Fragment key={itemKey}>{avatarEl}</React.Fragment>;\n  };\n\n  return (\n    <Box\n      className={className}\n      sx={mergeSx(\n        {\n          display: 'flex',\n          alignItems: 'center',\n          lineHeight: 1,\n          width: 'fit-content',\n        },\n        sx,\n      )}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center' }}>\n        {visibleItems.map((item, i) => renderSingleAvatar(item, i))}\n      </Box>\n\n      {showCaption && resolvedItems[0]?.text && (\n        <Typography\n          variant=\"caption\"\n          sx={{\n            ml: 1,\n            fontSize: '0.75rem',\n            fontWeight: 400,\n            color: 'text.primary',\n          }}\n        >\n          {type && resolvedItems.length === 1 && (\n            <Box component=\"span\" sx={{ mr: 0.5 }}>\n              {type}:\n            </Box>\n          )}\n          {resolvedItems[0].text}\n          {resolvedItems.length > 1 && ` +${resolvedItems.length - 1}`}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n\nexport default Avatar;\n"],"names":["useState","_a","jsx","MuiAvatar","Tooltip","jsxs","Box","Typography"],"mappings":"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"}

package/{Avatar-BJTr-PBd.js → Avatar-H8akSege.js}

@@ -46,6 +46,9 @@ const mergeSx = (base, extra) => {
 };
 const Avatar = ({
   items,
+  src,
+  alt,
+  fallback,
   type,
   displayedAvatars = 4,
   size = "sm",
@@ -57,20 +60,23 @@ const Avatar = ({
   overlap
 }) => {
   var _a;
-  const [errorIndex, setErrorIndex] = useState(/* @__PURE__ */ new Set());
-  const handleImageError = (index) => {
-    setErrorIndex((prev) => {
+  const resolvedItems = items && items.length > 0 ? items : src || fallback ? [{ imageUrl: src, text: alt, content: fallback }] : [];
+  const showCaption = items && items.length > 0 ? showText : false;
+  const [failedUrls, setFailedUrls] = useState(/* @__PURE__ */ new Set());
+  const handleImageError = (url) => {
+    setFailedUrls((prev) => {
+      if (prev.has(url)) return prev;
       const next = new Set(prev);
-      next.add(index);
+      next.add(url);
       return next;
     });
   };
-  if (!items || items.length === 0) {
+  if (resolvedItems.length === 0) {
     return null;
   }
   const s = resolveSize(size);
   const effectiveOverlap = overlap != null ? overlap : s.overlap;
-  const visibleItems = items.slice(0, displayedAvatars);
+  const visibleItems = resolvedItems.slice(0, displayedAvatars);
   const baseAvatarSx = {
     width: s.px,
     height: s.px,
@@ -80,12 +86,13 @@ const Avatar = ({
     boxSizing: "content-box"
   };
   const renderSingleAvatar = (item, i) => {
-    var _a2, _b;
-    const hasImage = !!item.imageUrl && !errorIndex.has(i);
+    var _a2, _b, _c, _d, _e;
+    const hasImage = !!item.imageUrl && !failedUrls.has(item.imageUrl);
     const showBadgeFallback = !!item.badge;
+    const itemKey = (_c = item.imageUrl) != null ? _c : `${(_a2 = item.text) != null ? _a2 : ""}-${(_b = item.badge) != null ? _b : ""}-${i}`;
     const itemSx = __spreadProps(__spreadValues({
-      bgcolor: (_a2 = item.backgroundColor) != null ? _a2 : "action.selected",
-      color: (_b = item.color) != null ? _b : "text.secondary"
+      bgcolor: (_d = item.backgroundColor) != null ? _d : "action.selected",
+      color: (_e = item.color) != null ? _e : "text.secondary"
     }, i > 0 && { marginLeft: `-${effectiveOverlap}px` }), {
       zIndex: visibleItems.length - i
     });
@@ -93,18 +100,17 @@ const Avatar = ({
     const avatarEl = /* @__PURE__ */ jsx(
       Avatar$1,
       {
-        "data-testid": "avatar",
         alt: item.text || "User avatar",
         src: hasImage ? item.imageUrl : void 0,
         imgProps: {
-          "data-testid": "image",
-          onError: () => handleImageError(i)
+          onError: () => {
+            if (item.imageUrl) handleImageError(item.imageUrl);
+          }
         },
         sx: finalSx,
-        children: !hasImage && showBadgeFallback ? /* @__PURE__ */ jsx("span", { "data-testid": "badge", "aria-label": item.text, children: item.badge }) : !hasImage ? /* @__PURE__ */ jsx(
+        children: !hasImage && item.content != null ? item.content : !hasImage && showBadgeFallback ? /* @__PURE__ */ jsx("span", { "aria-label": item.text, children: item.badge }) : !hasImage ? /* @__PURE__ */ jsx(
           AccountCircleIcon,
           {
-            "data-testid": "icon",
             "aria-label": item.text,
             sx: { width: "100%", height: "100%" }
           }
@@ -112,14 +118,13 @@ const Avatar = ({
       }
     );
     if (showTooltip && item.text) {
-      return /* @__PURE__ */ jsx(Tooltip, { title: item.text, children: avatarEl }, i);
+      return /* @__PURE__ */ jsx(Tooltip, { title: item.text, children: avatarEl }, itemKey);
     }
-    return /* @__PURE__ */ jsx(React__default.Fragment, { children: avatarEl }, i);
+    return /* @__PURE__ */ jsx(React__default.Fragment, { children: avatarEl }, itemKey);
   };
   return /* @__PURE__ */ jsxs(
     Box,
     {
-      "data-testid": "avatar-container",
       className,
       sx: mergeSx(
         {
@@ -132,10 +137,9 @@ const Avatar = ({
       ),
       children: [
         /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center" }, children: visibleItems.map((item, i) => renderSingleAvatar(item, i)) }),
-        showText && ((_a = items[0]) == null ? void 0 : _a.text) && /* @__PURE__ */ jsxs(
+        showCaption && ((_a = resolvedItems[0]) == null ? void 0 : _a.text) && /* @__PURE__ */ jsxs(
           Typography,
           {
-            "data-testid": "text",
             variant: "caption",
             sx: {
               ml: 1,
@@ -144,12 +148,12 @@ const Avatar = ({
               color: "text.primary"
             },
             children: [
-              type && items.length === 1 && /* @__PURE__ */ jsxs(Box, { component: "span", "data-testid": "type", sx: { mr: 0.5 }, children: [
+              type && resolvedItems.length === 1 && /* @__PURE__ */ jsxs(Box, { component: "span", sx: { mr: 0.5 }, children: [
                 type,
                 ":"
               ] }),
-              items[0].text,
-              items.length > 1 && ` +${items.length - 1}`
+              resolvedItems[0].text,
+              resolvedItems.length > 1 && ` +${resolvedItems.length - 1}`
             ]
           }
         )
@@ -160,4 +164,4 @@ const Avatar = ({
 export {
   Avatar as A
 };
-//# sourceMappingURL=Avatar-BJTr-PBd.js.map
+//# sourceMappingURL=Avatar-H8akSege.js.map

package/Avatar-H8akSege.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-H8akSege.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Avatar as MuiAvatar,\n  Box,\n  Tooltip,\n  Typography,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport AccountCircleIcon from '@mui/icons-material/AccountCircle';\n\nexport interface AvatarItem {\n  text?: string;\n  imageUrl?: string;\n  badge?: string;\n  color?: string;\n  backgroundColor?: string;\n  /** Contenido a renderizar como fallback cuando no hay imagen (ej. iniciales). */\n  content?: React.ReactNode;\n}\n\nexport type AvatarSize = 'sm' | 'md' | 'lg' | 'xl' | number;\n\nexport interface AvatarProps {\n  type?: string;\n  /**\n   * Lista de avatares (grupo apilado). Para un solo avatar puedes usar\n   * `src`/`alt` en su lugar.\n   */\n  items?: AvatarItem[];\n  /**\n   * Atajo para un único avatar por URL de imagen. Equivale a\n   * `items={[{ imageUrl: src, text: alt }]}`. Ignorado si `items` tiene elementos.\n   */\n  src?: string;\n  /** Texto alternativo de la imagen cuando se usa `src` (modo single). */\n  alt?: string;\n  /** Fallback (ej. iniciales) cuando no hay imagen, en modo single (`src`). */\n  fallback?: React.ReactNode;\n  displayedAvatars?: number;\n  size?: AvatarSize;\n  showText?: boolean;\n  showTooltip?: boolean;\n  /**\n   * sx aplicado al contenedor raíz.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * sx aplicado a cada MuiAvatar individual (se mergea sobre los defaults).\n   */\n  avatarSx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Overlap (px) entre avatares cuando hay varios. Default depende del tamaño.\n   */\n  overlap?: number;\n}\n\n// Escala alineada con la escala de MUI (sm=32, md=40, lg=56, xl=96) con borde\n// proporcional para el efecto stacked.\nconst sizeMap: Record<\n  Exclude<AvatarSize, number>,\n  { px: number; border: number; font: number; overlap: number }\n> = {\n  sm: { px: 32, border: 2, font: 14, overlap: 8 },\n  md: { px: 40, border: 2, font: 16, overlap: 10 },\n  lg: { px: 56, border: 3, font: 22, overlap: 14 },\n  xl: { px: 96, border: 4, font: 36, overlap: 20 },\n};\n\nconst resolveSize = (size: AvatarSize) => {\n  if (typeof size === 'number') {\n    return {\n      px: size,\n      border: Math.max(2, Math.round(size * 0.05)),\n      font: Math.round(size * 0.4),\n      overlap: Math.round(size * 0.25),\n    };\n  }\n  return sizeMap[size];\n};\n\nconst mergeSx = (base: SxProps<Theme>, extra?: SxProps<Theme>): SxProps<Theme> => {\n  if (!extra) return base;\n  const baseArr = Array.isArray(base) ? base : [base];\n  const extraArr = Array.isArray(extra) ? extra : [extra];\n  return [...baseArr, ...extraArr] as SxProps<Theme>;\n};\n\nexport const Avatar: React.FC<AvatarProps> = ({\n  items,\n  src,\n  alt,\n  fallback,\n  type,\n  displayedAvatars = 4,\n  size = 'sm',\n  showText = true,\n  showTooltip = false,\n  sx,\n  avatarSx,\n  className,\n  overlap,\n}) => {\n  // Modo single (`src`) vs grupo (`items`). En single no mostramos caption.\n  const resolvedItems: AvatarItem[] =\n    items && items.length > 0\n      ? items\n      : src || fallback\n        ? [{ imageUrl: src, text: alt, content: fallback }]\n        : [];\n  const showCaption = items && items.length > 0 ? showText : false;\n  // Indexamos por URL (no por posición) para que cambios en `items` — reorder,\n  // filtrado, paginación — no hagan que un avatar válido \"herede\" el estado de\n  // imagen rota de un item anterior que estaba en la misma posición.\n  const [failedUrls, setFailedUrls] = useState<Set<string>>(new Set());\n\n  const handleImageError = (url: string) => {\n    setFailedUrls((prev) => {\n      if (prev.has(url)) return prev;\n      const next = new Set(prev);\n      next.add(url);\n      return next;\n    });\n  };\n\n  if (resolvedItems.length === 0) {\n    return null;\n  }\n\n  const s = resolveSize(size);\n  const effectiveOverlap = overlap ?? s.overlap;\n  const visibleItems = resolvedItems.slice(0, displayedAvatars);\n\n  const baseAvatarSx: SxProps<Theme> = {\n    width: s.px,\n    height: s.px,\n    fontSize: s.font,\n    fontWeight: 700,\n    border: (theme) => `${s.border}px solid ${theme.palette.background.paper}`,\n    boxSizing: 'content-box',\n  };\n\n  const renderSingleAvatar = (item: AvatarItem, i: number) => {\n    const hasImage = !!item.imageUrl && !failedUrls.has(item.imageUrl);\n    const showBadgeFallback = !!item.badge;\n    const itemKey = item.imageUrl ?? `${item.text ?? ''}-${item.badge ?? ''}-${i}`;\n\n    // Defaults tirando al theme; item.color / item.backgroundColor tienen prioridad.\n    const itemSx: SxProps<Theme> = {\n      bgcolor: item.backgroundColor ?? 'action.selected',\n      color: item.color ?? 'text.secondary',\n      // Stacking manual: margen negativo al segundo avatar en adelante.\n      ...(i > 0 && { marginLeft: `-${effectiveOverlap}px` }),\n      zIndex: visibleItems.length - i,\n    };\n\n    const finalSx = mergeSx(mergeSx(baseAvatarSx, itemSx), avatarSx);\n\n    const avatarEl = (\n      <MuiAvatar\n        alt={item.text || 'User avatar'}\n        src={hasImage ? item.imageUrl : undefined}\n        imgProps={{\n          onError: () => {\n            if (item.imageUrl) handleImageError(item.imageUrl);\n          },\n        }}\n        sx={finalSx}\n      >\n        {!hasImage && item.content != null ? (\n          item.content\n        ) : !hasImage && showBadgeFallback ? (\n          <span aria-label={item.text}>{item.badge}</span>\n        ) : !hasImage ? (\n          <AccountCircleIcon\n            aria-label={item.text}\n            sx={{ width: '100%', height: '100%' }}\n          />\n        ) : null}\n      </MuiAvatar>\n    );\n\n    if (showTooltip && item.text) {\n      return (\n        <Tooltip key={itemKey} title={item.text}>\n          {avatarEl}\n        </Tooltip>\n      );\n    }\n    return <React.Fragment key={itemKey}>{avatarEl}</React.Fragment>;\n  };\n\n  return (\n    <Box\n      className={className}\n      sx={mergeSx(\n        {\n          display: 'flex',\n          alignItems: 'center',\n          lineHeight: 1,\n          width: 'fit-content',\n        },\n        sx,\n      )}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center' }}>\n        {visibleItems.map((item, i) => renderSingleAvatar(item, i))}\n      </Box>\n\n      {showCaption && resolvedItems[0]?.text && (\n        <Typography\n          variant=\"caption\"\n          sx={{\n            ml: 1,\n            fontSize: '0.75rem',\n            fontWeight: 400,\n            color: 'text.primary',\n          }}\n        >\n          {type && resolvedItems.length === 1 && (\n            <Box component=\"span\" sx={{ mr: 0.5 }}>\n              {type}:\n            </Box>\n          )}\n          {resolvedItems[0].text}\n          {resolvedItems.length > 1 && ` +${resolvedItems.length - 1}`}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n\nexport default Avatar;\n"],"names":["_a","MuiAvatar","React"],"mappings":"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"}

package/Breadcrumbs-B9I3vxPb.cjs

@@ -0,0 +1,25 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+function Breadcrumbs({
+  children,
+  separator,
+  maxItems,
+  sx,
+  className,
+  "aria-label": ariaLabel = "breadcrumb"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Breadcrumbs,
+    {
+      separator,
+      maxItems,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs-B9I3vxPb.cjs.map

package/Breadcrumbs-B9I3vxPb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-B9I3vxPb.cjs","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Breadcrumbs as MuiBreadcrumbs } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BreadcrumbsProps {\n  /** Items (Links / Typography). */\n  children?: ReactNode;\n  /** Separador entre items. Default: `/`. */\n  separator?: ReactNode;\n  /** Colapsa si hay más de N items. */\n  maxItems?: number;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */\nexport function Breadcrumbs({\n  children,\n  separator,\n  maxItems,\n  sx,\n  className,\n  'aria-label': ariaLabel = 'breadcrumb',\n}: BreadcrumbsProps) {\n  return (\n    <MuiBreadcrumbs\n      separator={separator}\n      maxItems={maxItems}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiBreadcrumbs>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["jsx","MuiBreadcrumbs"],"mappings":";;;AAiBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAC5B,GAAqB;AACnB,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/Breadcrumbs-C41SPbtX.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Breadcrumbs as Breadcrumbs$1 } from "@mui/material";
+function Breadcrumbs({
+  children,
+  separator,
+  maxItems,
+  sx,
+  className,
+  "aria-label": ariaLabel = "breadcrumb"
+}) {
+  return /* @__PURE__ */ jsx(
+    Breadcrumbs$1,
+    {
+      separator,
+      maxItems,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+export {
+  Breadcrumbs as B
+};
+//# sourceMappingURL=Breadcrumbs-C41SPbtX.js.map

package/Breadcrumbs-C41SPbtX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-C41SPbtX.js","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Breadcrumbs as MuiBreadcrumbs } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BreadcrumbsProps {\n  /** Items (Links / Typography). */\n  children?: ReactNode;\n  /** Separador entre items. Default: `/`. */\n  separator?: ReactNode;\n  /** Colapsa si hay más de N items. */\n  maxItems?: number;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */\nexport function Breadcrumbs({\n  children,\n  separator,\n  maxItems,\n  sx,\n  className,\n  'aria-label': ariaLabel = 'breadcrumb',\n}: BreadcrumbsProps) {\n  return (\n    <MuiBreadcrumbs\n      separator={separator}\n      maxItems={maxItems}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiBreadcrumbs>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["MuiBreadcrumbs"],"mappings":";;AAiBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAC5B,GAAqB;AACnB,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/Button-C17mExpd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button-C17mExpd.cjs","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton } from \"@mui/material\";\nimport type { ButtonProps } from \"@mui/material/Button\";\nimport React from \"react\";\n\ntype PickButtonProps = Pick<ButtonProps, \"href\" | \"children\" | \"onClick\" | \"color\" | \"disabled\" | \"className\" | \"endIcon\" | \"startIcon\" | \"loading\" | \"loadingIndicator\" | \"variant\" | \"size\" | \"loadingPosition\" | \"type\" | \"sx\">;\n\nexport interface MyButtonProps extends PickButtonProps {\n  children?: React.ReactNode;\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  disabled?: boolean;\n  endIcon?: React.ReactNode;\n  startIcon?: React.ReactNode;\n  size?: \"small\" | \"medium\" | \"large\";\n  className?: string;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  loading?: boolean;\n  loadingIndicator?: React.ReactNode;\n  loadingPosition?: \"start\" | \"end\" | \"center\";\n  color?: \"primary\" | \"success\" | \"error\" | \"info\" | \"warning\"; //change for tailwind  class colors\n  href?: string;\n  \"data-testid\"?: string;\n  type?: \"button\" | \"submit\" ;\n}\n\nexport const Button: React.FC<MyButtonProps> = ({\n  children,\n  variant,\n  disabled,\n  startIcon,\n  endIcon,\n  size,\n  className,\n  onClick,\n  loading,\n  loadingPosition,\n  loadingIndicator,\n  color,\n  href,\n  \"data-testid\": dataTestId,\n  type,\n  sx\n}) => {\n  return (\n    <MuiButton\n      disabled={disabled}\n      variant={variant}\n      startIcon={startIcon}\n      endIcon={endIcon}\n      size={size}\n      className={className}\n      onClick={onClick}\n      loading={loading}\n      loadingPosition={loadingPosition}\n      loadingIndicator={loadingIndicator}\n      sx={{ textTransform: \"none\", ...sx }}\n      disableRipple={true}\n      disableElevation={true}\n      color={color}\n      data-testid={dataTestId}\n      href={href}\n      type={type}\n    >\n      {children}\n    </MuiButton>);\n};\n\nexport default Button;"],"names":["jsx","MuiButton"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBO,MAAM,SAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AACF,MAAM;AACJ,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,iBAAE,eAAe,UAAW;AAAA,MAChC,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAEP;;"}
+{"version":3,"file":"Button-C17mExpd.cjs","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton } from \"@mui/material\";\nimport type { SxProps, Theme } from \"@mui/material/styles\";\nimport React from \"react\";\n\nexport interface ButtonProps {\n  children?: React.ReactNode;\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  disabled?: boolean;\n  endIcon?: React.ReactNode;\n  startIcon?: React.ReactNode;\n  size?: \"small\" | \"medium\" | \"large\";\n  className?: string;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  loading?: boolean;\n  loadingIndicator?: React.ReactNode;\n  loadingPosition?: \"start\" | \"end\" | \"center\";\n  color?: \"inherit\" | \"primary\" | \"secondary\" | \"success\" | \"error\" | \"info\" | \"warning\";\n  href?: string;\n  \"data-testid\"?: string;\n  type?: \"button\" | \"submit\";\n  sx?: SxProps<Theme>;\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  variant,\n  disabled,\n  startIcon,\n  endIcon,\n  size,\n  className,\n  onClick,\n  loading,\n  loadingPosition,\n  loadingIndicator,\n  color,\n  href,\n  \"data-testid\": dataTestId,\n  type,\n  sx\n}) => {\n  return (\n    <MuiButton\n      disabled={disabled}\n      variant={variant}\n      startIcon={startIcon}\n      endIcon={endIcon}\n      size={size}\n      className={className}\n      onClick={onClick}\n      loading={loading}\n      loadingPosition={loadingPosition}\n      loadingIndicator={loadingIndicator}\n      sx={{ textTransform: \"none\", ...sx }}\n      disableRipple={true}\n      disableElevation={true}\n      color={color}\n      data-testid={dataTestId}\n      href={href}\n      type={type}\n    >\n      {children}\n    </MuiButton>);\n};\n\nexport default Button;"],"names":["jsx","MuiButton"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBO,MAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AACF,MAAM;AACJ,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,iBAAE,eAAe,UAAW;AAAA,MAChC,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAEP;;"}

package/Button-UkkP-bNw.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button-UkkP-bNw.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton } from \"@mui/material\";\nimport type { ButtonProps } from \"@mui/material/Button\";\nimport React from \"react\";\n\ntype PickButtonProps = Pick<ButtonProps, \"href\" | \"children\" | \"onClick\" | \"color\" | \"disabled\" | \"className\" | \"endIcon\" | \"startIcon\" | \"loading\" | \"loadingIndicator\" | \"variant\" | \"size\" | \"loadingPosition\" | \"type\" | \"sx\">;\n\nexport interface MyButtonProps extends PickButtonProps {\n  children?: React.ReactNode;\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  disabled?: boolean;\n  endIcon?: React.ReactNode;\n  startIcon?: React.ReactNode;\n  size?: \"small\" | \"medium\" | \"large\";\n  className?: string;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  loading?: boolean;\n  loadingIndicator?: React.ReactNode;\n  loadingPosition?: \"start\" | \"end\" | \"center\";\n  color?: \"primary\" | \"success\" | \"error\" | \"info\" | \"warning\"; //change for tailwind  class colors\n  href?: string;\n  \"data-testid\"?: string;\n  type?: \"button\" | \"submit\" ;\n}\n\nexport const Button: React.FC<MyButtonProps> = ({\n  children,\n  variant,\n  disabled,\n  startIcon,\n  endIcon,\n  size,\n  className,\n  onClick,\n  loading,\n  loadingPosition,\n  loadingIndicator,\n  color,\n  href,\n  \"data-testid\": dataTestId,\n  type,\n  sx\n}) => {\n  return (\n    <MuiButton\n      disabled={disabled}\n      variant={variant}\n      startIcon={startIcon}\n      endIcon={endIcon}\n      size={size}\n      className={className}\n      onClick={onClick}\n      loading={loading}\n      loadingPosition={loadingPosition}\n      loadingIndicator={loadingIndicator}\n      sx={{ textTransform: \"none\", ...sx }}\n      disableRipple={true}\n      disableElevation={true}\n      color={color}\n      data-testid={dataTestId}\n      href={href}\n      type={type}\n    >\n      {children}\n    </MuiButton>);\n};\n\nexport default Button;"],"names":["MuiButton"],"mappings":";;;;;;;;;;;;;;;;;;AAwBO,MAAM,SAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,iBAAE,eAAe,UAAW;AAAA,MAChC,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"Button-UkkP-bNw.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton } from \"@mui/material\";\nimport type { SxProps, Theme } from \"@mui/material/styles\";\nimport React from \"react\";\n\nexport interface ButtonProps {\n  children?: React.ReactNode;\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  disabled?: boolean;\n  endIcon?: React.ReactNode;\n  startIcon?: React.ReactNode;\n  size?: \"small\" | \"medium\" | \"large\";\n  className?: string;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  loading?: boolean;\n  loadingIndicator?: React.ReactNode;\n  loadingPosition?: \"start\" | \"end\" | \"center\";\n  color?: \"inherit\" | \"primary\" | \"secondary\" | \"success\" | \"error\" | \"info\" | \"warning\";\n  href?: string;\n  \"data-testid\"?: string;\n  type?: \"button\" | \"submit\";\n  sx?: SxProps<Theme>;\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  variant,\n  disabled,\n  startIcon,\n  endIcon,\n  size,\n  className,\n  onClick,\n  loading,\n  loadingPosition,\n  loadingIndicator,\n  color,\n  href,\n  \"data-testid\": dataTestId,\n  type,\n  sx\n}) => {\n  return (\n    <MuiButton\n      disabled={disabled}\n      variant={variant}\n      startIcon={startIcon}\n      endIcon={endIcon}\n      size={size}\n      className={className}\n      onClick={onClick}\n      loading={loading}\n      loadingPosition={loadingPosition}\n      loadingIndicator={loadingIndicator}\n      sx={{ textTransform: \"none\", ...sx }}\n      disableRipple={true}\n      disableElevation={true}\n      color={color}\n      data-testid={dataTestId}\n      href={href}\n      type={type}\n    >\n      {children}\n    </MuiButton>);\n};\n\nexport default Button;"],"names":["MuiButton"],"mappings":";;;;;;;;;;;;;;;;;;AAuBO,MAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,iBAAE,eAAe,UAAW;AAAA,MAChC,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAEP;"}

package/ButtonGroup-CNunDofQ.cjs

@@ -0,0 +1,33 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+function ButtonGroup({
+  children,
+  size = "medium",
+  variant = "outlined",
+  orientation = "horizontal",
+  color = "primary",
+  disabled,
+  fullWidth,
+  sx,
+  className,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.ButtonGroup,
+    {
+      size,
+      variant,
+      orientation,
+      color,
+      disabled,
+      fullWidth,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=ButtonGroup-CNunDofQ.cjs.map

package/ButtonGroup-CNunDofQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup-CNunDofQ.cjs","sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { ButtonGroup as MuiButtonGroup } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ButtonGroupProps {\n  /** Botones agrupados. */\n  children?: ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'text' | 'outlined' | 'contained';\n  orientation?: 'horizontal' | 'vertical';\n  color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  disabled?: boolean;\n  fullWidth?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Grupo de botones segmentado. Wrapper fino sobre MUI `ButtonGroup`. */\nexport function ButtonGroup({\n  children,\n  size = 'medium',\n  variant = 'outlined',\n  orientation = 'horizontal',\n  color = 'primary',\n  disabled,\n  fullWidth,\n  sx,\n  className,\n  'aria-label': ariaLabel,\n}: ButtonGroupProps) {\n  return (\n    <MuiButtonGroup\n      size={size}\n      variant={variant}\n      orientation={orientation}\n      color={color}\n      disabled={disabled}\n      fullWidth={fullWidth}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiButtonGroup>\n  );\n}\n\nexport default ButtonGroup;\n"],"names":["jsx","MuiButtonGroup"],"mappings":";;;AAmBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAqB;AACnB,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/ButtonGroup-CcKUZ-lT.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { ButtonGroup as ButtonGroup$1 } from "@mui/material";
+function ButtonGroup({
+  children,
+  size = "medium",
+  variant = "outlined",
+  orientation = "horizontal",
+  color = "primary",
+  disabled,
+  fullWidth,
+  sx,
+  className,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    ButtonGroup$1,
+    {
+      size,
+      variant,
+      orientation,
+      color,
+      disabled,
+      fullWidth,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+export {
+  ButtonGroup as B
+};
+//# sourceMappingURL=ButtonGroup-CcKUZ-lT.js.map

package/ButtonGroup-CcKUZ-lT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup-CcKUZ-lT.js","sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { ButtonGroup as MuiButtonGroup } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ButtonGroupProps {\n  /** Botones agrupados. */\n  children?: ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'text' | 'outlined' | 'contained';\n  orientation?: 'horizontal' | 'vertical';\n  color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  disabled?: boolean;\n  fullWidth?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Grupo de botones segmentado. Wrapper fino sobre MUI `ButtonGroup`. */\nexport function ButtonGroup({\n  children,\n  size = 'medium',\n  variant = 'outlined',\n  orientation = 'horizontal',\n  color = 'primary',\n  disabled,\n  fullWidth,\n  sx,\n  className,\n  'aria-label': ariaLabel,\n}: ButtonGroupProps) {\n  return (\n    <MuiButtonGroup\n      size={size}\n      variant={variant}\n      orientation={orientation}\n      color={color}\n      disabled={disabled}\n      fullWidth={fullWidth}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiButtonGroup>\n  );\n}\n\nexport default ButtonGroup;\n"],"names":["MuiButtonGroup"],"mappings":";;AAmBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAqB;AACnB,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/Card-DYKGY-NG.js

@@ -0,0 +1,116 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTheme, Card as Card$1, CardHeader, CardContent } from "@mui/material";
+import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
+const paddingMap = {
+  none: 0,
+  dense: 1.5,
+  normal: 2.5,
+  loose: 4
+};
+function buildCardSx({
+  variant,
+  padding,
+  clickable
+}) {
+  return (theme) => __spreadProps(__spreadValues({
+    borderRadius: 2,
+    backgroundColor: "background.paper",
+    boxShadow: variant === "elevated" ? theme.shadows[1] : "none",
+    border: variant === "outlined" ? `1px solid ${theme.palette.divider}` : "none",
+    transition: theme.transitions.create(
+      ["box-shadow", "transform", "border-color"],
+      { duration: theme.transitions.duration.shorter }
+    ),
+    cursor: clickable ? "pointer" : "default"
+  }, clickable && {
+    "&:hover": {
+      boxShadow: variant === "elevated" ? theme.shadows[3] : variant === "outlined" ? theme.shadows[1] : "none",
+      transform: variant !== "plain" ? "translateY(-1px)" : "none"
+    },
+    "&:active": {
+      transform: "translateY(0)"
+    }
+  }), {
+    p: paddingMap[padding]
+  });
+}
+function Card({
+  children,
+  variant,
+  padding = "normal",
+  clickable = false,
+  preset,
+  raised,
+  title,
+  subheader,
+  action,
+  headerSx,
+  contentSx,
+  sx,
+  onClick,
+  onBlur,
+  className,
+  "data-testid": dataTestId
+}) {
+  const theme = useTheme();
+  const resolvedVariant = raised ? "elevated" : variant != null ? variant : "elevated";
+  const presetSx = resolvePreset("Card", preset, theme);
+  const hasHeader = title != null || subheader != null || action != null;
+  const useComposition = hasHeader || contentSx != null;
+  const rootSx = [
+    buildCardSx({
+      variant: resolvedVariant,
+      padding: useComposition ? "none" : padding,
+      clickable: clickable || Boolean(onClick)
+    }),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  return /* @__PURE__ */ jsxs(
+    Card$1,
+    {
+      sx: rootSx,
+      className,
+      "data-testid": dataTestId,
+      onClick,
+      onBlur,
+      elevation: 0,
+      children: [
+        hasHeader && /* @__PURE__ */ jsx(
+          CardHeader,
+          {
+            title,
+            subheader,
+            action,
+            sx: headerSx
+          }
+        ),
+        useComposition ? /* @__PURE__ */ jsx(CardContent, { sx: contentSx, children }) : children
+      ]
+    }
+  );
+}
+export {
+  Card as C,
+  buildCardSx as b
+};
+//# sourceMappingURL=Card-DYKGY-NG.js.map

package/Card-DYKGY-NG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-DYKGY-NG.js","sources":["../src/components/Card/Card.sx.ts","../src/components/Card/Card.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport type CardVariant = 'elevated' | 'outlined' | 'plain';\nexport type CardPadding = 'none' | 'dense' | 'normal' | 'loose';\n\nexport interface BuildCardSxArgs {\n  variant: CardVariant;\n  padding: CardPadding;\n  clickable: boolean;\n}\n\nconst paddingMap: Record<CardPadding, number> = {\n  none: 0,\n  dense: 1.5,\n  normal: 2.5,\n  loose: 4,\n};\n\n/**\n * Estilo base del Card. La prop `sx` del consumer se compone encima junto al\n * preset resuelto (en Card.tsx). Este builder solo se ocupa de variant +\n * padding para que siga siendo predecible.\n */\nexport function buildCardSx({\n  variant,\n  padding,\n  clickable,\n}: BuildCardSxArgs): SxProps<Theme> {\n  return (theme) => ({\n    borderRadius: 2,\n    backgroundColor: 'background.paper',\n    boxShadow: variant === 'elevated' ? theme.shadows[1] : 'none',\n    border:\n      variant === 'outlined'\n        ? `1px solid ${theme.palette.divider}`\n        : 'none',\n    transition: theme.transitions.create(\n      ['box-shadow', 'transform', 'border-color'],\n      { duration: theme.transitions.duration.shorter },\n    ),\n    cursor: clickable ? 'pointer' : 'default',\n    ...(clickable && {\n      '&:hover': {\n        boxShadow:\n          variant === 'elevated'\n            ? theme.shadows[3]\n            : variant === 'outlined'\n              ? theme.shadows[1]\n              : 'none',\n        transform: variant !== 'plain' ? 'translateY(-1px)' : 'none',\n      },\n      '&:active': {\n        transform: 'translateY(0)',\n      },\n    }),\n    p: paddingMap[padding],\n  });\n}\n","import { type ReactNode } from 'react';\nimport { Card as MuiCard, CardHeader, CardContent, useTheme } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { buildCardSx, type CardVariant, type CardPadding } from './Card.sx';\n\nexport interface CardProps {\n  /** Contenido del Card. */\n  children?: ReactNode;\n  /**\n   * Variante visual.\n   * - `elevated` (default): sombra sutil.\n   * - `outlined`: borde sin sombra.\n   * - `plain`: sin borde ni sombra, útil para layouts con nesting.\n   */\n  variant?: CardVariant;\n  /** Densidad del padding interno. */\n  padding?: CardPadding;\n  /** Si `true`, muestra feedback de hover/active (cursor, sombra). */\n  clickable?: boolean;\n  /**\n   * Preset registrado en `theme.styles.Card`. `\"default\"` usa el estilo\n   * built-in sin preset extra.\n   */\n  preset?: string;\n  /**\n   * MUI `raised` legacy — mantenido por backward-compat. Equivale a\n   * `variant=\"elevated\"` con sombra mayor. Ignora `variant` si se usa.\n   */\n  raised?: boolean;\n  /**\n   * Título de cabecera. Si se provee (o `subheader`/`action`), se renderiza un\n   * `CardHeader` antes del contenido. Reemplaza el patrón\n   * `<Card><CardHeader/>...</Card>` de MUI.\n   */\n  title?: ReactNode;\n  /** Subtítulo de la cabecera. */\n  subheader?: ReactNode;\n  /** Acción a la derecha de la cabecera (ej. botón/menú). */\n  action?: ReactNode;\n  /** sx aplicado al `CardHeader`. */\n  headerSx?: SxProps<Theme>;\n  /**\n   * sx aplicado al `CardContent` que envuelve a `children`. Al proveerlo (o al\n   * usar header), el body se envuelve en un `CardContent` y el padding del root\n   * pasa a `none` — equivale al patrón `<CardContent sx={...}>` de MUI.\n   */\n  contentSx?: SxProps<Theme>;\n  /** sx del root. Se compone sobre el base + preset. */\n  sx?: SxProps<Theme>;\n  onClick?: () => void;\n  onBlur?: () => void;\n  className?: string;\n  'data-testid'?: string;\n}\n\nexport function Card({\n  children,\n  variant,\n  padding = 'normal',\n  clickable = false,\n  preset,\n  raised,\n  title,\n  subheader,\n  action,\n  headerSx,\n  contentSx,\n  sx,\n  onClick,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n}: CardProps) {\n  const theme = useTheme();\n\n  const resolvedVariant: CardVariant = raised\n    ? 'elevated'\n    : (variant ?? 'elevated');\n\n  const presetSx = resolvePreset('Card', preset, theme);\n\n  const hasHeader =\n    title != null || subheader != null || action != null;\n  // En modo composición (header o contentSx) el padding lo manejan\n  // CardHeader/CardContent, así que el root va sin padding.\n  const useComposition = hasHeader || contentSx != null;\n\n  const rootSx: SxProps<Theme> = [\n    buildCardSx({\n      variant: resolvedVariant,\n      padding: useComposition ? 'none' : padding,\n      clickable: clickable || Boolean(onClick),\n    }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  return (\n    <MuiCard\n      sx={rootSx}\n      className={className}\n      data-testid={dataTestId}\n      onClick={onClick}\n      onBlur={onBlur}\n      elevation={0}\n    >\n      {hasHeader && (\n        <CardHeader\n          title={title}\n          subheader={subheader}\n          action={action}\n          sx={headerSx}\n        />\n      )}\n      {useComposition ? (\n        <CardContent sx={contentSx}>{children}</CardContent>\n      ) : (\n        children\n      )}\n    </MuiCard>\n  );\n}\n\nexport default Card;\n"],"names":["MuiCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAA0C;AAAA,EAC9C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAOO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAAoC;AAClC,SAAO,CAAC,UAAW;AAAA,IACjB,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,WAAW,YAAY,aAAa,MAAM,QAAQ,CAAC,IAAI;AAAA,IACvD,QACE,YAAY,aACR,aAAa,MAAM,QAAQ,OAAO,KAClC;AAAA,IACN,YAAY,MAAM,YAAY;AAAA,MAC5B,CAAC,cAAc,aAAa,cAAc;AAAA,MAC1C,EAAE,UAAU,MAAM,YAAY,SAAS,QAAA;AAAA,IAAQ;AAAA,IAEjD,QAAQ,YAAY,YAAY;AAAA,KAC5B,aAAa;AAAA,IACf,WAAW;AAAA,MACT,WACE,YAAY,aACR,MAAM,QAAQ,CAAC,IACf,YAAY,aACV,MAAM,QAAQ,CAAC,IACf;AAAA,MACR,WAAW,YAAY,UAAU,qBAAqB;AAAA,IAAA;AAAA,IAExD,YAAY;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EACb,IAzBe;AAAA,IA2BjB,GAAG,WAAW,OAAO;AAAA,EAAA;AAEzB;ACAO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAAc;AACZ,QAAM,QAAQ,SAAA;AAEd,QAAM,kBAA+B,SACjC,aACC,4BAAW;AAEhB,QAAM,WAAW,cAAc,QAAQ,QAAQ,KAAK;AAEpD,QAAM,YACJ,SAAS,QAAQ,aAAa,QAAQ,UAAU;AAGlD,QAAM,iBAAiB,aAAa,aAAa;AAEjD,QAAM,SAAyB;AAAA,IAC7B,YAAY;AAAA,MACV,SAAS;AAAA,MACT,SAAS,iBAAiB,SAAS;AAAA,MACnC,WAAW,aAAa,QAAQ,OAAO;AAAA,IAAA,CACxC;AAAA,IACD,GAAI,WAAW,CAAC,QAAQ,IAAI,CAAA;AAAA,IAC5B,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MAEV,UAAA;AAAA,QAAA,aACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGP,iBACC,oBAAC,aAAA,EAAY,IAAI,WAAY,UAAS,IAEtC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}