@soyfri/shared-library 4.0.4 → 4.1.0

package/chunks/Spinner-D3Klgy3Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-D3Klgy3Z.cjs","sources":["../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport { Box, CircularProgress, Typography, type BoxProps } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { mergeSx } from '../_shared/mergeSx';\n\nexport type SpinnerSize = 'sm' | 'md' | 'lg' | number;\n\nexport type SpinnerColor =\n  | 'primary'\n  | 'secondary'\n  | 'inherit'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning';\n\nexport interface SpinnerProps extends Omit<BoxProps, 'color' | 'children'> {\n  /** Tamaño: `sm`=20, `md`=40, `lg`=56, o un número de px. Default: `md`. */\n  size?: SpinnerSize;\n  /** Color del indicador. Default: `primary`. */\n  color?: SpinnerColor;\n  /** Grosor del trazo. Default: 3.6 (default de MUI). */\n  thickness?: number;\n  /**\n   * Si `true`, centra el spinner en un contenedor flex de ancho completo.\n   * Útil para estados de carga de página/sección.\n   */\n  centered?: boolean;\n  /** Texto opcional debajo del spinner. */\n  label?: ReactNode;\n  /** sx del contenedor (o del propio spinner si no hay `centered`/`label`). */\n  sx?: SxProps<Theme>;\n  className?: string;\n  /** Texto accesible. Default: \"Cargando\". */\n  'aria-label'?: string;\n}\n\nconst sizeMap: Record<Exclude<SpinnerSize, number>, number> = {\n  sm: 20,\n  md: 40,\n  lg: 56,\n};\n\nconst resolveSize = (size: SpinnerSize): number =>\n  typeof size === 'number' ? size : sizeMap[size];\n\nexport const Spinner = forwardRef<HTMLElement, SpinnerProps>(function Spinner(\n  {\n    size = 'md',\n    color = 'primary',\n    thickness,\n    centered = false,\n    label,\n    sx,\n    'aria-label': ariaLabel = 'Cargando',\n    ...rest\n  },\n  ref,\n) {\n  const px = resolveSize(size);\n\n  const spinner = (\n    <CircularProgress\n      size={px}\n      color={color}\n      thickness={thickness}\n      role=\"status\"\n      aria-label={ariaLabel}\n      // Cuando no hay contenedor (ni centered ni label), el sx va al spinner.\n      sx={centered || label ? undefined : sx}\n    />\n  );\n\n  if (!centered && !label) {\n    return (\n      <Box ref={ref} component=\"span\" {...rest}>\n        {spinner}\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      ref={ref}\n      {...rest}\n      sx={mergeSx(\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 1.5,\n          ...(centered && { width: '100%', minHeight: 120 }),\n        },\n        sx,\n      )}\n    >\n      {spinner}\n      {label != null && (\n        <Typography variant=\"body2\" sx={{ color: 'text.secondary' }}>\n          {label}\n        </Typography>\n      )}\n    </Box>\n  );\n});\n\nexport default Spinner;\n"],"names":["forwardRef","Spinner","jsx","CircularProgress","Box","jsxs","mergeSx","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM,UAAwD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,cAAc,CAAC,SACnB,OAAO,SAAS,WAAW,OAAO,QAAQ,IAAI;AAEzC,MAAM,UAAUA,MAAAA,WAAsC,SAASC,SACpE,IAUA,KACA;AAXA,eACE;AAAA,WAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,cAAc,YAAY;AAAA,MAP5B,IAQK,iBARL,IAQK;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,KAAK,YAAY,IAAI;AAE3B,QAAM,UACJC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MAEZ,IAAI,YAAY,QAAQ,SAAY;AAAA,IAAA;AAAA,EAAA;AAIxC,MAAI,CAAC,YAAY,CAAC,OAAO;AACvB,0CACGC,cAAA,+BAAI,KAAU,WAAU,UAAW,OAAnC,EACE,UAAA,UACH;AAAA,EAEJ;AAEA,SACEC,2BAAAA;AAAAA,IAACD,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,OACI,OAFL;AAAA,MAGC,IAAIE,QAAAA;AAAAA,QACF;AAAA,UACE,SAAS;AAAA,UACT,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,KAAK;AAAA,WACD,YAAY,EAAE,OAAO,QAAQ,WAAW,IAAA;AAAA,QAE9C;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA;AAAA,QACA,SAAS,QACRJ,2BAAAA,IAACK,SAAAA,YAAA,EAAW,SAAQ,SAAQ,IAAI,EAAE,OAAO,oBACtC,UAAA,MAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;;"}

package/chunks/Stat-BYqc3PFf.cjs

@@ -0,0 +1,149 @@
+"use strict";
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const styles = require("@mui/material/styles");
+const StatRoot = styles.styled(material.Box, { name: "FriStat", slot: "Root" })({});
+const Stat = React.forwardRef(function Stat2(inProps, ref) {
+  const props = styles.useThemeProps({ props: inProps, name: "FriStat" });
+  const _a = props, {
+    label,
+    value,
+    variant,
+    secondaryValue,
+    accentColor,
+    chipColor,
+    chips = [],
+    renderValue,
+    children,
+    stat: stat,
+    stat2,
+    color,
+    simple,
+    chip,
+    chipList,
+    statDisplay
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "value",
+    "variant",
+    "secondaryValue",
+    "accentColor",
+    "chipColor",
+    "chips",
+    "renderValue",
+    "children",
+    // legacy
+    "stat",
+    "stat2",
+    "color",
+    "simple",
+    "chip",
+    "chipList",
+    "statDisplay"
+  ]);
+  const resolvedVariant = React.useMemo(() => {
+    if (variant) return variant;
+    if (simple) return "inline";
+    if (chip) return "chip";
+    if (chipList) return "chipList";
+    return "block";
+  }, [variant, simple, chip, chipList]);
+  const resolvedValue = value != null ? value : stat;
+  const resolvedSecondary = secondaryValue != null ? secondaryValue : stat2;
+  const resolvedAccent = accentColor != null ? accentColor : color;
+  const display = renderValue != null ? renderValue : statDisplay;
+  const contenidoValor = display ? display(resolvedValue) : resolvedValue;
+  const chipSx = (fondo) => __spreadValues(__spreadProps(__spreadValues({}, fondo ? { backgroundColor: fondo } : {}), {
+    color: (theme) => fondo ? theme.palette.getContrastText(fondo) : theme.palette.primary.contrastText,
+    fontWeight: "bold"
+  }), fondo ? {} : { backgroundColor: "primary.main" });
+  return /* @__PURE__ */ jsxRuntime.jsxs(StatRoot, __spreadProps(__spreadValues({ ref }, rest), { children: [
+    resolvedVariant === "block" && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "fri-Stat-block stat", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", "data-testid": "selection-template-option-outlet", children: contenidoValor }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        material.Box,
+        {
+          className: "fri-Stat-label stat__label",
+          display: "flex",
+          alignItems: "center",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Box,
+              {
+                width: 40,
+                height: 4,
+                "data-testid": "stat-border",
+                borderRadius: 2,
+                sx: { backgroundColor: resolvedAccent != null ? resolvedAccent : "primary.main" }
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    resolvedVariant === "inline" && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", "data-testid": "selection-template-option-outlet", children: contenidoValor }),
+      resolvedSecondary != null && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: resolvedSecondary })
+    ] }),
+    resolvedVariant === "chip" && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.Chip,
+        {
+          "data-testid": "chip-template-option-outlet",
+          label: contenidoValor,
+          sx: chipSx(chipColor)
+        }
+      )
+    ] }),
+    resolvedVariant === "chipList" && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { direction: "row", spacing: 1, children: chips.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        material.Chip,
+        {
+          label: item.stat,
+          sx: chipSx(item.chipColor)
+        },
+        `${String(item.stat)}-${i}`
+      )) })
+    ] }),
+    children
+  ] }));
+});
+exports.Stat = Stat;
+//# sourceMappingURL=Stat-BYqc3PFf.cjs.map

package/chunks/Stat-BYqc3PFf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat-BYqc3PFf.cjs","sources":["../../src/components/Stat/Stat.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, type ReactNode } from 'react';\nimport { Chip, Stack, Typography, Box, type BoxProps } from '@mui/material';\nimport { styled, useThemeProps } from '@mui/material/styles';\n\n/** Un chip de la variante `chipList`. */\nexport interface StatChip {\n  stat: ReactNode;\n  /** Color de fondo del chip. El texto se calcula por contraste. */\n  chipColor: string;\n}\n\nexport type StatVariant = 'block' | 'inline' | 'chip' | 'chipList';\n\nexport interface StatProps extends Omit<BoxProps, 'children' | 'color'> {\n  /** Nombre de la métrica. */\n  label: ReactNode;\n  /** Valor de la métrica. */\n  value?: ReactNode;\n  /**\n   * Forma de la métrica:\n   * - `block` (default): valor grande arriba, label + barra de acento debajo.\n   * - `inline`: label y valor en una fila.\n   * - `chip`: el valor va dentro de una píldora.\n   * - `chipList`: varias píldoras, una por estado (`chips`).\n   */\n  variant?: StatVariant;\n  /** Valor comparativo, al lado del principal. Sólo en `inline`. */\n  secondaryValue?: ReactNode;\n  /** Color de la barra de acento. Default: `palette.primary.main`. */\n  accentColor?: string;\n  /** Color de fondo de la píldora en `chip`. Default: `palette.primary.main`. */\n  chipColor?: string;\n  /** Chips de la variante `chipList`. */\n  chips?: StatChip[];\n  /** Render custom del valor. */\n  renderValue?: (value: ReactNode) => ReactNode;\n  /** Contenido extra, después de la métrica. */\n  children?: ReactNode;\n\n  // ── API legacy (deprecada, sigue funcionando) ──────────────────────────\n  /** @deprecated Usar `value`. */\n  stat?: ReactNode;\n  /** @deprecated Usar `secondaryValue`. */\n  stat2?: ReactNode;\n  /** @deprecated Usar `accentColor`. */\n  color?: string;\n  /** @deprecated Usar `variant=\"inline\"`. */\n  simple?: boolean;\n  /** @deprecated Usar `variant=\"chip\"`. */\n  chip?: boolean;\n  /** @deprecated Usar `variant=\"chipList\"`. */\n  chipList?: boolean;\n  /** @deprecated Usar `renderValue`. */\n  statDisplay?: (value: ReactNode) => ReactNode;\n}\n\n/** Root themeable vía `theme.components.FriStat`. */\nconst StatRoot = styled(Box, { name: 'FriStat', slot: 'Root' })({});\n\n/**\n * Métrica con label. Cuatro formas según `variant`.\n *\n * Los colores por defecto salen del theme (`palette.primary.main`); el texto de\n * los chips se calcula con `getContrastText` sobre el color de fondo, así que\n * un chip claro no queda con texto blanco ilegible — antes era `#fff` fijo.\n */\nexport const Stat = forwardRef<HTMLDivElement, StatProps>(function Stat(inProps, ref) {\n  const props = useThemeProps({ props: inProps, name: 'FriStat' });\n  const {\n    label,\n    value,\n    variant,\n    secondaryValue,\n    accentColor,\n    chipColor,\n    chips = [],\n    renderValue,\n    children,\n    // legacy\n    stat,\n    stat2,\n    color,\n    simple,\n    chip,\n    chipList,\n    statDisplay,\n    ...rest\n  } = props;\n\n  // La API vieja pasaba la variante por flags booleanos sueltos. Se traduce a\n  // `variant` una sola vez acá, y el resto del componente ya no la conoce.\n  const resolvedVariant: StatVariant = useMemo(() => {\n    if (variant) return variant;\n    if (simple) return 'inline';\n    if (chip) return 'chip';\n    if (chipList) return 'chipList';\n    return 'block';\n  }, [variant, simple, chip, chipList]);\n\n  const resolvedValue = value ?? stat;\n  const resolvedSecondary = secondaryValue ?? stat2;\n  const resolvedAccent = accentColor ?? color;\n  const display = renderValue ?? statDisplay;\n  const contenidoValor = display ? display(resolvedValue) : resolvedValue;\n\n  const chipSx = (fondo: string | undefined) => ({\n    ...(fondo ? { backgroundColor: fondo } : {}),\n    color: (theme: import('@mui/material/styles').Theme) =>\n      fondo ? theme.palette.getContrastText(fondo) : theme.palette.primary.contrastText,\n    fontWeight: 'bold',\n    ...(fondo ? {} : { backgroundColor: 'primary.main' }),\n  });\n\n  return (\n    <StatRoot ref={ref} {...rest}>\n      {resolvedVariant === 'block' && (\n        <Box className=\"fri-Stat-block stat\">\n          <Typography variant=\"h4\" data-testid=\"selection-template-option-outlet\">\n            {contenidoValor}\n          </Typography>\n          <Box\n            className=\"fri-Stat-label stat__label\"\n            display=\"flex\"\n            alignItems=\"center\"\n            gap={1}\n          >\n            <Typography variant=\"body1\">{label}</Typography>\n            <Box\n              width={40}\n              height={4}\n              data-testid=\"stat-border\"\n              borderRadius={2}\n              sx={{ backgroundColor: resolvedAccent ?? 'primary.main' }}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {resolvedVariant === 'inline' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Typography variant=\"h6\" data-testid=\"selection-template-option-outlet\">\n            {contenidoValor}\n          </Typography>\n          {resolvedSecondary != null && <Typography>{resolvedSecondary}</Typography>}\n        </Stack>\n      )}\n\n      {resolvedVariant === 'chip' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Chip\n            data-testid=\"chip-template-option-outlet\"\n            label={contenidoValor}\n            sx={chipSx(chipColor)}\n          />\n        </Stack>\n      )}\n\n      {resolvedVariant === 'chipList' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Stack direction=\"row\" spacing={1}>\n            {chips.map((item, i) => (\n              <Chip\n                key={`${String(item.stat)}-${i}`}\n                label={item.stat}\n                sx={chipSx(item.chipColor)}\n              />\n            ))}\n          </Stack>\n        </Stack>\n      )}\n\n      {children}\n    </StatRoot>\n  );\n});\n\nexport default Stat;\n"],"names":["styled","Box","forwardRef","Stat","useThemeProps","useMemo","jsxs","jsx","Typography","Stack","Chip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,MAAM,WAAWA,OAAAA,OAAOC,SAAAA,KAAK,EAAE,MAAM,WAAW,MAAM,QAAQ,EAAE,EAAE;AAS3D,MAAM,OAAOC,MAAAA,WAAsC,SAASC,MAAK,SAAS,KAAK;AACpF,QAAM,QAAQC,OAAAA,cAAc,EAAE,OAAO,SAAS,MAAM,WAAW;AAC/D,QAmBI,YAlBF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAA;AAAA,IACR;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,iBACD,IADC;AAAA,IAjBH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAMF,QAAM,kBAA+BC,MAAAA,QAAQ,MAAM;AACjD,QAAI,QAAS,QAAO;AACpB,QAAI,OAAQ,QAAO;AACnB,QAAI,KAAM,QAAO;AACjB,QAAI,SAAU,QAAO;AACrB,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,QAAQ,MAAM,QAAQ,CAAC;AAEpC,QAAM,gBAAgB,wBAAS;AAC/B,QAAM,oBAAoB,0CAAkB;AAC5C,QAAM,iBAAiB,oCAAe;AACtC,QAAM,UAAU,oCAAe;AAC/B,QAAM,iBAAiB,UAAU,QAAQ,aAAa,IAAI;AAE1D,QAAM,SAAS,CAAC,UAA+B,gDACzC,QAAQ,EAAE,iBAAiB,MAAA,IAAU,CAAA,IADI;AAAA,IAE7C,OAAO,CAAC,UACN,QAAQ,MAAM,QAAQ,gBAAgB,KAAK,IAAI,MAAM,QAAQ,QAAQ;AAAA,IACvE,YAAY;AAAA,MACR,QAAQ,CAAA,IAAK,EAAE,iBAAiB,eAAA;AAGtC,SACEC,2BAAAA,KAAC,UAAA,+BAAS,OAAc,OAAvB,EACE,UAAA;AAAA,IAAA,oBAAoB,WACnBA,gCAACL,SAAAA,KAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAAM,+BAACC,SAAAA,YAAA,EAAW,SAAQ,MAAK,eAAY,oCAClC,UAAA,gBACH;AAAA,MACAF,2BAAAA;AAAAA,QAACL,SAAAA;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,KAAK;AAAA,UAEL,UAAA;AAAA,YAAAM,2BAAAA,IAACC,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,YACnCD,2BAAAA;AAAAA,cAACN,SAAAA;AAAAA,cAAA;AAAA,gBACC,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,eAAY;AAAA,gBACZ,cAAc;AAAA,gBACd,IAAI,EAAE,iBAAiB,0CAAkB,eAAA;AAAA,cAAe;AAAA,YAAA;AAAA,UAC1D;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAGD,oBAAoB,YACnBK,gCAACG,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAF,2BAAAA,IAACC,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,qCAClCA,SAAAA,YAAA,EAAW,SAAQ,MAAK,eAAY,oCAClC,UAAA,gBACH;AAAA,MACC,qBAAqB,QAAQD,2BAAAA,IAACC,SAAAA,YAAA,EAAY,UAAA,kBAAA,CAAkB;AAAA,IAAA,GAC/D;AAAA,IAGD,oBAAoB,UACnBF,gCAACG,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAF,2BAAAA,IAACC,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnCD,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,IAAI,OAAO,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IAGD,oBAAoB,cACnBJ,gCAACG,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAF,2BAAAA,IAACC,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnCD,2BAAAA,IAACE,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAC7B,UAAA,MAAM,IAAI,CAAC,MAAM,MAChBF,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,IAAI,OAAO,KAAK,SAAS;AAAA,QAAA;AAAA,QAFpB,GAAG,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC;AAAA,MAAA,CAIjC,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAGD;AAAA,EAAA,IACH;AAEJ,CAAC;;"}

package/chunks/Stat-DX2kcT36.mjs

@@ -0,0 +1,150 @@
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import { Box, Typography, Stack, Chip } from "@mui/material";
+import { useThemeProps, styled } from "@mui/material/styles";
+const StatRoot = styled(Box, { name: "FriStat", slot: "Root" })({});
+const Stat = forwardRef(function Stat2(inProps, ref) {
+  const props = useThemeProps({ props: inProps, name: "FriStat" });
+  const _a = props, {
+    label,
+    value,
+    variant,
+    secondaryValue,
+    accentColor,
+    chipColor,
+    chips = [],
+    renderValue,
+    children,
+    stat: stat,
+    stat2,
+    color,
+    simple,
+    chip,
+    chipList,
+    statDisplay
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "value",
+    "variant",
+    "secondaryValue",
+    "accentColor",
+    "chipColor",
+    "chips",
+    "renderValue",
+    "children",
+    // legacy
+    "stat",
+    "stat2",
+    "color",
+    "simple",
+    "chip",
+    "chipList",
+    "statDisplay"
+  ]);
+  const resolvedVariant = useMemo(() => {
+    if (variant) return variant;
+    if (simple) return "inline";
+    if (chip) return "chip";
+    if (chipList) return "chipList";
+    return "block";
+  }, [variant, simple, chip, chipList]);
+  const resolvedValue = value != null ? value : stat;
+  const resolvedSecondary = secondaryValue != null ? secondaryValue : stat2;
+  const resolvedAccent = accentColor != null ? accentColor : color;
+  const display = renderValue != null ? renderValue : statDisplay;
+  const contenidoValor = display ? display(resolvedValue) : resolvedValue;
+  const chipSx = (fondo) => __spreadValues(__spreadProps(__spreadValues({}, fondo ? { backgroundColor: fondo } : {}), {
+    color: (theme) => fondo ? theme.palette.getContrastText(fondo) : theme.palette.primary.contrastText,
+    fontWeight: "bold"
+  }), fondo ? {} : { backgroundColor: "primary.main" });
+  return /* @__PURE__ */ jsxs(StatRoot, __spreadProps(__spreadValues({ ref }, rest), { children: [
+    resolvedVariant === "block" && /* @__PURE__ */ jsxs(Box, { className: "fri-Stat-block stat", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h4", "data-testid": "selection-template-option-outlet", children: contenidoValor }),
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          className: "fri-Stat-label stat__label",
+          display: "flex",
+          alignItems: "center",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                width: 40,
+                height: 4,
+                "data-testid": "stat-border",
+                borderRadius: 2,
+                sx: { backgroundColor: resolvedAccent != null ? resolvedAccent : "primary.main" }
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    resolvedVariant === "inline" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", "data-testid": "selection-template-option-outlet", children: contenidoValor }),
+      resolvedSecondary != null && /* @__PURE__ */ jsx(Typography, { children: resolvedSecondary })
+    ] }),
+    resolvedVariant === "chip" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsx(
+        Chip,
+        {
+          "data-testid": "chip-template-option-outlet",
+          label: contenidoValor,
+          sx: chipSx(chipColor)
+        }
+      )
+    ] }),
+    resolvedVariant === "chipList" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, children: chips.map((item, i) => /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: item.stat,
+          sx: chipSx(item.chipColor)
+        },
+        `${String(item.stat)}-${i}`
+      )) })
+    ] }),
+    children
+  ] }));
+});
+export {
+  Stat as S
+};
+//# sourceMappingURL=Stat-DX2kcT36.mjs.map

package/chunks/Stat-DX2kcT36.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat-DX2kcT36.mjs","sources":["../../src/components/Stat/Stat.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, type ReactNode } from 'react';\nimport { Chip, Stack, Typography, Box, type BoxProps } from '@mui/material';\nimport { styled, useThemeProps } from '@mui/material/styles';\n\n/** Un chip de la variante `chipList`. */\nexport interface StatChip {\n  stat: ReactNode;\n  /** Color de fondo del chip. El texto se calcula por contraste. */\n  chipColor: string;\n}\n\nexport type StatVariant = 'block' | 'inline' | 'chip' | 'chipList';\n\nexport interface StatProps extends Omit<BoxProps, 'children' | 'color'> {\n  /** Nombre de la métrica. */\n  label: ReactNode;\n  /** Valor de la métrica. */\n  value?: ReactNode;\n  /**\n   * Forma de la métrica:\n   * - `block` (default): valor grande arriba, label + barra de acento debajo.\n   * - `inline`: label y valor en una fila.\n   * - `chip`: el valor va dentro de una píldora.\n   * - `chipList`: varias píldoras, una por estado (`chips`).\n   */\n  variant?: StatVariant;\n  /** Valor comparativo, al lado del principal. Sólo en `inline`. */\n  secondaryValue?: ReactNode;\n  /** Color de la barra de acento. Default: `palette.primary.main`. */\n  accentColor?: string;\n  /** Color de fondo de la píldora en `chip`. Default: `palette.primary.main`. */\n  chipColor?: string;\n  /** Chips de la variante `chipList`. */\n  chips?: StatChip[];\n  /** Render custom del valor. */\n  renderValue?: (value: ReactNode) => ReactNode;\n  /** Contenido extra, después de la métrica. */\n  children?: ReactNode;\n\n  // ── API legacy (deprecada, sigue funcionando) ──────────────────────────\n  /** @deprecated Usar `value`. */\n  stat?: ReactNode;\n  /** @deprecated Usar `secondaryValue`. */\n  stat2?: ReactNode;\n  /** @deprecated Usar `accentColor`. */\n  color?: string;\n  /** @deprecated Usar `variant=\"inline\"`. */\n  simple?: boolean;\n  /** @deprecated Usar `variant=\"chip\"`. */\n  chip?: boolean;\n  /** @deprecated Usar `variant=\"chipList\"`. */\n  chipList?: boolean;\n  /** @deprecated Usar `renderValue`. */\n  statDisplay?: (value: ReactNode) => ReactNode;\n}\n\n/** Root themeable vía `theme.components.FriStat`. */\nconst StatRoot = styled(Box, { name: 'FriStat', slot: 'Root' })({});\n\n/**\n * Métrica con label. Cuatro formas según `variant`.\n *\n * Los colores por defecto salen del theme (`palette.primary.main`); el texto de\n * los chips se calcula con `getContrastText` sobre el color de fondo, así que\n * un chip claro no queda con texto blanco ilegible — antes era `#fff` fijo.\n */\nexport const Stat = forwardRef<HTMLDivElement, StatProps>(function Stat(inProps, ref) {\n  const props = useThemeProps({ props: inProps, name: 'FriStat' });\n  const {\n    label,\n    value,\n    variant,\n    secondaryValue,\n    accentColor,\n    chipColor,\n    chips = [],\n    renderValue,\n    children,\n    // legacy\n    stat,\n    stat2,\n    color,\n    simple,\n    chip,\n    chipList,\n    statDisplay,\n    ...rest\n  } = props;\n\n  // La API vieja pasaba la variante por flags booleanos sueltos. Se traduce a\n  // `variant` una sola vez acá, y el resto del componente ya no la conoce.\n  const resolvedVariant: StatVariant = useMemo(() => {\n    if (variant) return variant;\n    if (simple) return 'inline';\n    if (chip) return 'chip';\n    if (chipList) return 'chipList';\n    return 'block';\n  }, [variant, simple, chip, chipList]);\n\n  const resolvedValue = value ?? stat;\n  const resolvedSecondary = secondaryValue ?? stat2;\n  const resolvedAccent = accentColor ?? color;\n  const display = renderValue ?? statDisplay;\n  const contenidoValor = display ? display(resolvedValue) : resolvedValue;\n\n  const chipSx = (fondo: string | undefined) => ({\n    ...(fondo ? { backgroundColor: fondo } : {}),\n    color: (theme: import('@mui/material/styles').Theme) =>\n      fondo ? theme.palette.getContrastText(fondo) : theme.palette.primary.contrastText,\n    fontWeight: 'bold',\n    ...(fondo ? {} : { backgroundColor: 'primary.main' }),\n  });\n\n  return (\n    <StatRoot ref={ref} {...rest}>\n      {resolvedVariant === 'block' && (\n        <Box className=\"fri-Stat-block stat\">\n          <Typography variant=\"h4\" data-testid=\"selection-template-option-outlet\">\n            {contenidoValor}\n          </Typography>\n          <Box\n            className=\"fri-Stat-label stat__label\"\n            display=\"flex\"\n            alignItems=\"center\"\n            gap={1}\n          >\n            <Typography variant=\"body1\">{label}</Typography>\n            <Box\n              width={40}\n              height={4}\n              data-testid=\"stat-border\"\n              borderRadius={2}\n              sx={{ backgroundColor: resolvedAccent ?? 'primary.main' }}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {resolvedVariant === 'inline' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Typography variant=\"h6\" data-testid=\"selection-template-option-outlet\">\n            {contenidoValor}\n          </Typography>\n          {resolvedSecondary != null && <Typography>{resolvedSecondary}</Typography>}\n        </Stack>\n      )}\n\n      {resolvedVariant === 'chip' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Chip\n            data-testid=\"chip-template-option-outlet\"\n            label={contenidoValor}\n            sx={chipSx(chipColor)}\n          />\n        </Stack>\n      )}\n\n      {resolvedVariant === 'chipList' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Stack direction=\"row\" spacing={1}>\n            {chips.map((item, i) => (\n              <Chip\n                key={`${String(item.stat)}-${i}`}\n                label={item.stat}\n                sx={chipSx(item.chipColor)}\n              />\n            ))}\n          </Stack>\n        </Stack>\n      )}\n\n      {children}\n    </StatRoot>\n  );\n});\n\nexport default Stat;\n"],"names":["Stat"],"mappings":"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"}

package/chunks/StatusMessage-B0oqiu3w.mjs

@@ -0,0 +1,102 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useId } from "react";
+import { Dialog, DialogContent, Box, Typography, DialogActions, Button, Alert } from "@mui/material";
+import { useThemeProps } from "@mui/material/styles";
+import { m as mergeSx } from "./mergeSx-BXoNZjB_.mjs";
+import { CheckCircleOutline, ErrorOutline, WarningAmber } from "@mui/icons-material";
+const StatusMessage = forwardRef(
+  function StatusMessage2(inProps, ref) {
+    const props = useThemeProps({ props: inProps, name: "FriStatusMessage" });
+    const {
+      title,
+      description,
+      messageType = "success",
+      displayType = "alert",
+      close,
+      open: controlledOpen,
+      sx,
+      className
+    } = props;
+    const [internalOpen, setInternalOpen] = useState(true);
+    const titleId = useId();
+    const descId = useId();
+    const isControlled = controlledOpen !== void 0;
+    const isOpen = isControlled ? controlledOpen : internalOpen;
+    const handleClose = () => {
+      if (!isControlled) setInternalOpen(false);
+      close == null ? void 0 : close();
+    };
+    const alertVariant = messageType === "danger" ? "error" : messageType;
+    const icon = messageType === "success" ? /* @__PURE__ */ jsx(CheckCircleOutline, { sx: { fontSize: 64, color: "success.main" } }) : messageType === "danger" ? /* @__PURE__ */ jsx(ErrorOutline, { sx: { fontSize: 64, color: "error.main" } }) : /* @__PURE__ */ jsx(WarningAmber, { sx: { fontSize: 64, color: "warning.main" } });
+    if (!description) return null;
+    if (!isOpen) return null;
+    if (displayType === "modal") {
+      return /* @__PURE__ */ jsxs(
+        Dialog,
+        {
+          ref,
+          className,
+          sx,
+          open: isOpen,
+          onClose: handleClose,
+          "aria-labelledby": title ? titleId : void 0,
+          "aria-describedby": descId,
+          maxWidth: "md",
+          slotProps: {
+            paper: {
+              sx: { borderRadius: "16px", p: 2 }
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              DialogContent,
+              {
+                sx: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  textAlign: "center",
+                  p: 4,
+                  gap: 2
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: icon }),
+                  title && /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      id: titleId,
+                      variant: "h4",
+                      component: "h2",
+                      sx: { fontWeight: "bold" },
+                      children: title
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Typography, { id: descId, variant: "body1", color: "text.secondary", children: description })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(DialogActions, { sx: { justifyContent: "center", p: 2 }, children: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "contained", color: alertVariant, children: "Aceptar" }) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      Alert,
+      {
+        ref,
+        className,
+        severity: alertVariant,
+        sx: mergeSx({ mb: 2, mt: 2 }, sx),
+        onClose: close !== void 0 ? handleClose : void 0,
+        children: [
+          title && /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 1 }, children: description })
+        ]
+      }
+    );
+  }
+);
+export {
+  StatusMessage as S
+};
+//# sourceMappingURL=StatusMessage-B0oqiu3w.mjs.map

package/chunks/StatusMessage-B0oqiu3w.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMessage-B0oqiu3w.mjs","sources":["../../src/components/StatusMessage/StatusMessage.tsx"],"sourcesContent":["import { forwardRef, useId, useState } from 'react';\nimport {\n  Alert,\n  Box,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogActions,\n  Button,\n} from '@mui/material';\nimport { useThemeProps, type SxProps, type Theme } from '@mui/material/styles';\n\nimport { mergeSx } from '../_shared/mergeSx';\nimport {\n  ErrorOutline as ErrorOutlineIcon,\n  CheckCircleOutline as CheckCircleOutlineIcon,\n  WarningAmber as WarningAmberIcon,\n} from '@mui/icons-material';\n\nexport interface StatusMessageProps {\n  /** Título del mensaje. */\n  title?: string;\n  /** Descripción/contenido detallado. Requerido para que el componente renderice. */\n  description?: string;\n  /** Tipo de mensaje (controla color + icono). `danger` mapea a `error` de MUI. */\n  messageType?: 'success' | 'danger' | 'warning';\n  /** Forma de presentación: alerta inline o modal. Default: `'alert'`. */\n  displayType?: 'alert' | 'modal';\n  /** Callback al cerrar. Si se omite, no se muestra botón de cerrar. */\n  close?: () => void;\n  /**\n   * Controla visibilidad. Si se omite, el componente maneja su propio\n   * state (se oculta solo al llamar `close`). Si se pasa, queda controlled\n   * y el consumer es responsable de actualizarlo.\n   */\n  open?: boolean;\n  /**\n   * sx del nodo raíz: el `Alert` en modo `alert`, el `Dialog` en modo `modal`.\n   * Antes el componente no aceptaba ni `sx` ni `className`, así que ajustar su\n   * separación desde el call-site era imposible.\n   */\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/**\n * Mensaje de éxito / error / advertencia en forma de alerta inline o modal.\n *\n * - **Uncontrolled**: sin pasar `open`, el componente maneja su propia\n *   visibilidad. Al llamar `close`, se oculta automáticamente.\n * - **Controlled**: pasando `open`, el consumer decide cuándo mostrar/ocultar.\n */\nexport const StatusMessage = forwardRef<HTMLDivElement, StatusMessageProps>(\n  function StatusMessage(inProps, ref) {\n  const props = useThemeProps({ props: inProps, name: 'FriStatusMessage' });\n  const {\n    title,\n    description,\n    messageType = 'success',\n    displayType = 'alert',\n    close,\n    open: controlledOpen,\n    sx,\n    className,\n  } = props;\n  const [internalOpen, setInternalOpen] = useState(true);\n  const titleId = useId();\n  const descId = useId();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleClose = () => {\n    if (!isControlled) setInternalOpen(false);\n    close?.();\n  };\n\n  const alertVariant = messageType === 'danger' ? 'error' : messageType;\n\n  const icon =\n    messageType === 'success' ? (\n      <CheckCircleOutlineIcon sx={{ fontSize: 64, color: 'success.main' }} />\n    ) : messageType === 'danger' ? (\n      <ErrorOutlineIcon sx={{ fontSize: 64, color: 'error.main' }} />\n    ) : (\n      <WarningAmberIcon sx={{ fontSize: 64, color: 'warning.main' }} />\n    );\n\n  if (!description) return null;\n  if (!isOpen) return null;\n\n  if (displayType === 'modal') {\n    return (\n      <Dialog\n        ref={ref}\n        className={className}\n        sx={sx}\n        open={isOpen}\n        onClose={handleClose}\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={descId}\n        maxWidth=\"md\"\n        slotProps={{\n          paper: {\n            sx: { borderRadius: '16px', p: 2 },\n          },\n        }}\n      >\n        <DialogContent\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            textAlign: 'center',\n            p: 4,\n            gap: 2,\n          }}\n        >\n          <Box sx={{ mb: 2 }}>{icon}</Box>\n          {title && (\n            <Typography\n              id={titleId}\n              variant=\"h4\"\n              component=\"h2\"\n              sx={{ fontWeight: 'bold' }}\n            >\n              {title}\n            </Typography>\n          )}\n          <Typography id={descId} variant=\"body1\" color=\"text.secondary\">\n            {description}\n          </Typography>\n        </DialogContent>\n        <DialogActions sx={{ justifyContent: 'center', p: 2 }}>\n          <Button onClick={handleClose} variant=\"contained\" color={alertVariant}>\n            Aceptar\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Alert\n      ref={ref}\n      className={className}\n      severity={alertVariant}\n      sx={mergeSx({ mb: 2, mt: 2 }, sx)}\n      onClose={close !== undefined ? handleClose : undefined}\n    >\n      {title && (\n        <Typography variant=\"h6\" sx={{ fontWeight: 'bold' }}>\n          {title}\n        </Typography>\n      )}\n      <Typography variant=\"body2\" sx={{ mt: 1 }}>\n        {description}\n      </Typography>\n    </Alert>\n  );\n  },\n);\n\nexport default StatusMessage;\n"],"names":["StatusMessage","CheckCircleOutlineIcon","ErrorOutlineIcon","WarningAmberIcon"],"mappings":"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"}

package/chunks/StatusMessage-CV1xnzeu.cjs

@@ -0,0 +1,101 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const styles = require("@mui/material/styles");
+const mergeSx = require("./mergeSx-Dbccoo_H.cjs");
+const iconsMaterial = require("@mui/icons-material");
+const StatusMessage = React.forwardRef(
+  function StatusMessage2(inProps, ref) {
+    const props = styles.useThemeProps({ props: inProps, name: "FriStatusMessage" });
+    const {
+      title,
+      description,
+      messageType = "success",
+      displayType = "alert",
+      close,
+      open: controlledOpen,
+      sx,
+      className
+    } = props;
+    const [internalOpen, setInternalOpen] = React.useState(true);
+    const titleId = React.useId();
+    const descId = React.useId();
+    const isControlled = controlledOpen !== void 0;
+    const isOpen = isControlled ? controlledOpen : internalOpen;
+    const handleClose = () => {
+      if (!isControlled) setInternalOpen(false);
+      close == null ? void 0 : close();
+    };
+    const alertVariant = messageType === "danger" ? "error" : messageType;
+    const icon = messageType === "success" ? /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.CheckCircleOutline, { sx: { fontSize: 64, color: "success.main" } }) : messageType === "danger" ? /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ErrorOutline, { sx: { fontSize: 64, color: "error.main" } }) : /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.WarningAmber, { sx: { fontSize: 64, color: "warning.main" } });
+    if (!description) return null;
+    if (!isOpen) return null;
+    if (displayType === "modal") {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        material.Dialog,
+        {
+          ref,
+          className,
+          sx,
+          open: isOpen,
+          onClose: handleClose,
+          "aria-labelledby": title ? titleId : void 0,
+          "aria-describedby": descId,
+          maxWidth: "md",
+          slotProps: {
+            paper: {
+              sx: { borderRadius: "16px", p: 2 }
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              material.DialogContent,
+              {
+                sx: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  textAlign: "center",
+                  p: 4,
+                  gap: 2
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 2 }, children: icon }),
+                  title && /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Typography,
+                    {
+                      id: titleId,
+                      variant: "h4",
+                      component: "h2",
+                      sx: { fontWeight: "bold" },
+                      children: title
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { id: descId, variant: "body1", color: "text.secondary", children: description })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(material.DialogActions, { sx: { justifyContent: "center", p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: handleClose, variant: "contained", color: alertVariant, children: "Aceptar" }) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Alert,
+      {
+        ref,
+        className,
+        severity: alertVariant,
+        sx: mergeSx.mergeSx({ mb: 2, mt: 2 }, sx),
+        onClose: close !== void 0 ? handleClose : void 0,
+        children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { mt: 1 }, children: description })
+        ]
+      }
+    );
+  }
+);
+exports.StatusMessage = StatusMessage;
+//# sourceMappingURL=StatusMessage-CV1xnzeu.cjs.map

package/chunks/StatusMessage-CV1xnzeu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMessage-CV1xnzeu.cjs","sources":["../../src/components/StatusMessage/StatusMessage.tsx"],"sourcesContent":["import { forwardRef, useId, useState } from 'react';\nimport {\n  Alert,\n  Box,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogActions,\n  Button,\n} from '@mui/material';\nimport { useThemeProps, type SxProps, type Theme } from '@mui/material/styles';\n\nimport { mergeSx } from '../_shared/mergeSx';\nimport {\n  ErrorOutline as ErrorOutlineIcon,\n  CheckCircleOutline as CheckCircleOutlineIcon,\n  WarningAmber as WarningAmberIcon,\n} from '@mui/icons-material';\n\nexport interface StatusMessageProps {\n  /** Título del mensaje. */\n  title?: string;\n  /** Descripción/contenido detallado. Requerido para que el componente renderice. */\n  description?: string;\n  /** Tipo de mensaje (controla color + icono). `danger` mapea a `error` de MUI. */\n  messageType?: 'success' | 'danger' | 'warning';\n  /** Forma de presentación: alerta inline o modal. Default: `'alert'`. */\n  displayType?: 'alert' | 'modal';\n  /** Callback al cerrar. Si se omite, no se muestra botón de cerrar. */\n  close?: () => void;\n  /**\n   * Controla visibilidad. Si se omite, el componente maneja su propio\n   * state (se oculta solo al llamar `close`). Si se pasa, queda controlled\n   * y el consumer es responsable de actualizarlo.\n   */\n  open?: boolean;\n  /**\n   * sx del nodo raíz: el `Alert` en modo `alert`, el `Dialog` en modo `modal`.\n   * Antes el componente no aceptaba ni `sx` ni `className`, así que ajustar su\n   * separación desde el call-site era imposible.\n   */\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/**\n * Mensaje de éxito / error / advertencia en forma de alerta inline o modal.\n *\n * - **Uncontrolled**: sin pasar `open`, el componente maneja su propia\n *   visibilidad. Al llamar `close`, se oculta automáticamente.\n * - **Controlled**: pasando `open`, el consumer decide cuándo mostrar/ocultar.\n */\nexport const StatusMessage = forwardRef<HTMLDivElement, StatusMessageProps>(\n  function StatusMessage(inProps, ref) {\n  const props = useThemeProps({ props: inProps, name: 'FriStatusMessage' });\n  const {\n    title,\n    description,\n    messageType = 'success',\n    displayType = 'alert',\n    close,\n    open: controlledOpen,\n    sx,\n    className,\n  } = props;\n  const [internalOpen, setInternalOpen] = useState(true);\n  const titleId = useId();\n  const descId = useId();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleClose = () => {\n    if (!isControlled) setInternalOpen(false);\n    close?.();\n  };\n\n  const alertVariant = messageType === 'danger' ? 'error' : messageType;\n\n  const icon =\n    messageType === 'success' ? (\n      <CheckCircleOutlineIcon sx={{ fontSize: 64, color: 'success.main' }} />\n    ) : messageType === 'danger' ? (\n      <ErrorOutlineIcon sx={{ fontSize: 64, color: 'error.main' }} />\n    ) : (\n      <WarningAmberIcon sx={{ fontSize: 64, color: 'warning.main' }} />\n    );\n\n  if (!description) return null;\n  if (!isOpen) return null;\n\n  if (displayType === 'modal') {\n    return (\n      <Dialog\n        ref={ref}\n        className={className}\n        sx={sx}\n        open={isOpen}\n        onClose={handleClose}\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={descId}\n        maxWidth=\"md\"\n        slotProps={{\n          paper: {\n            sx: { borderRadius: '16px', p: 2 },\n          },\n        }}\n      >\n        <DialogContent\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            textAlign: 'center',\n            p: 4,\n            gap: 2,\n          }}\n        >\n          <Box sx={{ mb: 2 }}>{icon}</Box>\n          {title && (\n            <Typography\n              id={titleId}\n              variant=\"h4\"\n              component=\"h2\"\n              sx={{ fontWeight: 'bold' }}\n            >\n              {title}\n            </Typography>\n          )}\n          <Typography id={descId} variant=\"body1\" color=\"text.secondary\">\n            {description}\n          </Typography>\n        </DialogContent>\n        <DialogActions sx={{ justifyContent: 'center', p: 2 }}>\n          <Button onClick={handleClose} variant=\"contained\" color={alertVariant}>\n            Aceptar\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Alert\n      ref={ref}\n      className={className}\n      severity={alertVariant}\n      sx={mergeSx({ mb: 2, mt: 2 }, sx)}\n      onClose={close !== undefined ? handleClose : undefined}\n    >\n      {title && (\n        <Typography variant=\"h6\" sx={{ fontWeight: 'bold' }}>\n          {title}\n        </Typography>\n      )}\n      <Typography variant=\"body2\" sx={{ mt: 1 }}>\n        {description}\n      </Typography>\n    </Alert>\n  );\n  },\n);\n\nexport default StatusMessage;\n"],"names":["forwardRef","StatusMessage","useThemeProps","useState","useId","jsx","CheckCircleOutlineIcon","ErrorOutlineIcon","WarningAmberIcon","jsxs","Dialog","DialogContent","Box","Typography","DialogActions","Button","Alert","mergeSx"],"mappings":"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"}