@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/esm/components/UTSnackbar/constants.js

@@ -1,128 +1 @@
-import { COLOR_SHADES, COLOR_THEMES as PALETTE_COLOR_THEMES } from '../../constants/Palette';
-export const COLOR_THEMES = {
-  error: 'error',
-  info: 'info',
-  success: 'success',
-  warning: 'warning',
-  white: 'white'
-};
-export const VARIANTS = {
-  dark: 'dark',
-  light: 'light'
-};
-export const POSITIONS = {
-  bottomLeft: 'bottomLeft',
-  bottomRight: 'bottomRight',
-  topLeft: 'topLeft',
-  topRight: 'topRight'
-};
-export const DEFAULT_PROPS = {
-  colorTheme: COLOR_THEMES.success,
-  open: false,
-  position: POSITIONS.bottomLeft,
-  variant: VARIANTS.dark
-};
-export const VARIANT_CLASS_MAP = {
-  ["".concat(COLOR_THEMES.success, "-").concat(VARIANTS.dark)]: 'successDark',
-  ["".concat(COLOR_THEMES.error, "-").concat(VARIANTS.dark)]: 'errorDark',
-  ["".concat(COLOR_THEMES.warning, "-").concat(VARIANTS.dark)]: 'warningDark',
-  ["".concat(COLOR_THEMES.info, "-").concat(VARIANTS.dark)]: 'infoDark',
-  ["".concat(COLOR_THEMES.success, "-").concat(VARIANTS.light)]: 'successLight',
-  ["".concat(COLOR_THEMES.error, "-").concat(VARIANTS.light)]: 'errorLight',
-  ["".concat(COLOR_THEMES.warning, "-").concat(VARIANTS.light)]: 'warningLight',
-  ["".concat(COLOR_THEMES.info, "-").concat(VARIANTS.light)]: 'infoLight',
-  ["".concat(COLOR_THEMES.white, "-").concat(VARIANTS.light)]: 'whiteLight',
-  ["".concat(COLOR_THEMES.white, "-").concat(VARIANTS.dark)]: 'whiteDark'
-};
-export const LABEL_COLOR_MAP = {
-  successDark: {
-    colorTheme: PALETTE_COLOR_THEMES.light,
-    shade: COLOR_SHADES.shade01
-  },
-  errorDark: {
-    colorTheme: PALETTE_COLOR_THEMES.light,
-    shade: COLOR_SHADES.shade01
-  },
-  warningDark: {
-    colorTheme: PALETTE_COLOR_THEMES.light,
-    shade: COLOR_SHADES.shade01
-  },
-  infoDark: {
-    colorTheme: PALETTE_COLOR_THEMES.light,
-    shade: COLOR_SHADES.shade01
-  },
-  successLight: {
-    colorTheme: PALETTE_COLOR_THEMES.success,
-    shade: COLOR_SHADES.shade05
-  },
-  errorLight: {
-    colorTheme: PALETTE_COLOR_THEMES.error,
-    shade: COLOR_SHADES.shade05
-  },
-  warningLight: {
-    colorTheme: PALETTE_COLOR_THEMES.warning,
-    shade: COLOR_SHADES.shade05
-  },
-  infoLight: {
-    colorTheme: PALETTE_COLOR_THEMES.information,
-    shade: COLOR_SHADES.shade05
-  },
-  whiteLight: {
-    colorTheme: PALETTE_COLOR_THEMES.dark,
-    shade: COLOR_SHADES.shade05
-  },
-  whiteDark: {
-    colorTheme: PALETTE_COLOR_THEMES.light,
-    shade: COLOR_SHADES.shade01
-  }
-};
-export const ACTION_BUTTON_CONFIG_MAP = {
-  successDark: {
-    colorTheme: PALETTE_COLOR_THEMES.negative,
-    variant: 'text'
-  },
-  errorDark: {
-    colorTheme: PALETTE_COLOR_THEMES.negative,
-    variant: 'text'
-  },
-  warningDark: {
-    colorTheme: PALETTE_COLOR_THEMES.negative,
-    variant: 'text'
-  },
-  infoDark: {
-    colorTheme: PALETTE_COLOR_THEMES.negative,
-    variant: 'text'
-  },
-  successLight: {
-    colorTheme: PALETTE_COLOR_THEMES.success,
-    variant: 'text'
-  },
-  errorLight: {
-    colorTheme: PALETTE_COLOR_THEMES.error,
-    variant: 'text'
-  },
-  warningLight: {
-    colorTheme: PALETTE_COLOR_THEMES.warning,
-    variant: 'text'
-  },
-  infoLight: {
-    colorTheme: PALETTE_COLOR_THEMES.information,
-    variant: 'text'
-  },
-  whiteLight: {
-    colorTheme: PALETTE_COLOR_THEMES.primary,
-    closeColorTheme: PALETTE_COLOR_THEMES.neutral,
-    variant: 'text'
-  },
-  whiteDark: {
-    colorTheme: PALETTE_COLOR_THEMES.negative,
-    variant: 'text'
-  }
-};
-export const ICON_NAME_MAP = {
-  [COLOR_THEMES.error]: 'IconCircleX',
-  [COLOR_THEMES.info]: 'IconInfoCircle',
-  [COLOR_THEMES.success]: 'IconCircleCheck',
-  [COLOR_THEMES.warning]: 'IconAlertTriangle',
-  [COLOR_THEMES.white]: 'IconInfoCircle'
-};
+import{COLOR_SHADES,COLOR_THEMES as PALETTE_COLOR_THEMES}from"../../constants/Palette";export const COLOR_THEMES={error:"error",info:"info",success:"success",warning:"warning",white:"white"};export const VARIANTS={dark:"dark",light:"light"};export const POSITIONS={bottomLeft:"bottomLeft",bottomRight:"bottomRight",topLeft:"topLeft",topRight:"topRight"};export const DEFAULT_PROPS={colorTheme:COLOR_THEMES.success,open:!1,position:POSITIONS.bottomLeft,variant:VARIANTS.dark};export const VARIANT_CLASS_MAP={["".concat(COLOR_THEMES.success,"-").concat(VARIANTS.dark)]:"successDark",["".concat(COLOR_THEMES.error,"-").concat(VARIANTS.dark)]:"errorDark",["".concat(COLOR_THEMES.warning,"-").concat(VARIANTS.dark)]:"warningDark",["".concat(COLOR_THEMES.info,"-").concat(VARIANTS.dark)]:"infoDark",["".concat(COLOR_THEMES.success,"-").concat(VARIANTS.light)]:"successLight",["".concat(COLOR_THEMES.error,"-").concat(VARIANTS.light)]:"errorLight",["".concat(COLOR_THEMES.warning,"-").concat(VARIANTS.light)]:"warningLight",["".concat(COLOR_THEMES.info,"-").concat(VARIANTS.light)]:"infoLight",["".concat(COLOR_THEMES.white,"-").concat(VARIANTS.light)]:"whiteLight",["".concat(COLOR_THEMES.white,"-").concat(VARIANTS.dark)]:"whiteDark"};export const LABEL_COLOR_MAP={successDark:{colorTheme:PALETTE_COLOR_THEMES.light,shade:COLOR_SHADES.shade01},errorDark:{colorTheme:PALETTE_COLOR_THEMES.light,shade:COLOR_SHADES.shade01},warningDark:{colorTheme:PALETTE_COLOR_THEMES.light,shade:COLOR_SHADES.shade01},infoDark:{colorTheme:PALETTE_COLOR_THEMES.light,shade:COLOR_SHADES.shade01},successLight:{colorTheme:PALETTE_COLOR_THEMES.success,shade:COLOR_SHADES.shade05},errorLight:{colorTheme:PALETTE_COLOR_THEMES.error,shade:COLOR_SHADES.shade05},warningLight:{colorTheme:PALETTE_COLOR_THEMES.warning,shade:COLOR_SHADES.shade05},infoLight:{colorTheme:PALETTE_COLOR_THEMES.information,shade:COLOR_SHADES.shade05},whiteLight:{colorTheme:PALETTE_COLOR_THEMES.dark,shade:COLOR_SHADES.shade05},whiteDark:{colorTheme:PALETTE_COLOR_THEMES.light,shade:COLOR_SHADES.shade01}};export const ACTION_BUTTON_CONFIG_MAP={successDark:{colorTheme:PALETTE_COLOR_THEMES.negative,variant:"text"},errorDark:{colorTheme:PALETTE_COLOR_THEMES.negative,variant:"text"},warningDark:{colorTheme:PALETTE_COLOR_THEMES.negative,variant:"text"},infoDark:{colorTheme:PALETTE_COLOR_THEMES.negative,variant:"text"},successLight:{colorTheme:PALETTE_COLOR_THEMES.success,variant:"text"},errorLight:{colorTheme:PALETTE_COLOR_THEMES.error,variant:"text"},warningLight:{colorTheme:PALETTE_COLOR_THEMES.warning,variant:"text"},infoLight:{colorTheme:PALETTE_COLOR_THEMES.information,variant:"text"},whiteLight:{colorTheme:PALETTE_COLOR_THEMES.primary,closeColorTheme:PALETTE_COLOR_THEMES.neutral,variant:"text"},whiteDark:{colorTheme:PALETTE_COLOR_THEMES.negative,variant:"text"}};export const ICON_NAME_MAP={[COLOR_THEMES.error]:"IconCircleX",[COLOR_THEMES.info]:"IconInfoCircle",[COLOR_THEMES.success]:"IconCircleCheck",[COLOR_THEMES.warning]:"IconAlertTriangle",[COLOR_THEMES.white]:"IconInfoCircle"};

package/dist/esm/components/UTSnackbar/index.js

@@ -1,127 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { bool, func, number, oneOf, string } from 'prop-types';
-import Slide from '@material-ui/core/Slide';
-import Snackbar from '@material-ui/core/Snackbar';
-import UTButton from '../UTButton';
-import UTIcon from '../UTIcon';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { ID_CONSTANTS } from '../../constants/testIds';
-import { ACTION_BUTTON_CONFIG_MAP, COLOR_THEMES, DEFAULT_PROPS, ICON_NAME_MAP, LABEL_COLOR_MAP, POSITIONS, VARIANT_CLASS_MAP, VARIANTS } from './constants';
-import { getAnchorAndTransition } from './utils';
-import { retrieveMuiTheme } from './theme';
-import { buttonType } from './types';
-import styles from './styles.module.scss';
-const UTSnackbar = _ref => {
-  let {
-    button,
-    colorTheme = DEFAULT_PROPS.colorTheme,
-    dataTestId,
-    description,
-    icon,
-    message,
-    onClose,
-    open = DEFAULT_PROPS.open,
-    position = DEFAULT_PROPS.position,
-    secondaryButton,
-    timeDuration,
-    variant = DEFAULT_PROPS.variant,
-    withoutIcon
-  } = _ref;
-  const handleClose = (_, reason) => {
-    if (reason === 'clickaway') return;
-    onClose === null || onClose === void 0 || onClose();
-  };
-  const variantKey = "".concat(colorTheme, "-").concat(variant);
-  const variantClassKey = VARIANT_CLASS_MAP[variantKey];
-  const variantClass = styles[variantClassKey] || '';
-  const labelColorConfig = LABEL_COLOR_MAP[variantClassKey] || LABEL_COLOR_MAP.successDark;
-  const actionButtonConfig = ACTION_BUTTON_CONFIG_MAP[variantClassKey];
-  const iconName = withoutIcon ? null : icon || ICON_NAME_MAP[colorTheme];
-  const {
-    anchor,
-    transition
-  } = getAnchorAndTransition(position);
-  const testIds = {
-    close: dataTestId ? "".concat(dataTestId, ".close") : undefined,
-    description: dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.DESCRIPTION, ".").concat(ID_CONSTANTS.LABEL) : undefined,
-    icon: dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.ICON) : undefined,
-    label: dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.LABEL) : undefined,
-    primaryButton: dataTestId ? "".concat(dataTestId, ".button.").concat(ID_CONSTANTS.SECONDARY_ACTION) : undefined,
-    secondaryButton: dataTestId ? "".concat(dataTestId, ".secondaryButton.").concat(ID_CONSTANTS.TERTIARY_ACTION) : undefined
-  };
-  return /*#__PURE__*/React.createElement(Snackbar, {
-    action: [!!secondaryButton && /*#__PURE__*/React.createElement(UTButton, _extends({
-      key: "secondary",
-      colorTheme: actionButtonConfig.colorTheme
-    }, secondaryButton, {
-      dataTestId: testIds.secondaryButton
-    }), secondaryButton.title), !!button && /*#__PURE__*/React.createElement(UTButton, _extends({
-      key: "primary",
-      colorTheme: actionButtonConfig.colorTheme
-    }, button, {
-      dataTestId: testIds.primaryButton
-    }), button.title), /*#__PURE__*/React.createElement(UTButton, {
-      key: "close",
-      colorTheme: actionButtonConfig.closeColorTheme || actionButtonConfig.colorTheme,
-      dataTestId: testIds.close,
-      Icon: "IconX",
-      onClick: handleClose,
-      variant: actionButtonConfig.variant
-    })],
-    anchorOrigin: anchor,
-    autoHideDuration: timeDuration,
-    ContentProps: {
-      className: "".concat(styles.snackbarContent, " ").concat(variantClass),
-      classes: {
-        action: styles.action,
-        message: styles.message
-      }
-    },
-    message: /*#__PURE__*/React.createElement("div", {
-      className: styles.messageContent
-    }, iconName && /*#__PURE__*/React.createElement(UTIcon, {
-      className: styles.icon,
-      colorTheme: labelColorConfig.colorTheme,
-      dataTestId: testIds.icon,
-      name: iconName,
-      shade: labelColorConfig.shade,
-      size: 20
-    }), /*#__PURE__*/React.createElement("div", {
-      className: styles.textContent
-    }, /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: labelColorConfig.colorTheme,
-      dataTestId: testIds.label,
-      shade: labelColorConfig.shade,
-      variant: "body",
-      weight: "medium",
-      withMarkdown: true
-    }, message), description && /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: labelColorConfig.colorTheme,
-      dataTestId: testIds.description,
-      shade: labelColorConfig.shade,
-      variant: "small"
-    }, description))),
-    onClose: handleClose,
-    open: open,
-    TransitionComponent: Slide,
-    TransitionProps: transition
-  });
-};
-UTSnackbar.propTypes = {
-  button: buttonType,
-  colorTheme: oneOf(Object.values(COLOR_THEMES)),
-  dataTestId: string,
-  description: string,
-  icon: string,
-  message: string,
-  onClose: func,
-  open: bool,
-  position: oneOf(Object.values(POSITIONS)),
-  secondaryButton: buttonType,
-  timeDuration: number,
-  variant: oneOf(Object.values(VARIANTS)),
-  withoutIcon: bool
-};
-export default WithTheme(undefined, retrieveMuiTheme)(UTSnackbar);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React from"react";import{bool,func,number,oneOf,string}from"prop-types";import Slide from"@material-ui/core/Slide";import Snackbar from"@material-ui/core/Snackbar";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{ID_CONSTANTS}from"../../constants/testIds";import{ACTION_BUTTON_CONFIG_MAP,COLOR_THEMES,DEFAULT_PROPS,ICON_NAME_MAP,LABEL_COLOR_MAP,POSITIONS,VARIANT_CLASS_MAP,VARIANTS}from"./constants";import{getAnchorAndTransition}from"./utils";import{retrieveMuiTheme}from"./theme";import{buttonType}from"./types";import styles from"./styles.module.scss";const UTSnackbar=_ref=>{let{button:button,colorTheme:colorTheme=DEFAULT_PROPS.colorTheme,dataTestId:dataTestId,description:description,icon:icon,message:message,onClose:onClose,open:open=DEFAULT_PROPS.open,position:position=DEFAULT_PROPS.position,secondaryButton:secondaryButton,timeDuration:timeDuration,variant:variant=DEFAULT_PROPS.variant,withoutIcon:withoutIcon}=_ref;const handleClose=(_,reason)=>{"clickaway"!==reason&&(null==onClose||onClose())},variantKey="".concat(colorTheme,"-").concat(variant),variantClassKey=VARIANT_CLASS_MAP[variantKey],variantClass=styles[variantClassKey]||"",labelColorConfig=LABEL_COLOR_MAP[variantClassKey]||LABEL_COLOR_MAP.successDark,actionButtonConfig=ACTION_BUTTON_CONFIG_MAP[variantClassKey],iconName=withoutIcon?null:icon||ICON_NAME_MAP[colorTheme],{anchor:anchor,transition:transition}=getAnchorAndTransition(position),testIds={close:dataTestId?"".concat(dataTestId,".close"):void 0,description:dataTestId?"".concat(dataTestId,".").concat(ID_CONSTANTS.DESCRIPTION,".").concat(ID_CONSTANTS.LABEL):void 0,icon:dataTestId?"".concat(dataTestId,".").concat(ID_CONSTANTS.ICON):void 0,label:dataTestId?"".concat(dataTestId,".").concat(ID_CONSTANTS.LABEL):void 0,primaryButton:dataTestId?"".concat(dataTestId,".button.").concat(ID_CONSTANTS.SECONDARY_ACTION):void 0,secondaryButton:dataTestId?"".concat(dataTestId,".secondaryButton.").concat(ID_CONSTANTS.TERTIARY_ACTION):void 0};return React.createElement(Snackbar,{action:[!!secondaryButton&&React.createElement(UTButton,_extends({key:"secondary",colorTheme:actionButtonConfig.colorTheme},secondaryButton,{dataTestId:testIds.secondaryButton}),secondaryButton.title),!!button&&React.createElement(UTButton,_extends({key:"primary",colorTheme:actionButtonConfig.colorTheme},button,{dataTestId:testIds.primaryButton}),button.title),React.createElement(UTButton,{key:"close",colorTheme:actionButtonConfig.closeColorTheme||actionButtonConfig.colorTheme,dataTestId:testIds.close,Icon:"IconX",onClick:handleClose,variant:actionButtonConfig.variant})],anchorOrigin:anchor,autoHideDuration:timeDuration,ContentProps:{className:"".concat(styles.snackbarContent," ").concat(variantClass),classes:{action:styles.action,message:styles.message}},message:React.createElement("div",{className:styles.messageContent},iconName&&React.createElement(UTIcon,{className:styles.icon,colorTheme:labelColorConfig.colorTheme,dataTestId:testIds.icon,name:iconName,shade:labelColorConfig.shade,size:20}),React.createElement("div",{className:styles.textContent},React.createElement(UTLabel,{colorTheme:labelColorConfig.colorTheme,dataTestId:testIds.label,shade:labelColorConfig.shade,variant:"body",weight:"medium",withMarkdown:!0},message),description&&React.createElement(UTLabel,{colorTheme:labelColorConfig.colorTheme,dataTestId:testIds.description,shade:labelColorConfig.shade,variant:"small"},description))),onClose:handleClose,open:open,TransitionComponent:Slide,TransitionProps:transition})};UTSnackbar.propTypes={button:buttonType,colorTheme:oneOf(Object.values(COLOR_THEMES)),dataTestId:string,description:string,icon:string,message:string,onClose:func,open:bool,position:oneOf(Object.values(POSITIONS)),secondaryButton:buttonType,timeDuration:number,variant:oneOf(Object.values(VARIANTS)),withoutIcon:bool};export default WithTheme(void 0,retrieveMuiTheme)(UTSnackbar);

package/dist/esm/components/UTSnackbar/stories/storiesConstants.js

@@ -1,163 +1 @@
-import { joinArgTypes } from 'stories/utils';
-import { COLOR_THEMES, POSITIONS, VARIANTS } from '../constants';
-export const ARG_TYPES = {
-  button: {
-    control: 'object',
-    description: 'Configuración del botón de acción primaria. Se hace spread en UTButton — incluir `title` como label y `onClick` como callback.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'shape'
-      }
-    }
-  },
-  colorTheme: {
-    control: 'select',
-    description: 'Tipo de color de la notificación. `success`, `error`, `warning` e `info` usan colores semánticos con ícono asociado. `white` usa colores neutros sin semántica.',
-    options: Object.values(COLOR_THEMES),
-    table: {
-      defaultValue: {
-        summary: COLOR_THEMES.success
-      },
-      type: {
-        summary: joinArgTypes(Object.values(COLOR_THEMES))
-      }
-    }
-  },
-  icon: {
-    control: 'text',
-    description: 'Nombre del ícono Tabler para sobreescribir el ícono por defecto (ej: `IconStar`). Si no se indica, se usa el ícono correspondiente al `colorTheme`.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  description: {
-    control: 'text',
-    description: 'Texto secundario debajo del mensaje principal.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  dataTestId: {
-    control: false,
-    description: 'Identificador de test raíz. Los sub-elementos derivan su testId automáticamente: `.icon`, `.label`, `.description.label`, `.close`, `.button.secondaryAction`, `.secondaryButton.tertiaryAction`.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  message: {
-    control: 'text',
-    description: 'Mensaje principal a mostrar. Soporta markdown.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  onClose: {
-    control: false,
-    description: 'Callback ejecutado al cerrar el snackbar.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'function'
-      }
-    }
-  },
-  open: {
-    control: 'boolean',
-    description: 'Controla si el snackbar está visible.',
-    table: {
-      defaultValue: {
-        summary: 'false'
-      },
-      type: {
-        summary: 'boolean'
-      }
-    }
-  },
-  secondaryButton: {
-    control: 'object',
-    description: 'Configuración del botón de acción secundaria. Se hace spread en UTButton — incluir `title` como label y `onClick` como callback.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'shape'
-      }
-    }
-  },
-  timeDuration: {
-    control: 'number',
-    description: 'Duración en milisegundos antes del cierre automático.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'number'
-      }
-    }
-  },
-  position: {
-    control: 'select',
-    description: 'Posición del snackbar en la pantalla.',
-    options: Object.values(POSITIONS),
-    table: {
-      defaultValue: {
-        summary: POSITIONS.bottomLeft
-      },
-      type: {
-        summary: joinArgTypes(Object.values(POSITIONS))
-      }
-    }
-  },
-  variant: {
-    control: 'inline-radio',
-    description: '`dark` usa el color del `colorTheme` como fondo con texto blanco; `light` usa una versión clara con texto oscuro accesible.',
-    options: Object.values(VARIANTS),
-    table: {
-      defaultValue: {
-        summary: VARIANTS.dark
-      },
-      type: {
-        summary: joinArgTypes(Object.values(VARIANTS))
-      }
-    }
-  },
-  withoutIcon: {
-    control: 'boolean',
-    description: 'Si es `true`, oculta el ícono.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'boolean'
-      }
-    }
-  }
-};
+import{joinArgTypes}from"stories/utils";import{COLOR_THEMES,POSITIONS,VARIANTS}from"../constants";export const ARG_TYPES={button:{control:"object",description:"Configuración del botón de acción primaria. Se hace spread en UTButton — incluir `title` como label y `onClick` como callback.",table:{defaultValue:{summary:"undefined"},type:{summary:"shape"}}},colorTheme:{control:"select",description:"Tipo de color de la notificación. `success`, `error`, `warning` e `info` usan colores semánticos con ícono asociado. `white` usa colores neutros sin semántica.",options:Object.values(COLOR_THEMES),table:{defaultValue:{summary:COLOR_THEMES.success},type:{summary:joinArgTypes(Object.values(COLOR_THEMES))}}},icon:{control:"text",description:"Nombre del ícono Tabler para sobreescribir el ícono por defecto (ej: `IconStar`). Si no se indica, se usa el ícono correspondiente al `colorTheme`.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},description:{control:"text",description:"Texto secundario debajo del mensaje principal.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},dataTestId:{control:!1,description:"Identificador de test raíz. Los sub-elementos derivan su testId automáticamente: `.icon`, `.label`, `.description.label`, `.close`, `.button.secondaryAction`, `.secondaryButton.tertiaryAction`.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},message:{control:"text",description:"Mensaje principal a mostrar. Soporta markdown.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},onClose:{control:!1,description:"Callback ejecutado al cerrar el snackbar.",table:{defaultValue:{summary:"undefined"},type:{summary:"function"}}},open:{control:"boolean",description:"Controla si el snackbar está visible.",table:{defaultValue:{summary:"false"},type:{summary:"boolean"}}},secondaryButton:{control:"object",description:"Configuración del botón de acción secundaria. Se hace spread en UTButton — incluir `title` como label y `onClick` como callback.",table:{defaultValue:{summary:"undefined"},type:{summary:"shape"}}},timeDuration:{control:"number",description:"Duración en milisegundos antes del cierre automático.",table:{defaultValue:{summary:"undefined"},type:{summary:"number"}}},position:{control:"select",description:"Posición del snackbar en la pantalla.",options:Object.values(POSITIONS),table:{defaultValue:{summary:POSITIONS.bottomLeft},type:{summary:joinArgTypes(Object.values(POSITIONS))}}},variant:{control:"inline-radio",description:"`dark` usa el color del `colorTheme` como fondo con texto blanco; `light` usa una versión clara con texto oscuro accesible.",options:Object.values(VARIANTS),table:{defaultValue:{summary:VARIANTS.dark},type:{summary:joinArgTypes(Object.values(VARIANTS))}}},withoutIcon:{control:"boolean",description:"Si es `true`, oculta el ícono.",table:{defaultValue:{summary:"undefined"},type:{summary:"boolean"}}}};

package/dist/esm/components/UTSnackbar/theme.js

@@ -1,50 +1 @@
-import { createTheme } from '@material-ui/core/styles';
-export const retrieveMuiTheme = theme => {
-  var _theme$Fonts;
-  return createTheme({
-    typography: {
-      fontFamily: theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily
-    },
-    overrides: {
-      MuiSnackbarContent: {
-        root: {
-          minWidth: 288,
-          maxWidth: 568,
-          padding: 'var(--UT-snackbar-padding-y, 8px) var(--UT-snackbar-padding-x, 12px)',
-          borderRadius: 'var(--UT-snackbar-radius, 4px)',
-          '@media (max-width : 767px)': {
-            borderRadius: 0,
-            maxWidth: 'initial',
-            width: '100%'
-          }
-        },
-        message: {
-          flex: 1,
-          padding: 0
-        },
-        action: {
-          marginLeft: 'var(--UT-snackbar-gap-action-area, 12px)',
-          marginRight: 0,
-          paddingLeft: 0
-        }
-      },
-      MuiSnackbar: {
-        root: {
-          '@media (max-width : 767px)': {
-            left: 0,
-            maxWidth: 'initial',
-            right: 0,
-            width: '100%'
-          }
-        },
-        anchorOriginBottomLeft: {
-          bottom: 0,
-          '@media (max-width : 767px)': {
-            bottom: 0,
-            left: 0
-          }
-        }
-      }
-    }
-  });
-};
+import{createTheme}from"@material-ui/core/styles";export const retrieveMuiTheme=theme=>{var _theme$Fonts;return createTheme({typography:{fontFamily:null==theme||null===(_theme$Fonts=theme.Fonts)||void 0===_theme$Fonts?void 0:_theme$Fonts.fontFamily},overrides:{MuiSnackbarContent:{root:{minWidth:288,maxWidth:568,padding:"var(--UT-snackbar-padding-y, 8px) var(--UT-snackbar-padding-x, 12px)",borderRadius:"var(--UT-snackbar-radius, 4px)","@media (max-width : 767px)":{borderRadius:0,maxWidth:"initial",width:"100%"}},message:{flex:1,padding:0},action:{marginLeft:"var(--UT-snackbar-gap-action-area, 12px)",marginRight:0,paddingLeft:0}},MuiSnackbar:{root:{"@media (max-width : 767px)":{left:0,maxWidth:"initial",right:0,width:"100%"}},anchorOriginBottomLeft:{bottom:0,"@media (max-width : 767px)":{bottom:0,left:0}}}}})};

package/dist/esm/components/UTSnackbar/types.js

@@ -1,14 +1 @@
-import { bool, func, node, oneOfType, shape, string } from 'prop-types';
-export const buttonType = shape({
-  colorTheme: string,
-  dataTestId: string,
-  disabled: bool,
-  Icon: oneOfType([string, func]),
-  iconPlacement: string,
-  loading: bool,
-  onClick: func,
-  size: string,
-  title: node,
-  type: string,
-  variant: string
-});
+import{bool,func,node,oneOfType,shape,string}from"prop-types";export const buttonType=shape({colorTheme:string,dataTestId:string,disabled:bool,Icon:oneOfType([string,func]),iconPlacement:string,loading:bool,onClick:func,size:string,title:node,type:string,variant:string});

package/dist/esm/components/UTSnackbar/utils.js

@@ -1,46 +1 @@
-import { POSITIONS } from './constants';
-const ANCHOR_TRANSITION_MAP = {
-  [POSITIONS.bottomLeft]: {
-    anchor: {
-      horizontal: 'left',
-      vertical: 'bottom'
-    },
-    transition: {
-      direction: 'up'
-    }
-  },
-  [POSITIONS.bottomRight]: {
-    anchor: {
-      horizontal: 'right',
-      vertical: 'bottom'
-    },
-    transition: {
-      direction: 'up'
-    }
-  },
-  [POSITIONS.topLeft]: {
-    anchor: {
-      horizontal: 'left',
-      vertical: 'top'
-    },
-    transition: {
-      direction: 'down'
-    }
-  },
-  [POSITIONS.topRight]: {
-    anchor: {
-      horizontal: 'right',
-      vertical: 'top'
-    },
-    transition: {
-      direction: 'left'
-    }
-  }
-};
-
-/**
- * Devuelve anchorOrigin y TransitionProps para el Snackbar según la posición indicada.
- * @param {string} position - Posición del snackbar (bottomLeft, bottomRight, topLeft, topRight).
- * @returns {{ anchor: { horizontal: string, vertical: string }, transition: { direction: string } }}
- */
-export const getAnchorAndTransition = position => ANCHOR_TRANSITION_MAP[position] || ANCHOR_TRANSITION_MAP[POSITIONS.bottomLeft];
+import{POSITIONS}from"./constants";const ANCHOR_TRANSITION_MAP={[POSITIONS.bottomLeft]:{anchor:{horizontal:"left",vertical:"bottom"},transition:{direction:"up"}},[POSITIONS.bottomRight]:{anchor:{horizontal:"right",vertical:"bottom"},transition:{direction:"up"}},[POSITIONS.topLeft]:{anchor:{horizontal:"left",vertical:"top"},transition:{direction:"down"}},[POSITIONS.topRight]:{anchor:{horizontal:"right",vertical:"top"},transition:{direction:"left"}}};export const getAnchorAndTransition=position=>ANCHOR_TRANSITION_MAP[position]||ANCHOR_TRANSITION_MAP[POSITIONS.bottomLeft];

package/dist/esm/components/UTStatus/constants.js

@@ -1,43 +1 @@
-import UTBadge from '../UTBadge';
-import UTIcon from '../UTIcon';
-export const SIZES = {
-  large: 'large',
-  medium: 'medium',
-  small: 'small',
-  xlarge: 'xlarge',
-  xsmall: 'xsmall'
-};
-export const VARIANTS = {
-  accent: 'accent',
-  error: 'error',
-  information: 'information',
-  success: 'success',
-  unassigned: 'unassigned',
-  warning: 'warning'
-};
-export const TYPES = {
-  accent: 'accent',
-  default: 'default',
-  light: 'light',
-  negative: 'negative'
-};
-export const AREA_TYPES = {
-  SQUARE: 'SQUARE',
-  ROUNDED: 'ROUNDED'
-};
-export const DEFAULT_PROPS = {
-  areaType: AREA_TYPES.SQUARE,
-  size: 'medium',
-  type: 'default',
-  variant: 'success',
-  weight: 'medium',
-  withoutIcon: false
-};
-export const COMPONENT_KEYS = {
-  BADGE: 'Badge',
-  ICON: 'Icon'
-};
-export const COMPONENTS_MAPPER = {
-  [COMPONENT_KEYS.BADGE]: UTBadge,
-  [COMPONENT_KEYS.ICON]: UTIcon
-};
+import UTBadge from"../UTBadge";import UTIcon from"../UTIcon";export const SIZES={large:"large",medium:"medium",small:"small",xlarge:"xlarge",xsmall:"xsmall"};export const VARIANTS={accent:"accent",error:"error",information:"information",success:"success",unassigned:"unassigned",warning:"warning"};export const TYPES={accent:"accent",default:"default",light:"light",negative:"negative"};export const AREA_TYPES={SQUARE:"SQUARE",ROUNDED:"ROUNDED"};export const DEFAULT_PROPS={areaType:AREA_TYPES.SQUARE,size:"medium",type:"default",variant:"success",weight:"medium",withoutIcon:!1};export const COMPONENT_KEYS={BADGE:"Badge",ICON:"Icon"};export const COMPONENTS_MAPPER={[COMPONENT_KEYS.BADGE]:UTBadge,[COMPONENT_KEYS.ICON]:UTIcon};