@soyfri/shared-library 4.0.4 → 4.1.0

package/chunks/Checkbox-Bvky878D.mjs

@@ -0,0 +1,193 @@
+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 { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { FormHelperText, FormControl, Checkbox as Checkbox$1, FormControlLabel } from "@mui/material";
+import { useTheme, styled } from "@mui/material/styles";
+import { Controller } from "react-hook-form";
+import { m as mergeSx } from "./mergeSx-BXoNZjB_.mjs";
+import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.mjs";
+import { F as FIELD_BORDER_RADIUS } from "./tokens-C2AKLGbM.mjs";
+const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+const FOCUS_TRANSITION = "border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
+const buildCheckboxStyles = (theme, { bordered, borderRadius, hasLabel, error }) => {
+  const helper = { "& .MuiFormHelperText-root": { marginLeft: 0 } };
+  if (!bordered) return helper;
+  const acento = error ? theme.palette.error.main : theme.palette.primary.main;
+  return __spreadValues({
+    "& .MuiFormControlLabel-root": __spreadValues(__spreadProps(__spreadValues({
+      marginLeft: 0,
+      marginRight: 0,
+      paddingLeft: theme.spacing(1.5),
+      paddingRight: theme.spacing(1.5),
+      paddingTop: theme.spacing(0.5),
+      paddingBottom: theme.spacing(0.5),
+      border: `1px solid ${error ? theme.palette.error.main : theme.palette.divider}`,
+      borderRadius: toRadius(borderRadius),
+      transition: FOCUS_TRANSITION
+    }, error && { boxShadow: `0 0 0 1px ${theme.palette.error.main}` }), {
+      "&:focus-within": {
+        borderColor: acento,
+        boxShadow: `0 0 0 1px ${acento}`
+      }
+    }), hasLabel && { width: "100%", justifyContent: "space-between" })
+  }, helper);
+};
+const CheckboxRoot = styled(FormControl, {
+  name: "FriCheckbox",
+  slot: "Root",
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(
+  ({ theme, ownerState }) => buildCheckboxStyles(theme, ownerState)
+);
+const Checkbox = forwardRef(function Checkbox2(props, ref) {
+  const _a = props, {
+    label,
+    size = "medium",
+    color = "primary",
+    labelPlacement = "end",
+    indeterminate = false,
+    disabled = false,
+    error = false,
+    helperText,
+    bordered = false,
+    borderRadius = FIELD_BORDER_RADIUS,
+    defaultChecked,
+    preset,
+    sx
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "size",
+    "color",
+    "labelPlacement",
+    "indeterminate",
+    "disabled",
+    "error",
+    "helperText",
+    "bordered",
+    "borderRadius",
+    "defaultChecked",
+    "preset",
+    "sx"
+  ]);
+  const theme = useTheme();
+  const presetSx = resolvePreset("Checkbox", preset, theme);
+  const ownerStateDe = (effectiveError) => ({
+    bordered,
+    borderRadius,
+    hasLabel: !!label,
+    error: effectiveError
+  });
+  const mergedSx = mergeSx(presetSx != null ? presetSx : {}, sx);
+  const renderCheckbox = (checked2, onChange2, onBlur, inputRef) => {
+    const checkboxEl = /* @__PURE__ */ jsx(
+      Checkbox$1,
+      __spreadProps(__spreadValues({}, rest), {
+        size,
+        color,
+        checked: !!checked2,
+        indeterminate,
+        onChange: (_e, next) => onChange2(next),
+        onBlur,
+        inputRef,
+        disabled
+      })
+    );
+    return label ? /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        control: checkboxEl,
+        label,
+        labelPlacement,
+        disabled
+      }
+    ) : checkboxEl;
+  };
+  if ("control" in props && props.control) {
+    const { name, control, validation, onValueChange } = props;
+    return /* @__PURE__ */ jsx(
+      Controller,
+      {
+        name,
+        control,
+        rules: validation,
+        defaultValue: defaultChecked,
+        render: ({ field, fieldState: { error: fieldError } }) => {
+          var _a2;
+          const finalError = !!fieldError || error;
+          const finalHelperText = (_a2 = fieldError == null ? void 0 : fieldError.message) != null ? _a2 : helperText;
+          return /* @__PURE__ */ jsxs(
+            CheckboxRoot,
+            {
+              ref,
+              ownerState: ownerStateDe(finalError),
+              error: finalError,
+              disabled,
+              sx: mergedSx,
+              children: [
+                renderCheckbox(
+                  !!field.value,
+                  (next) => {
+                    field.onChange(next);
+                    onValueChange == null ? void 0 : onValueChange(next);
+                  },
+                  field.onBlur,
+                  field.ref
+                ),
+                finalHelperText && /* @__PURE__ */ jsx(FormHelperText, { children: finalHelperText })
+              ]
+            }
+          );
+        }
+      }
+    );
+  }
+  const { checked, onChange } = props;
+  return /* @__PURE__ */ jsxs(
+    CheckboxRoot,
+    {
+      ref,
+      ownerState: ownerStateDe(error),
+      error,
+      disabled,
+      sx: mergedSx,
+      children: [
+        renderCheckbox(checked, onChange),
+        helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
+      ]
+    }
+  );
+});
+export {
+  Checkbox as C
+};
+//# sourceMappingURL=Checkbox-Bvky878D.mjs.map

package/chunks/Checkbox-Bvky878D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-Bvky878D.mjs","sources":["../../src/components/Checkbox/Checkbox.sx.ts","../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { CSSObject, SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildCheckboxSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  hasLabel: boolean;\n  error: boolean;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\nconst FOCUS_TRANSITION =\n  'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n/**\n * Estilo de fábrica del Checkbox, en CSS real (para `styled()`).\n *\n * Ojo con las unidades: en `sx`, `paddingX: 1.5` son 12px (1.5 × spacing). En\n * CSS plano serían \"1.5px\", así que todo pasa por `theme.spacing`.\n */\nexport const buildCheckboxStyles = (\n  theme: Theme,\n  { bordered, borderRadius, hasLabel, error }: BuildCheckboxSxOptions,\n): CSSObject => {\n  const helper = { '& .MuiFormHelperText-root': { marginLeft: 0 } };\n  if (!bordered) return helper;\n\n  const acento = error ? theme.palette.error.main : theme.palette.primary.main;\n\n  return {\n    '& .MuiFormControlLabel-root': {\n      marginLeft: 0,\n      marginRight: 0,\n      paddingLeft: theme.spacing(1.5),\n      paddingRight: theme.spacing(1.5),\n      paddingTop: theme.spacing(0.5),\n      paddingBottom: theme.spacing(0.5),\n      border: `1px solid ${error ? theme.palette.error.main : theme.palette.divider}`,\n      borderRadius: toRadius(borderRadius),\n      transition: FOCUS_TRANSITION,\n      ...(error && { boxShadow: `0 0 0 1px ${theme.palette.error.main}` }),\n      '&:focus-within': {\n        borderColor: acento,\n        boxShadow: `0 0 0 1px ${acento}`,\n      },\n      ...(hasLabel && { width: '100%', justifyContent: 'space-between' }),\n    },\n    ...helper,\n  };\n};\n\n/**\n * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el\n * `styled()`. Preferir `buildCheckboxStyles`.\n */\nexport const buildCheckboxSx = ({\n  bordered,\n  borderRadius,\n  hasLabel,\n  error,\n}: BuildCheckboxSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  if (!bordered) {\n    return {\n      '& .MuiFormHelperText-root': { marginLeft: 0 },\n    };\n  }\n\n  return (theme) => ({\n    '& .MuiFormControlLabel-root': {\n      marginLeft: 0,\n      marginRight: 0,\n      paddingX: 1.5,\n      paddingY: 0.5,\n      border: `1px solid ${\n        error ? theme.palette.error.main : theme.palette.divider\n      }`,\n      borderRadius: radius,\n      transition: FOCUS_TRANSITION,\n      ...(error && {\n        boxShadow: `0 0 0 1px ${theme.palette.error.main}`,\n      }),\n      '&:focus-within': {\n        borderColor: error\n          ? theme.palette.error.main\n          : theme.palette.primary.main,\n        boxShadow: `0 0 0 1px ${\n          error ? theme.palette.error.main : theme.palette.primary.main\n        }`,\n      },\n      ...(hasLabel && {\n        width: '100%',\n        justifyContent: 'space-between',\n      }),\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n  });\n};\n","import { forwardRef, type Ref } from 'react';\nimport {\n  Checkbox as MuiCheckbox,\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  type CheckboxProps as MuiCheckboxProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { styled, useTheme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildCheckboxStyles, type BuildCheckboxSxOptions } from './Checkbox.sx';\nimport { mergeSx } from '../_shared/mergeSx';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type CheckboxSize = 'small' | 'medium';\nexport type CheckboxLabelPlacement = 'start' | 'end' | 'top' | 'bottom';\nexport type CheckboxColor =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseCheckboxProps\n  extends Omit<\n    MuiCheckboxProps,\n    'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size' | 'color'\n  > {\n  /** Texto al lado del checkbox. Si está ausente, se renderiza solo el control. */\n  label?: string;\n  size?: CheckboxSize;\n  /** Color del checkbox. Default: `'primary'`. */\n  color?: CheckboxColor;\n  /** Posición del label respecto al checkbox. Default: `'end'`. */\n  labelPlacement?: CheckboxLabelPlacement;\n  /** Estado indeterminate (tri-state). Típico para \"select all\" parcial. */\n  indeterminate?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde alrededor del checkbox + label. Default: false. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  /** Valor inicial del checkbox en modo RHF. */\n  defaultChecked?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Checkbox`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  sx?: SxProps<Theme>;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFCheckboxProps extends BaseCheckboxProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos. NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (checked: boolean) => void;\n  checked?: never;\n  onChange?: never;\n}\n\nexport interface ControlledCheckboxProps extends BaseCheckboxProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type CheckboxProps = RHFCheckboxProps | ControlledCheckboxProps;\n\n/** Root themeable vía `theme.components.FriCheckbox`. */\nconst CheckboxRoot = styled(FormControl, {\n  name: 'FriCheckbox',\n  slot: 'Root',\n  shouldForwardProp: (prop) => prop !== 'ownerState',\n})<{ ownerState: BuildCheckboxSxOptions }>(({ theme, ownerState }) =>\n  buildCheckboxStyles(theme, ownerState),\n);\n\nexport const Checkbox = forwardRef<HTMLDivElement, CheckboxProps>(function Checkbox(\n  props,\n  ref,\n) {\n  const {\n    label,\n    size = 'medium',\n    color = 'primary',\n    labelPlacement = 'end',\n    indeterminate = false,\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = false,\n    borderRadius = FIELD_BORDER_RADIUS,\n    defaultChecked,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledCheckboxProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Checkbox', preset, theme);\n\n  // El estilo de fábrica vive en `CheckboxRoot` (styled) y depende del error\n  // efectivo, que difiere por rama (RHF lee el del Controller, el modo\n  // controlado lee el prop `error`) — de ahí que el ownerState se arme acá.\n  const ownerStateDe = (effectiveError: boolean): BuildCheckboxSxOptions => ({\n    bordered,\n    borderRadius,\n    hasLabel: !!label,\n    error: effectiveError,\n  });\n  const mergedSx = mergeSx(presetSx ?? {}, sx);\n\n  const renderCheckbox = (\n    checked: boolean,\n    onChange: (next: boolean) => void,\n    onBlur?: () => void,\n    inputRef?: Ref<HTMLInputElement>,\n  ) => {\n    const checkboxEl = (\n      <MuiCheckbox\n        {...rest}\n        size={size}\n        color={color}\n        checked={!!checked}\n        indeterminate={indeterminate}\n        onChange={(_e, next) => onChange(next)}\n        onBlur={onBlur}\n        inputRef={inputRef}\n        disabled={disabled}\n      />\n    );\n\n    return label ? (\n      <FormControlLabel\n        control={checkboxEl}\n        label={label}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n      />\n    ) : (\n      checkboxEl\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFCheckboxProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultChecked}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const finalError = !!fieldError || error;\n          const finalHelperText = fieldError?.message ?? helperText;\n          return (\n            <CheckboxRoot\n              ref={ref}\n              ownerState={ownerStateDe(finalError)}\n              error={finalError}\n              disabled={disabled}\n              sx={mergedSx}\n            >\n              {renderCheckbox(\n                !!field.value,\n                (next) => {\n                  field.onChange(next);\n                  onValueChange?.(next);\n                },\n                field.onBlur,\n                field.ref,\n              )}\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </CheckboxRoot>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { checked, onChange } = props as ControlledCheckboxProps;\n  return (\n    <CheckboxRoot\n      ref={ref}\n      ownerState={ownerStateDe(error)}\n      error={error}\n      disabled={disabled}\n      sx={mergedSx}\n    >\n      {renderCheckbox(checked, onChange)}\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </CheckboxRoot>\n  );\n});\n\nexport default Checkbox;\n"],"names":["Checkbox","checked","onChange","MuiCheckbox","_a"],"mappings":"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"}

package/chunks/Chip-5QNjzffa.cjs

@@ -0,0 +1,75 @@
+"use strict";
+var __defProp = Object.defineProperty;
+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 __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 Chip = React.forwardRef(function Chip2(_a, ref) {
+  var _b = _a, {
+    label,
+    onClick,
+    onDelete,
+    avatar,
+    icon,
+    disabled = false,
+    variant = "filled",
+    color: color = "default",
+    size: size = "medium"
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "onClick",
+    "onDelete",
+    "avatar",
+    "icon",
+    "disabled",
+    "variant",
+    // Default variant
+    "color",
+    // Default color
+    "size"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Chip,
+    __spreadValues({
+      ref,
+      label,
+      onClick,
+      onDelete,
+      avatar,
+      icon,
+      disabled,
+      variant,
+      color,
+      size,
+      clickable: !!onClick
+    }, rest)
+  );
+});
+exports.Chip = Chip;
+//# sourceMappingURL=Chip-5QNjzffa.cjs.map

package/chunks/Chip-5QNjzffa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-5QNjzffa.cjs","sources":["../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { Chip as MuiChip, ChipProps as MuiChipProps } from '@mui/material';\n\n// Define las props para el componente Chip personalizado\n// Omitimos algunas props de MuiChipProps que redefiniremos para mayor claridad\nexport interface ChipProps extends Omit<MuiChipProps, 'onClick' | 'onDelete' | 'avatar' | 'icon' | 'label' | 'variant' | 'color' | 'size'> {\n  // Contenido principal del chip\n  label: React.ReactNode;\n  // Handler para el evento click del chip\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  // Handler para el evento delete del chip (muestra un botón de borrar)\n  onDelete?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  // Elemento Avatar a mostrar al inicio del chip\n  avatar?: React.ReactElement;\n  // Icono a mostrar al inicio del chip (alternativa a avatar)\n  icon?: React.ReactElement;\n  // Si el chip está deshabilitado\n  disabled?: boolean;\n  // Variante visual del chip\n  variant?: 'filled' | 'outlined';\n  // Color del chip\n  color?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  // Tamaño del chip\n  size?: 'small' | 'medium';\n}\n\n/**\n * Componente Chip personalizado de Material UI.\n * Proporciona una interfaz simplificada para el componente Chip de Material UI,\n * permitiendo una fácil personalización de etiquetas, avatares, iconos y acciones.\n */\nexport const Chip = React.forwardRef<HTMLDivElement, ChipProps>(function Chip(\n  {\n    label,\n    onClick,\n    onDelete,\n    avatar,\n    icon,\n    disabled = false,\n    variant = 'filled', // Default variant\n    color = 'default',  // Default color\n    size = 'medium',    // Default size\n    ...rest // Permite pasar otras props de MuiChipProps (ej. sx, className)\n  },\n  ref,\n) {\n  return (\n    <MuiChip\n      ref={ref}\n      label={label}\n      onClick={onClick}\n      onDelete={onDelete}\n      avatar={avatar}\n      icon={icon}\n      disabled={disabled}\n      variant={variant}\n      color={color}\n      size={size}\n      clickable={!!onClick} // Habilita el estilo clickable si se proporciona onClick\n      {...rest}\n    />\n  );\n});\n\nexport default Chip;\n"],"names":["Chip","jsx","MuiChip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,OAAO,MAAM,WAAsC,SAASA,MACvE,IAYA,KACA;AAbA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAQ;AAAA,IACR,aAAO;AAAA,MATT,IAUK,iBAVL,IAUK;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAKF,SACEC,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,WAAW,CAAC,CAAC;AAAA,OACT;AAAA,EAAA;AAGV,CAAC;;"}

package/chunks/Chip-5ZYwvVc1.mjs

@@ -0,0 +1,76 @@
+var __defProp = Object.defineProperty;
+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 __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 { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Chip as Chip$1 } from "@mui/material";
+const Chip = React__default.forwardRef(function Chip2(_a, ref) {
+  var _b = _a, {
+    label,
+    onClick,
+    onDelete,
+    avatar,
+    icon,
+    disabled = false,
+    variant = "filled",
+    color: color = "default",
+    size: size = "medium"
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "onClick",
+    "onDelete",
+    "avatar",
+    "icon",
+    "disabled",
+    "variant",
+    // Default variant
+    "color",
+    // Default color
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Chip$1,
+    __spreadValues({
+      ref,
+      label,
+      onClick,
+      onDelete,
+      avatar,
+      icon,
+      disabled,
+      variant,
+      color,
+      size,
+      clickable: !!onClick
+    }, rest)
+  );
+});
+export {
+  Chip as C
+};
+//# sourceMappingURL=Chip-5ZYwvVc1.mjs.map

package/chunks/Chip-5ZYwvVc1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-5ZYwvVc1.mjs","sources":["../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { Chip as MuiChip, ChipProps as MuiChipProps } from '@mui/material';\n\n// Define las props para el componente Chip personalizado\n// Omitimos algunas props de MuiChipProps que redefiniremos para mayor claridad\nexport interface ChipProps extends Omit<MuiChipProps, 'onClick' | 'onDelete' | 'avatar' | 'icon' | 'label' | 'variant' | 'color' | 'size'> {\n  // Contenido principal del chip\n  label: React.ReactNode;\n  // Handler para el evento click del chip\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  // Handler para el evento delete del chip (muestra un botón de borrar)\n  onDelete?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  // Elemento Avatar a mostrar al inicio del chip\n  avatar?: React.ReactElement;\n  // Icono a mostrar al inicio del chip (alternativa a avatar)\n  icon?: React.ReactElement;\n  // Si el chip está deshabilitado\n  disabled?: boolean;\n  // Variante visual del chip\n  variant?: 'filled' | 'outlined';\n  // Color del chip\n  color?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  // Tamaño del chip\n  size?: 'small' | 'medium';\n}\n\n/**\n * Componente Chip personalizado de Material UI.\n * Proporciona una interfaz simplificada para el componente Chip de Material UI,\n * permitiendo una fácil personalización de etiquetas, avatares, iconos y acciones.\n */\nexport const Chip = React.forwardRef<HTMLDivElement, ChipProps>(function Chip(\n  {\n    label,\n    onClick,\n    onDelete,\n    avatar,\n    icon,\n    disabled = false,\n    variant = 'filled', // Default variant\n    color = 'default',  // Default color\n    size = 'medium',    // Default size\n    ...rest // Permite pasar otras props de MuiChipProps (ej. sx, className)\n  },\n  ref,\n) {\n  return (\n    <MuiChip\n      ref={ref}\n      label={label}\n      onClick={onClick}\n      onDelete={onDelete}\n      avatar={avatar}\n      icon={icon}\n      disabled={disabled}\n      variant={variant}\n      color={color}\n      size={size}\n      clickable={!!onClick} // Habilita el estilo clickable si se proporciona onClick\n      {...rest}\n    />\n  );\n});\n\nexport default Chip;\n"],"names":["React","Chip","MuiChip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,OAAOA,eAAM,WAAsC,SAASC,MACvE,IAYA,KACA;AAbA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAQ;AAAA,IACR,aAAO;AAAA,MATT,IAUK,iBAVL,IAUK;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAKF,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,CAAC,CAAC;AAAA,OACT;AAAA,EAAA;AAGV,CAAC;"}

package/chunks/DataRow-6oYxHTYF.cjs

@@ -0,0 +1,123 @@
+"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 mergeSlotProps = require("./mergeSlotProps-DixXUzK1.cjs");
+const mergeSx = require("./mergeSx-Dbccoo_H.cjs");
+const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const DataRowRoot = styles.styled(material.Box, {
+  name: "FriDataRow",
+  slot: "Root",
+  shouldForwardProp: (prop) => prop !== "last" && prop !== "labelWidth"
+})(({ theme, last }) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "flex-start",
+  gap: theme.spacing(0.5),
+  marginBottom: last ? 0 : theme.spacing(2.5),
+  [theme.breakpoints.up("sm")]: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.spacing(2)
+  }
+}));
+const DataRow = React.forwardRef(function DataRow2(inProps, ref) {
+  const props = styles.useThemeProps({ props: inProps, name: "FriDataRow" });
+  const _a = props, {
+    label,
+    children,
+    last,
+    labelWidth = 200,
+    preset,
+    slotProps,
+    sx
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "children",
+    "last",
+    "labelWidth",
+    "preset",
+    "slotProps",
+    "sx"
+  ]);
+  const theme = material.useTheme();
+  const presetSx = resolvePreset.resolvePreset("DataRow", preset, theme);
+  return /* @__PURE__ */ jsxRuntime.jsxs(DataRowRoot, __spreadProps(__spreadValues({ ref, last }, rest), { sx: mergeSx.mergeSx(presetSx != null ? presetSx : {}, sx), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Typography,
+      __spreadProps(__spreadValues({}, mergeSlotProps.mergeSlotProps(
+        {
+          variant: "body2",
+          component: "label",
+          className: "fri-DataRow-label",
+          sx: { width: { sm: labelWidth }, flexShrink: 0, color: "text.secondary" }
+        },
+        slotProps == null ? void 0 : slotProps.label
+      )), {
+        children: label
+      })
+    ),
+    typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+      material.Typography,
+      __spreadProps(__spreadValues({}, mergeSlotProps.mergeSlotProps(
+        {
+          variant: "body1",
+          component: "span",
+          className: "fri-DataRow-value"
+        },
+        slotProps == null ? void 0 : slotProps.value
+      )), {
+        children
+      })
+    ) : (
+      // El slot de valor crece: así un Input en modo edición ocupa el ancho
+      // restante y un Chip conserva su tamaño (es inline-flex).
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.Box,
+        __spreadProps(__spreadValues({}, mergeSlotProps.mergeSlotProps(
+          {
+            className: "fri-DataRow-value",
+            sx: { flex: 1, minWidth: 0, width: { xs: "100%", sm: "auto" } }
+          },
+          slotProps == null ? void 0 : slotProps.value
+        )), {
+          children
+        })
+      )
+    )
+  ] }));
+});
+exports.DataRow = DataRow;
+//# sourceMappingURL=DataRow-6oYxHTYF.cjs.map

package/chunks/DataRow-6oYxHTYF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataRow-6oYxHTYF.cjs","sources":["../../src/components/DataRow/DataRow.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport {\n  Box,\n  Typography,\n  useTheme,\n  type BoxProps,\n  type TypographyProps,\n} from '@mui/material';\nimport { styled, useThemeProps, type SxProps, type Theme } from '@mui/material/styles';\n\nimport { mergeSlotProps } from '../_shared/mergeSlotProps';\nimport { mergeSx } from '../_shared/mergeSx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n/** Nodos internos alcanzables vía `slotProps`. */\nexport interface DataRowSlotProps {\n  /** El `Typography` de la etiqueta. */\n  label?: Partial<TypographyProps>;\n  /**\n   * El nodo del valor. Es un `Typography` cuando el valor es un string y un\n   * `Box` cuando es cualquier otra cosa (chip, link, input en edición).\n   */\n  value?: Partial<TypographyProps & BoxProps>;\n}\n\nexport interface DataRowProps extends Omit<BoxProps, 'children'> {\n  /** Etiqueta del dato (columna izquierda). */\n  label: ReactNode;\n  /** Valor: texto, o cualquier nodo (chip, link, Input en modo edición). */\n  children: ReactNode;\n  /** Última fila de un bloque: sin margen inferior. */\n  last?: boolean;\n  /**\n   * Ancho de la columna del label a partir de `sm`. Default `200`.\n   * Fijo a propósito: alinea verticalmente todos los valores de un bloque.\n   */\n  labelWidth?: number | string;\n  /**\n   * @deprecated Usar `theme.components.FriDataRow.styleOverrides` /\n   * `variants`, que es la API nativa de MUI. Ver `src/theme/friComponents.ts`.\n   */\n  preset?: string;\n  /**\n   * Props para los nodos internos, sin pasar por selectores CSS. `className` y\n   * `sx` se acumulan sobre los internos en vez de pisarlos.\n   */\n  slotProps?: DataRowSlotProps;\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Root themeable. Al construirlo con `styled(..., { name: 'FriDataRow' })`, MUI\n * le aplica solo `theme.components.FriDataRow.styleOverrides.root` y sus\n * `variants`. El estilo de fábrica vive acá y NO en un `sx`, que es lo que\n * antes hacía imposible tematizar el componente: un `sx` interno le gana\n * siempre a los `styleOverrides` del consumidor.\n */\nconst DataRowRoot = styled(Box, {\n  name: 'FriDataRow',\n  slot: 'Root',\n  shouldForwardProp: (prop) => prop !== 'last' && prop !== 'labelWidth',\n})<{ last?: boolean }>(({ theme, last }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: theme.spacing(0.5),\n  marginBottom: last ? 0 : theme.spacing(2.5),\n  [theme.breakpoints.up('sm')]: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n  },\n}));\n\n/**\n * Fila label/valor — el patrón de dato para vistas de detalle.\n *\n * Geometría: label de ancho fijo + valor al lado; en móvil apila. El ancho fijo\n * (en vez de un `Grid` 4/8) evita que en una card full-width queden cientos de\n * px muertos entre label y valor.\n *\n * Tipografía: el paquete pone `body2`/`body1`. Para mapear a variantes propias\n * del consumidor, tematizar el componente como cualquiera de MUI:\n *\n * ```ts\n * components: {\n *   FriDataRow: {\n *     styleOverrides: {\n *       root: {\n *         '& .fri-DataRow-label': { typography: 'dataLabel' },\n *         '& .fri-DataRow-value': { typography: 'dataValue' },\n *       },\n *     },\n *   },\n * }\n * ```\n */\nexport const DataRow = forwardRef<HTMLDivElement, DataRowProps>(function DataRow(\n  inProps,\n  ref,\n) {\n  // Inyecta `theme.components.FriDataRow.defaultProps` — mismo mecanismo que\n  // usa cualquier componente de MUI para sus defaults tematizables.\n  const props = useThemeProps({ props: inProps, name: 'FriDataRow' });\n  const {\n    label,\n    children,\n    last,\n    labelWidth = 200,\n    preset,\n    slotProps,\n    sx,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n  // Compat: el sistema de presets viejo sigue funcionando para no romper a los\n  // consumidores que ya registraron `theme.styles`. Deprecado — ver arriba.\n  const presetSx = resolvePreset('DataRow', preset, theme);\n\n  return (\n    <DataRowRoot ref={ref} last={last} {...rest} sx={mergeSx(presetSx ?? {}, sx)}>\n      <Typography\n        {...mergeSlotProps<TypographyProps>(\n          {\n            variant: 'body2',\n            component: 'label',\n            className: 'fri-DataRow-label',\n            sx: { width: { sm: labelWidth }, flexShrink: 0, color: 'text.secondary' },\n          },\n          slotProps?.label,\n        )}\n      >\n        {label}\n      </Typography>\n      {typeof children === 'string' ? (\n        <Typography\n          {...mergeSlotProps<TypographyProps>(\n            {\n              variant: 'body1',\n              component: 'span',\n              className: 'fri-DataRow-value',\n            },\n            slotProps?.value,\n          )}\n        >\n          {children}\n        </Typography>\n      ) : (\n        // El slot de valor crece: así un Input en modo edición ocupa el ancho\n        // restante y un Chip conserva su tamaño (es inline-flex).\n        <Box\n          {...mergeSlotProps<BoxProps>(\n            {\n              className: 'fri-DataRow-value',\n              sx: { flex: 1, minWidth: 0, width: { xs: '100%', sm: 'auto' } },\n            },\n            slotProps?.value,\n          )}\n        >\n          {children}\n        </Box>\n      )}\n    </DataRowRoot>\n  );\n});\n\nexport default DataRow;\n"],"names":["styled","Box","forwardRef","DataRow","useThemeProps","useTheme","resolvePreset","jsxs","mergeSx","jsx","Typography","mergeSlotProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,MAAM,cAAcA,OAAAA,OAAOC,cAAK;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB,CAAC,SAAS,SAAS,UAAU,SAAS;AAC3D,CAAC,EAAsB,CAAC,EAAE,OAAO,YAAY;AAAA,EAC3C,SAAS;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,KAAK,MAAM,QAAQ,GAAG;AAAA,EACtB,cAAc,OAAO,IAAI,MAAM,QAAQ,GAAG;AAAA,EAC1C,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG;AAAA,IAC5B,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,KAAK,MAAM,QAAQ,CAAC;AAAA,EAAA;AAExB,EAAE;AAyBK,MAAM,UAAUC,MAAAA,WAAyC,SAASC,SACvE,SACA,KACA;AAGA,QAAM,QAAQC,OAAAA,cAAc,EAAE,OAAO,SAAS,MAAM,cAAc;AAClE,QASI,YARF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,iBACD,IADC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,QAAQC,SAAAA,SAAA;AAGd,QAAM,WAAWC,cAAAA,cAAc,WAAW,QAAQ,KAAK;AAEvD,SACEC,2BAAAA,KAAC,aAAA,+BAAY,KAAU,QAAgB,OAAtC,EAA4C,IAAIC,QAAAA,QAAQ,8BAAY,CAAA,GAAI,EAAE,GACzE,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA,iCACKC,eAAAA;AAAAA,QACF;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,UACX,WAAW;AAAA,UACX,IAAI,EAAE,OAAO,EAAE,IAAI,cAAc,YAAY,GAAG,OAAO,iBAAA;AAAA,QAAiB;AAAA,QAE1E,uCAAW;AAAA,MAAA,IARd;AAAA,QAWE,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,OAAO,aAAa,WACnBF,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA,iCACKC,eAAAA;AAAAA,QACF;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,QAEb,uCAAW;AAAA,MAAA,IAPd;AAAA,QAUE;AAAA,MAAA;AAAA,IAAA;AAAA;AAAA;AAAA,MAKHF,2BAAAA;AAAAA,QAACR,SAAAA;AAAAA,QAAA,iCACKU,eAAAA;AAAAA,UACF;AAAA,YACE,WAAW;AAAA,YACX,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,EAAE,IAAI,QAAQ,IAAI,OAAA,EAAO;AAAA,UAAE;AAAA,UAEhE,uCAAW;AAAA,QAAA,IANd;AAAA,UASE;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,EACH,IAEJ;AAEJ,CAAC;;"}

package/chunks/DataRow-B8SZkwHB.mjs

@@ -0,0 +1,124 @@
+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 } from "react";
+import { useTheme, Typography, Box } from "@mui/material";
+import { useThemeProps, styled } from "@mui/material/styles";
+import { m as mergeSlotProps } from "./mergeSlotProps-D-7l6IPd.mjs";
+import { m as mergeSx } from "./mergeSx-BXoNZjB_.mjs";
+import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.mjs";
+const DataRowRoot = styled(Box, {
+  name: "FriDataRow",
+  slot: "Root",
+  shouldForwardProp: (prop) => prop !== "last" && prop !== "labelWidth"
+})(({ theme, last }) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "flex-start",
+  gap: theme.spacing(0.5),
+  marginBottom: last ? 0 : theme.spacing(2.5),
+  [theme.breakpoints.up("sm")]: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.spacing(2)
+  }
+}));
+const DataRow = forwardRef(function DataRow2(inProps, ref) {
+  const props = useThemeProps({ props: inProps, name: "FriDataRow" });
+  const _a = props, {
+    label,
+    children,
+    last,
+    labelWidth = 200,
+    preset,
+    slotProps,
+    sx
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "children",
+    "last",
+    "labelWidth",
+    "preset",
+    "slotProps",
+    "sx"
+  ]);
+  const theme = useTheme();
+  const presetSx = resolvePreset("DataRow", preset, theme);
+  return /* @__PURE__ */ jsxs(DataRowRoot, __spreadProps(__spreadValues({ ref, last }, rest), { sx: mergeSx(presetSx != null ? presetSx : {}, sx), children: [
+    /* @__PURE__ */ jsx(
+      Typography,
+      __spreadProps(__spreadValues({}, mergeSlotProps(
+        {
+          variant: "body2",
+          component: "label",
+          className: "fri-DataRow-label",
+          sx: { width: { sm: labelWidth }, flexShrink: 0, color: "text.secondary" }
+        },
+        slotProps == null ? void 0 : slotProps.label
+      )), {
+        children: label
+      })
+    ),
+    typeof children === "string" ? /* @__PURE__ */ jsx(
+      Typography,
+      __spreadProps(__spreadValues({}, mergeSlotProps(
+        {
+          variant: "body1",
+          component: "span",
+          className: "fri-DataRow-value"
+        },
+        slotProps == null ? void 0 : slotProps.value
+      )), {
+        children
+      })
+    ) : (
+      // El slot de valor crece: así un Input en modo edición ocupa el ancho
+      // restante y un Chip conserva su tamaño (es inline-flex).
+      /* @__PURE__ */ jsx(
+        Box,
+        __spreadProps(__spreadValues({}, mergeSlotProps(
+          {
+            className: "fri-DataRow-value",
+            sx: { flex: 1, minWidth: 0, width: { xs: "100%", sm: "auto" } }
+          },
+          slotProps == null ? void 0 : slotProps.value
+        )), {
+          children
+        })
+      )
+    )
+  ] }));
+});
+export {
+  DataRow as D
+};
+//# sourceMappingURL=DataRow-B8SZkwHB.mjs.map