@widergy/energy-ui 3.172.3 → 3.173.0

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

@@ -0,0 +1,350 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WhiteVariants = exports.TopRight = exports.TopLeft = exports.Test = exports.SinIcono = exports.SemanticLight = exports.SemanticDark = exports.Playground = exports.ConMarkdown = exports.ConDescripcion = exports.ConAcciones = exports.ConAccionPrimaria = exports.BottomRight = exports.AllVariants = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _UTButton = _interopRequireDefault(require("../../UTButton"));
+var _ = _interopRequireDefault(require(".."));
+var _constants = require("../constants");
+var _storiesConstants = require("./storiesConstants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+const SEMANTIC_COLOR_THEMES = [_constants.COLOR_THEMES.success, _constants.COLOR_THEMES.error, _constants.COLOR_THEMES.warning, _constants.COLOR_THEMES.info];
+const AllTypesDemo = () => {
+  const [snackState, setSnackState] = (0, _react.useState)({
+    open: false
+  });
+  const show = function (colorTheme) {
+    let variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.VARIANTS.dark;
+    return setSnackState({
+      colorTheme,
+      message: "Alerta de tipo: ".concat(colorTheme),
+      open: true,
+      variant
+    });
+  };
+  const handleClose = () => setSnackState(prev => ({
+    ...prev,
+    open: false
+  }));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '8px',
+      maxWidth: '400px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontSize: '12px',
+      fontWeight: 600,
+      margin: '0 0 4px'
+    }
+  }, "Dark"), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '8px',
+      flexWrap: 'wrap'
+    }
+  }, SEMANTIC_COLOR_THEMES.map(colorTheme => /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    key: colorTheme,
+    onClick: () => show(colorTheme),
+    size: "small",
+    variant: "outlined"
+  }, colorTheme)), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    onClick: () => show(_constants.COLOR_THEMES.white),
+    size: "small",
+    variant: "outlined"
+  }, "white")), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontSize: '12px',
+      fontWeight: 600,
+      margin: '8px 0 4px'
+    }
+  }, "Light"), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '8px',
+      flexWrap: 'wrap'
+    }
+  }, SEMANTIC_COLOR_THEMES.map(colorTheme => /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    key: colorTheme,
+    onClick: () => show(colorTheme, _constants.VARIANTS.light),
+    size: "small",
+    variant: "outlined"
+  }, colorTheme, " light")), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    onClick: () => show(_constants.COLOR_THEMES.white, _constants.VARIANTS.light),
+    size: "small",
+    variant: "outlined"
+  }, "white light")), /*#__PURE__*/_react.default.createElement(_.default, _extends({}, snackState, {
+    onClose: handleClose
+  })));
+};
+var _default = exports.default = {
+  args: {
+    message: 'Operación realizada exitosamente.',
+    open: true,
+    colorTheme: _constants.DEFAULT_PROPS.colorTheme,
+    position: _constants.DEFAULT_PROPS.position,
+    variant: _constants.DEFAULT_PROPS.variant,
+    withoutIcon: false,
+    icon: undefined,
+    timeDuration: undefined,
+    button: undefined,
+    secondaryButton: undefined,
+    description: undefined
+  },
+  argTypes: _storiesConstants.ARG_TYPES,
+  component: _.default,
+  parameters: {
+    controls: {
+      exclude: ['dataTestId', 'onClose']
+    },
+    docs: {
+      description: {
+        component: 'Componente de notificación tipo Snackbar. Soporta cinco `colorTheme`: los cuatro semánticos (`success`, `error`, `warning`, `info`) y `white` para notificaciones neutras. La prop `variant` controla si el fondo es oscuro o claro.'
+      }
+    }
+  },
+  title: 'Energy-UI/UTSnackbar'
+};
+const Playground = exports.Playground = {
+  name: 'Playground'
+};
+const AllVariants = exports.AllVariants = {
+  name: 'Todas las Variantes',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Hacé clic en cada botón para ver la variante correspondiente.'
+      }
+    }
+  },
+  render: () => /*#__PURE__*/_react.default.createElement(AllTypesDemo, null)
+};
+const SemanticDark = exports.SemanticDark = {
+  args: {
+    message: 'El archivo fue guardado correctamente.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.success,
+    variant: _constants.VARIANTS.dark
+  },
+  name: 'Semántico / Dark',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Fondo con el color semántico saturado y texto blanco. Cambiá `colorTheme` en el panel de controls para ver los cuatro tipos semánticos.'
+      }
+    }
+  }
+};
+const SemanticLight = exports.SemanticLight = {
+  args: {
+    message: 'El archivo fue guardado correctamente.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.success,
+    variant: _constants.VARIANTS.light
+  },
+  name: 'Semántico / Light',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Fondo claro con texto oscuro accesible. Cambiá `colorTheme` para ver los cuatro tipos semánticos.'
+      }
+    }
+  }
+};
+const WhiteVariants = exports.WhiteVariants = {
+  args: {
+    message: 'Notificación sin semántica asociada.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.white,
+    variant: _constants.VARIANTS.light
+  },
+  name: 'White',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Variante neutra sin semántica de color. Con `variant="light"` el fondo es blanco; con `variant="dark"` el fondo es oscuro.'
+      }
+    }
+  }
+};
+const ConAccionPrimaria = exports.ConAccionPrimaria = {
+  args: {
+    button: {
+      title: 'Deshacer'
+    },
+    message: 'Se eliminaron 3 elementos.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.error,
+    variant: _constants.VARIANTS.dark
+  },
+  name: 'Con Acción Primaria',
+  parameters: {
+    docs: {
+      description: {
+        story: 'La prop `button` agrega un botón de texto a la derecha del mensaje. Pasar `onClick` dentro del objeto para manejar el evento.'
+      }
+    }
+  }
+};
+const ConAcciones = exports.ConAcciones = {
+  args: {
+    button: {
+      title: 'Confirmar'
+    },
+    secondaryButton: {
+      title: 'Cancelar'
+    },
+    message: 'Se eliminaron 3 elementos.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.error,
+    variant: _constants.VARIANTS.dark
+  },
+  name: 'Con Acciones Primaria y Secundaria',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Con `button` y `secondaryButton` se muestran dos botones de acción. Cualquier prop de `UTButton` puede pasarse dentro del objeto para personalizar su comportamiento.'
+      }
+    }
+  }
+};
+const ConDescripcion = exports.ConDescripcion = {
+  args: {
+    message: 'El archivo fue guardado correctamente.',
+    description: 'Los cambios se aplicarán en la próxima sesión.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.success,
+    variant: _constants.VARIANTS.light
+  },
+  name: 'Con Descripción',
+  parameters: {
+    docs: {
+      description: {
+        story: 'La prop `description` agrega un texto secundario debajo del mensaje principal con tipografía `small`.'
+      }
+    }
+  }
+};
+const ConMarkdown = exports.ConMarkdown = {
+  args: {
+    message: 'El archivo **reporte_enero.pdf** fue generado *exitosamente*.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.success,
+    variant: _constants.VARIANTS.light
+  },
+  name: 'Con Markdown',
+  parameters: {
+    docs: {
+      description: {
+        story: 'El campo `message` soporta sintaxis markdown a través de `UTLabel`.'
+      }
+    }
+  }
+};
+const TopRight = exports.TopRight = {
+  args: {
+    message: 'Esta notificación aparece en la esquina superior derecha.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.info,
+    position: _constants.POSITIONS.topRight,
+    variant: _constants.VARIANTS.dark
+  },
+  name: 'Posición Superior Derecha',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Con `position="topRight"` el snackbar aparece en la esquina superior derecha con slide desde la derecha.'
+      }
+    }
+  }
+};
+const BottomRight = exports.BottomRight = {
+  args: {
+    message: 'Esta notificación aparece en la esquina inferior derecha.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.success,
+    position: _constants.POSITIONS.bottomRight,
+    variant: _constants.VARIANTS.dark
+  },
+  name: 'Posición Inferior Derecha',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Con `position="bottomRight"` el snackbar aparece en la esquina inferior derecha con slide desde abajo.'
+      }
+    }
+  }
+};
+const TopLeft = exports.TopLeft = {
+  args: {
+    message: 'Esta notificación aparece en la esquina superior izquierda.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.warning,
+    position: _constants.POSITIONS.topLeft,
+    variant: _constants.VARIANTS.dark
+  },
+  name: 'Posición Superior Izquierda',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Con `position="topLeft"` el snackbar aparece en la esquina superior izquierda con slide desde arriba.'
+      }
+    }
+  }
+};
+const SinIcono = exports.SinIcono = {
+  args: {
+    message: 'Notificación sin ícono.',
+    open: true,
+    colorTheme: _constants.COLOR_THEMES.warning,
+    variant: _constants.VARIANTS.dark,
+    withoutIcon: true
+  },
+  name: 'Sin Ícono',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Con `withoutIcon: true` se oculta el ícono.'
+      }
+    }
+  }
+};
+const Test = exports.Test = {
+  name: 'Test',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Story para el Storybook Test Runner. Renderiza variantes simultáneas para verificar el correcto renderizado.'
+      }
+    }
+  },
+  render: () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.default, {
+    colorTheme: _constants.COLOR_THEMES.success,
+    message: "success dark",
+    open: true
+  }), /*#__PURE__*/_react.default.createElement(_.default, {
+    colorTheme: _constants.COLOR_THEMES.error,
+    message: "error light",
+    open: true,
+    variant: _constants.VARIANTS.light
+  }), /*#__PURE__*/_react.default.createElement(_.default, {
+    colorTheme: _constants.COLOR_THEMES.white,
+    message: "white dark",
+    open: true,
+    variant: _constants.VARIANTS.dark
+  }), /*#__PURE__*/_react.default.createElement(_.default, {
+    button: {
+      title: 'Acción'
+    },
+    colorTheme: _constants.COLOR_THEMES.info,
+    description: "Texto secundario de descripci\xF3n",
+    message: "Con descripci\xF3n",
+    open: true
+  }))
+};

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

@@ -1 +1,169 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ARG_TYPES=void 0;var _utils=require("stories/utils"),_constants=require("../constants");const ARG_TYPES=exports.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(_constants.COLOR_THEMES),table:{defaultValue:{summary:_constants.COLOR_THEMES.success},type:{summary:(0,_utils.joinArgTypes)(Object.values(_constants.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(_constants.POSITIONS),table:{defaultValue:{summary:_constants.POSITIONS.bottomLeft},type:{summary:(0,_utils.joinArgTypes)(Object.values(_constants.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(_constants.VARIANTS),table:{defaultValue:{summary:_constants.VARIANTS.dark},type:{summary:(0,_utils.joinArgTypes)(Object.values(_constants.VARIANTS))}}},withoutIcon:{control:"boolean",description:"Si es `true`, oculta el ícono.",table:{defaultValue:{summary:"undefined"},type:{summary:"boolean"}}}};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ARG_TYPES = void 0;
+var _utils = require("stories/utils");
+var _constants = require("../constants");
+const ARG_TYPES = exports.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(_constants.COLOR_THEMES),
+    table: {
+      defaultValue: {
+        summary: _constants.COLOR_THEMES.success
+      },
+      type: {
+        summary: (0, _utils.joinArgTypes)(Object.values(_constants.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(_constants.POSITIONS),
+    table: {
+      defaultValue: {
+        summary: _constants.POSITIONS.bottomLeft
+      },
+      type: {
+        summary: (0, _utils.joinArgTypes)(Object.values(_constants.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(_constants.VARIANTS),
+    table: {
+      defaultValue: {
+        summary: _constants.VARIANTS.dark
+      },
+      type: {
+        summary: (0, _utils.joinArgTypes)(Object.values(_constants.VARIANTS))
+      }
+    }
+  },
+  withoutIcon: {
+    control: 'boolean',
+    description: 'Si es `true`, oculta el ícono.',
+    table: {
+      defaultValue: {
+        summary: 'undefined'
+      },
+      type: {
+        summary: 'boolean'
+      }
+    }
+  }
+};

package/dist/components/UTSnackbar/theme.js

@@ -1 +1,57 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveMuiTheme=void 0;var _styles=require("@material-ui/core/styles");const retrieveMuiTheme=theme=>{var _theme$Fonts;return(0,_styles.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}}}}})};exports.retrieveMuiTheme=retrieveMuiTheme;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveMuiTheme = void 0;
+var _styles = require("@material-ui/core/styles");
+const retrieveMuiTheme = theme => {
+  var _theme$Fonts;
+  return (0, _styles.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
+          }
+        }
+      }
+    }
+  });
+};
+exports.retrieveMuiTheme = retrieveMuiTheme;

package/dist/components/UTSnackbar/types.js

@@ -1 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.buttonType=void 0;var _propTypes=require("prop-types");const buttonType=exports.buttonType=(0,_propTypes.shape)({colorTheme:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,Icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.func]),iconPlacement:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func,size:_propTypes.string,title:_propTypes.node,type:_propTypes.string,variant:_propTypes.string});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buttonType = void 0;
+var _propTypes = require("prop-types");
+const buttonType = exports.buttonType = (0, _propTypes.shape)({
+  colorTheme: _propTypes.string,
+  dataTestId: _propTypes.string,
+  disabled: _propTypes.bool,
+  Icon: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.func]),
+  iconPlacement: _propTypes.string,
+  loading: _propTypes.bool,
+  onClick: _propTypes.func,
+  size: _propTypes.string,
+  title: _propTypes.node,
+  type: _propTypes.string,
+  variant: _propTypes.string
+});

package/dist/components/UTSnackbar/utils.js

@@ -1 +1,53 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getAnchorAndTransition=void 0;var _constants=require("./constants");const ANCHOR_TRANSITION_MAP={[_constants.POSITIONS.bottomLeft]:{anchor:{horizontal:"left",vertical:"bottom"},transition:{direction:"up"}},[_constants.POSITIONS.bottomRight]:{anchor:{horizontal:"right",vertical:"bottom"},transition:{direction:"up"}},[_constants.POSITIONS.topLeft]:{anchor:{horizontal:"left",vertical:"top"},transition:{direction:"down"}},[_constants.POSITIONS.topRight]:{anchor:{horizontal:"right",vertical:"top"},transition:{direction:"left"}}},getAnchorAndTransition=position=>ANCHOR_TRANSITION_MAP[position]||ANCHOR_TRANSITION_MAP[_constants.POSITIONS.bottomLeft];exports.getAnchorAndTransition=getAnchorAndTransition;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAnchorAndTransition = void 0;
+var _constants = require("./constants");
+const ANCHOR_TRANSITION_MAP = {
+  [_constants.POSITIONS.bottomLeft]: {
+    anchor: {
+      horizontal: 'left',
+      vertical: 'bottom'
+    },
+    transition: {
+      direction: 'up'
+    }
+  },
+  [_constants.POSITIONS.bottomRight]: {
+    anchor: {
+      horizontal: 'right',
+      vertical: 'bottom'
+    },
+    transition: {
+      direction: 'up'
+    }
+  },
+  [_constants.POSITIONS.topLeft]: {
+    anchor: {
+      horizontal: 'left',
+      vertical: 'top'
+    },
+    transition: {
+      direction: 'down'
+    }
+  },
+  [_constants.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 } }}
+ */
+const getAnchorAndTransition = position => ANCHOR_TRANSITION_MAP[position] || ANCHOR_TRANSITION_MAP[_constants.POSITIONS.bottomLeft];
+exports.getAnchorAndTransition = getAnchorAndTransition;