@synerise/ds-alert 1.1.13 → 1.1.15

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@1.1.14...@synerise/ds-alert@1.1.15) (2025-09-05)
+
+**Note:** Version bump only for package @synerise/ds-alert
+
+
+
+
+
+## [1.1.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@1.1.13...@synerise/ds-alert@1.1.14) (2025-08-28)
+
+**Note:** Version bump only for package @synerise/ds-alert
+
+
+
+
+
 ## [1.1.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@1.1.12...@synerise/ds-alert@1.1.13) (2025-08-20)
 
 **Note:** Version bump only for package @synerise/ds-alert

package/dist/BroadcastBar/BroadcastBar.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import { type Props } from './BroadcastBar.types';
-declare const BroadcastBar: ({ icon, type, description, button, withEmphasis, withLink, color, withClose, textButton, onCloseClick, text, }: Props) => React.JSX.Element;
+import BroadcastBar from '@synerise/ds-broadcast-bar';
+/** @deprecated use `@synerise/ds-broadcast-bar` instead */
 export default BroadcastBar;

package/dist/BroadcastBar/BroadcastBar.js

@@ -1,73 +1,5 @@
-import React, { useMemo } from 'react';
-import Icon, { Check3M, CloseM, ErrorFillM, WarningFillM } from '@synerise/ds-icon';
-import * as S from './BroadcastBar.styles';
-var ICONS = {
-  success: /*#__PURE__*/React.createElement(Check3M, null),
-  warning: /*#__PURE__*/React.createElement(WarningFillM, null),
-  negative: /*#__PURE__*/React.createElement(ErrorFillM, null)
-};
-var DEFAULT_ICON = /*#__PURE__*/React.createElement(WarningFillM, null);
-var BroadcastBar = function BroadcastBar(_ref) {
-  var icon = _ref.icon,
-    type = _ref.type,
-    description = _ref.description,
-    button = _ref.button,
-    withEmphasis = _ref.withEmphasis,
-    withLink = _ref.withLink,
-    color = _ref.color,
-    withClose = _ref.withClose,
-    textButton = _ref.textButton,
-    onCloseClick = _ref.onCloseClick,
-    text = _ref.text;
-  var renderMessage = useMemo(function () {
-    return /*#__PURE__*/React.createElement(S.AlertContent, {
-      color: color,
-      withLink: withLink
-    }, /*#__PURE__*/React.createElement(S.Text, {
-      color: color
-    }, description && !withEmphasis && /*#__PURE__*/React.createElement(S.AlertDescription, {
-      color: color
-    }, description), withLink && !withEmphasis && !description && /*#__PURE__*/React.createElement(S.LinkWrapper, {
-      color: color
-    }, /*#__PURE__*/React.createElement(S.WrapperText, null, text), /*#__PURE__*/React.createElement(S.Link, null, withLink)), withEmphasis && /*#__PURE__*/React.createElement(S.EmphasisWrapper, {
-      color: color
-    }, /*#__PURE__*/React.createElement(S.WrapperText, {
-      emphasis: withEmphasis
-    }, text), withEmphasis)));
-  }, [description, withEmphasis, withLink, text, color]);
-  var renderIcon = useMemo(function () {
-    if (icon) {
-      return icon;
-    }
-    if (ICONS[type]) {
-      return ICONS[type];
-    }
-    return DEFAULT_ICON;
-  }, [icon, type]);
-  return /*#__PURE__*/React.createElement(S.Container, {
-    color: color
-  }, /*#__PURE__*/React.createElement(S.WrapperSectionMessage, {
-    color: color
-  }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement(S.AllContent, {
-    close: withClose,
-    color: color
-  }, /*#__PURE__*/React.createElement(S.IconWrapper, {
-    color: color
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: renderIcon
-  })), renderMessage, /*#__PURE__*/React.createElement(S.ButtonWrapper, {
-    color: color
-  }, button && /*#__PURE__*/React.createElement(S.BroadcastButton, {
-    color: color,
-    type: color === 'yellow' ? 'tertiary' : 'tertiary-white',
-    mode: "label"
-  }, textButton))), /*#__PURE__*/React.createElement(S.ButtonCloseWrapper, {
-    color: color
-  }, withClose && /*#__PURE__*/React.createElement(S.IconCloseWrapper, {
-    onClick: onCloseClick,
-    color: color
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(CloseM, null)
-  })))));
-};
+import BroadcastBar from '@synerise/ds-broadcast-bar';
+
+/** @deprecated use `@synerise/ds-broadcast-bar` instead */
+
 export default BroadcastBar;

package/dist/IconAlert/IconAlert.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import { type IconAlertProps } from './IconAlert.types';
-declare const IconAlert: ({ type, iconAlert, message, withLink, withEmphasis, hoverButton, disabled, customIcon, ...rest }: IconAlertProps) => React.JSX.Element;
-export default IconAlert;
+import InlineAlert from '@synerise/ds-inline-alert';
+/** @deprecated use `@synerise/ds-inline-alert` instead */
+export default InlineAlert;

package/dist/IconAlert/IconAlert.js

@@ -1,36 +1,4 @@
-var _excluded = ["type", "iconAlert", "message", "withLink", "withEmphasis", "hoverButton", "disabled", "customIcon"];
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useMemo } from 'react';
-import Icon, { Check3M, InfoFillM, WarningFillM } from '@synerise/ds-icon';
-import * as S from './IconAlert.styles';
-var ICONS = {
-  success: /*#__PURE__*/React.createElement(Check3M, null),
-  alert: /*#__PURE__*/React.createElement(WarningFillM, null),
-  warning: /*#__PURE__*/React.createElement(WarningFillM, null),
-  info: /*#__PURE__*/React.createElement(InfoFillM, null)
-};
-var IconAlert = function IconAlert(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'warning' : _ref$type,
-    iconAlert = _ref.iconAlert,
-    message = _ref.message,
-    withLink = _ref.withLink,
-    withEmphasis = _ref.withEmphasis,
-    hoverButton = _ref.hoverButton,
-    disabled = _ref.disabled,
-    customIcon = _ref.customIcon,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var icon = useMemo(function () {
-    return ICONS[type];
-  }, [type]);
-  return /*#__PURE__*/React.createElement(S.IconAlertWrapper, _extends({}, rest, {
-    type: type,
-    disabled: disabled,
-    hoverButton: hoverButton,
-    className: "ds-inline-alert"
-  }), iconAlert && (customIcon || /*#__PURE__*/React.createElement(Icon, {
-    component: icon
-  })), message && /*#__PURE__*/React.createElement(S.Message, null, message, withLink && /*#__PURE__*/React.createElement(S.LinkWrapper, null, withLink), withEmphasis && !withLink && /*#__PURE__*/React.createElement(S.EmphasisWrapper, null, withEmphasis)));
-};
-export default IconAlert;
+import InlineAlert from '@synerise/ds-inline-alert';
+
+/** @deprecated use `@synerise/ds-inline-alert` instead */
+export default InlineAlert;

package/dist/index.d.ts

@@ -1,18 +1,17 @@
 import * as MainAlertStyles from './Alert.styles';
-import * as IconAlertStyles from './IconAlert/IconAlert.styles';
 import * as ToastStyles from './Toast/Toast.styles';
 export { default } from './Alert';
 export declare const AlertStyles: {
     Alert: typeof MainAlertStyles;
     Toast: typeof ToastStyles;
-    IconAlert: typeof IconAlertStyles;
 };
 /** @deprecated use `@synerise/ds-section-message` instead */
 export { default as SectionMessage } from './SectionMessage/SectionMessage';
 export { default as Toast } from './Toast/Toast';
+/** @deprecated - use Broadcast-Bar instead */
 export { default as BroadcastBar } from './BroadcastBar/BroadcastBar';
+/** @deprecated use `@synerise/ds-inline-alert` instead */
 export { default as IconAlert } from './IconAlert/IconAlert';
-export type { IconAlertType } from './IconAlert/IconAlert.types';
 export { default as InlineAlert } from './InlineAlert/InlineAlert';
 export { default as AlertInfo } from './AlertInfo/AlertInfo';
 export type { AlertSize } from './AlertInfo/AlertInfo.types';

package/dist/index.js

@@ -1,17 +1,18 @@
 import * as MainAlertStyles from './Alert.styles';
-import * as IconAlertStyles from './IconAlert/IconAlert.styles';
 import * as ToastStyles from './Toast/Toast.styles';
 export { default } from './Alert';
 export var AlertStyles = {
   Alert: MainAlertStyles,
-  Toast: ToastStyles,
-  IconAlert: IconAlertStyles
+  Toast: ToastStyles
 };
 
 /** @deprecated use `@synerise/ds-section-message` instead */
 export { default as SectionMessage } from './SectionMessage/SectionMessage';
 export { default as Toast } from './Toast/Toast';
+/** @deprecated - use Broadcast-Bar instead */
 export { default as BroadcastBar } from './BroadcastBar/BroadcastBar';
+
+/** @deprecated use `@synerise/ds-inline-alert` instead */
 export { default as IconAlert } from './IconAlert/IconAlert';
 export { default as InlineAlert } from './InlineAlert/InlineAlert';
 export { default as AlertInfo } from './AlertInfo/AlertInfo';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-alert",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "description": "Alert UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,10 +34,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.8",
-    "@synerise/ds-icon": "^1.7.0",
-    "@synerise/ds-unordered-list": "^1.1.13",
-    "@synerise/ds-utils": "^1.4.0",
+    "@synerise/ds-button": "^1.4.9",
+    "@synerise/ds-icon": "^1.7.1",
+    "@synerise/ds-unordered-list": "^1.1.14",
+    "@synerise/ds-utils": "^1.4.1",
     "animate.css": "^4.1.1"
   },
   "peerDependencies": {
@@ -46,5 +46,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "2393f96e57ee588efc9b56457389865b272b79fa"
+  "gitHead": "7f119fa17e645f1d800aea95c313fe22f348439c"
 }

package/dist/BroadcastBar/BroadcastBar.styles.d.ts

@@ -1,49 +0,0 @@
-import type React from 'react';
-import Button from '@synerise/ds-button';
-import { type ColorType } from './BroadcastBar.types';
-export declare const AlertContent: import("styled-components").StyledComponent<"div", any, {
-    withLink?: React.ReactNode;
-    color?: ColorType;
-}, never>;
-export declare const AllContent: import("styled-components").StyledComponent<"div", any, {
-    color?: ColorType;
-    close?: boolean | React.ReactNode;
-}, never>;
-export declare const Text: import("styled-components").StyledComponent<"div", any, {
-    color?: ColorType;
-}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
-    color?: ColorType;
-}, never>;
-export declare const IconCloseWrapper: import("styled-components").StyledComponent<"div", any, {
-    color?: ColorType;
-}, never>;
-export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {
-    color?: ColorType;
-}, never>;
-export declare const BroadcastButton: import("styled-components").StyledComponent<typeof Button, any, {
-    color?: ColorType;
-}, never>;
-export declare const ButtonCloseWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
-    color?: ColorType;
-}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    color?: ColorType;
-}, never>;
-export declare const WrapperSectionMessage: import("styled-components").StyledComponent<"div", any, {
-    color?: ColorType;
-}, never>;
-export declare const AlertDescription: import("styled-components").StyledComponent<"span", any, {
-    color?: ColorType;
-}, never>;
-export declare const EmphasisWrapper: import("styled-components").StyledComponent<"span", any, {
-    color?: ColorType;
-}, never>;
-export declare const WrapperText: import("styled-components").StyledComponent<"span", any, {
-    emphasis?: boolean | React.ReactNode;
-}, never>;
-export declare const LinkWrapper: import("styled-components").StyledComponent<"span", any, {
-    color?: ColorType;
-}, never>;
-export declare const Link: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/BroadcastBar/BroadcastBar.styles.js

@@ -1,112 +0,0 @@
-import styled from 'styled-components';
-import Button from '@synerise/ds-button';
-var getColorBackground = function getColorBackground(props) {
-  if (props.color === 'red') {
-    return props.theme.palette['red-500'];
-  }
-  return props.theme.palette[props.color + "-600"];
-};
-var getColorIcon = function getColorIcon(props) {
-  if (props.color === 'yellow') {
-    return props.theme.palette['grey-800'];
-  }
-  return props.theme.palette.white;
-};
-export var AlertContent = styled.div.withConfig({
-  displayName: "BroadcastBarstyles__AlertContent",
-  componentId: "sc-1xh5805-0"
-})(["display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 0;color:", ";"], function (props) {
-  return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
-});
-export var AllContent = styled.div.withConfig({
-  displayName: "BroadcastBarstyles__AllContent",
-  componentId: "sc-1xh5805-1"
-})(["display:flex;margin-left:", ";color:", ";"], function (props) {
-  return props.close ? '34px' : '0';
-}, function (props) {
-  return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
-});
-export var Text = styled.div.withConfig({
-  displayName: "BroadcastBarstyles__Text",
-  componentId: "sc-1xh5805-2"
-})(["display:flex;color:", ";"], function (props) {
-  return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
-});
-export var IconWrapper = styled.div.withConfig({
-  displayName: "BroadcastBarstyles__IconWrapper",
-  componentId: "sc-1xh5805-3"
-})(["margin:10px 12px;color:", ";fill:", ";}"], function (props) {
-  return getColorIcon(props);
-}, function (props) {
-  return getColorIcon(props);
-});
-export var IconCloseWrapper = styled.div.withConfig({
-  displayName: "BroadcastBarstyles__IconCloseWrapper",
-  componentId: "sc-1xh5805-4"
-})(["margin:3px 5px 2px;cursor:pointer;svg{color:", ";fill:", ";}"], function (props) {
-  return getColorIcon(props);
-}, function (props) {
-  return getColorIcon(props);
-});
-export var ButtonWrapper = styled.div.withConfig({
-  displayName: "BroadcastBarstyles__ButtonWrapper",
-  componentId: "sc-1xh5805-5"
-})(["margin:6px 8px;border-radius:3px;display:flex;background-color:rgba(255,255,255,0.2);"]);
-export var BroadcastButton = styled(Button).withConfig({
-  displayName: "BroadcastBarstyles__BroadcastButton",
-  componentId: "sc-1xh5805-6"
-})(["color:", ";&&& :hover{color:", " !important;}"], function (props) {
-  return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
-}, function (props) {
-  return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
-});
-export var ButtonCloseWrapper = styled.div.withConfig({
-  displayName: "BroadcastBarstyles__ButtonCloseWrapper",
-  componentId: "sc-1xh5805-7"
-})(["margin:6px 8px;display:flex;"]);
-export var Wrapper = styled.div.withConfig({
-  displayName: "BroadcastBarstyles__Wrapper",
-  componentId: "sc-1xh5805-8"
-})(["margin-top:10px;color:", ";"], function (props) {
-  return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
-});
-export var Container = styled.div.withConfig({
-  displayName: "BroadcastBarstyles__Container",
-  componentId: "sc-1xh5805-9"
-})(["width:100%;background-color:", ";"], function (props) {
-  return getColorBackground(props);
-});
-export var WrapperSectionMessage = styled.div.withConfig({
-  displayName: "BroadcastBarstyles__WrapperSectionMessage",
-  componentId: "sc-1xh5805-10"
-})(["font-size:13px;display:flex;color:", ";justify-content:space-between;"], function (props) {
-  return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
-});
-export var AlertDescription = styled.span.withConfig({
-  displayName: "BroadcastBarstyles__AlertDescription",
-  componentId: "sc-1xh5805-11"
-})(["display:flex;max-width:800px;white-space:normal;font-size:13px;line-height:1.39;font-weight:500;margin-top:1px;color:", ";"], function (props) {
-  return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
-});
-export var EmphasisWrapper = styled.span.withConfig({
-  displayName: "BroadcastBarstyles__EmphasisWrapper",
-  componentId: "sc-1xh5805-12"
-})(["font-size:13px;max-width:800px;line-height:1.39;font-weight:500;margin-top:1px;color:", ";"], function (props) {
-  return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
-});
-export var WrapperText = styled.span.withConfig({
-  displayName: "BroadcastBarstyles__WrapperText",
-  componentId: "sc-1xh5805-13"
-})(["font-weight:", ";margin-right:3px;max-width:800px;"], function (props) {
-  return props.emphasis ? '400' : '500';
-});
-export var LinkWrapper = styled.span.withConfig({
-  displayName: "BroadcastBarstyles__LinkWrapper",
-  componentId: "sc-1xh5805-14"
-})(["font-size:13px;line-height:1.5;max-width:800px;font-weight:500;margin-top:1px;color:", ";"], function (props) {
-  return props.color === 'yellow' ? props.theme.palette['grey-800'] : props.theme.palette.white;
-});
-export var Link = styled.span.withConfig({
-  displayName: "BroadcastBarstyles__Link",
-  componentId: "sc-1xh5805-15"
-})(["text-decoration:underline;cursor:pointer;max-width:800px;"]);

package/dist/BroadcastBar/BroadcastBar.types.d.ts

@@ -1,15 +0,0 @@
-import { type AlertProps } from 'antd/lib/alert';
-import { type ReactNode } from 'react';
-export type BroadcastBarTypes = 'success' | 'warning' | 'negative';
-export type ColorType = 'red' | 'green' | 'yellow';
-export interface Props extends Omit<AlertProps, 'type' | 'message'> {
-    type: BroadcastBarTypes;
-    color?: ColorType;
-    button?: boolean | ReactNode;
-    withEmphasis?: ReactNode;
-    withLink?: ReactNode;
-    withClose?: ReactNode;
-    onCloseClick?: () => void;
-    textButton?: string;
-    text?: ReactNode;
-}

package/dist/BroadcastBar/BroadcastBar.types.js

@@ -1 +0,0 @@
-export {};

package/dist/IconAlert/IconAlert.styles.d.ts

@@ -1,9 +0,0 @@
-import { type IconAlertType } from './IconAlert.types';
-export declare const Message: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const IconAlertWrapper: import("styled-components").StyledComponent<"span", any, {
-    type: IconAlertType;
-    hoverButton?: boolean;
-    disabled?: boolean;
-}, never>;
-export declare const EmphasisWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const LinkWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/IconAlert/IconAlert.styles.js

@@ -1,47 +0,0 @@
-import styled, { css } from 'styled-components';
-var COLORS = {
-  success: 'green-600',
-  warning: 'yellow-600',
-  alert: 'red-600',
-  info: 'grey-600'
-};
-var COLORS_HOVER = {
-  success: 'green-700',
-  warning: 'yellow-700',
-  alert: 'red-700',
-  info: 'grey-700'
-};
-export var Message = styled.span.withConfig({
-  displayName: "IconAlertstyles__Message",
-  componentId: "sc-1ty06sp-0"
-})(["display:flex;font-size:13px;line-height:18px;font-weight:400;color:inherit;margin-left:4px;"]);
-export var IconAlertWrapper = styled.span.withConfig({
-  displayName: "IconAlertstyles__IconAlertWrapper",
-  componentId: "sc-1ty06sp-1"
-})(["display:flex;align-items:center;justify-content:flex-start;flex-direction:row;&:hover{cursor:", ";svg{color:", ";fill:", ";}}&:active{svg{color:", ";fill:", ";}}svg{color:", ";fill:", ";}", ";", "{color:", ";}"], function (props) {
-  return props.hoverButton ? 'pointer' : 'auto';
-}, function (props) {
-  return props.hoverButton ? props.theme.palette[COLORS_HOVER[props.type]] : props.theme.palette[COLORS[props.type]];
-}, function (props) {
-  return props.hoverButton ? props.theme.palette[COLORS_HOVER[props.type]] : props.theme.palette[COLORS[props.type]];
-}, function (props) {
-  return props.theme.palette[COLORS[props.type]];
-}, function (props) {
-  return props.theme.palette[COLORS[props.type]];
-}, function (props) {
-  return props.theme.palette[COLORS[props.type]];
-}, function (props) {
-  return props.theme.palette[COLORS[props.type]];
-}, function (props) {
-  return !!props.disabled && css(["pointer-events:none;opacity:0.4;"]);
-}, Message, function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var EmphasisWrapper = styled.span.withConfig({
-  displayName: "IconAlertstyles__EmphasisWrapper",
-  componentId: "sc-1ty06sp-2"
-})(["display:flex;padding-bottom:1px;font-size:13px;line-height:1.39;padding-left:3px;font-weight:500;color:inherit;"]);
-export var LinkWrapper = styled.span.withConfig({
-  displayName: "IconAlertstyles__LinkWrapper",
-  componentId: "sc-1ty06sp-3"
-})(["display:flex;font-size:13px;line-height:1.39;font-weight:400;margin-left:3px;color:inherit;text-decoration:underline;cursor:pointer;"]);

package/dist/IconAlert/IconAlert.types.d.ts

@@ -1,12 +0,0 @@
-import type React from 'react';
-export type IconAlertType = 'success' | 'alert' | 'warning' | 'info';
-export type IconAlertProps = {
-    type: IconAlertType;
-    message?: React.ReactNode;
-    withEmphasis?: React.ReactNode;
-    withLink?: React.ReactNode;
-    iconAlert?: boolean;
-    hoverButton?: boolean;
-    disabled?: boolean;
-    customIcon?: React.ReactNode;
-};

package/dist/IconAlert/IconAlert.types.js

@@ -1 +0,0 @@
-export {};