@synerise/ds-banner 1.2.9 → 1.2.11

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-banner@1.2.10...@synerise/ds-banner@1.2.11) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-banner
+
+## [1.2.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-banner@1.2.9...@synerise/ds-banner@1.2.10) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-banner
+
 ## [1.2.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-banner@1.2.8...@synerise/ds-banner@1.2.9) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-banner

package/dist/Banner.const.js

@@ -1,4 +1,9 @@
-import { theme } from '@synerise/ds-core';
-export var DEFAULT_SLIDE_SPEED = 5000;
-export var DEFAULT_STATUS_COLOR = theme.palette['yellow-600'];
-export var DEFAULT_STATUS_TEXT_COLOR = theme.palette.white;
+import { theme } from "@synerise/ds-core";
+const DEFAULT_SLIDE_SPEED = 5e3;
+const DEFAULT_STATUS_COLOR = theme.palette["yellow-600"];
+const DEFAULT_STATUS_TEXT_COLOR = theme.palette.white;
+export {
+  DEFAULT_SLIDE_SPEED,
+  DEFAULT_STATUS_COLOR,
+  DEFAULT_STATUS_TEXT_COLOR
+};

package/dist/Banner.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import type { BannerProps } from './Banner.types';
-import './style/index.less';
+import { default as React } from 'react';
+import { BannerProps } from './Banner.types';
 declare const Banner: ({ slides, autoPlay, autoPlaySpeed, transitionEffect, onAfterChange, onBeforeChange, texts, onClose, expandable, ...htmlAttributes }: BannerProps) => React.JSX.Element;
 export default Banner;

package/dist/Banner.js

@@ -1,88 +1,59 @@
-var _excluded = ["slides", "autoPlay", "autoPlaySpeed", "transitionEffect", "onAfterChange", "onBeforeChange", "texts", "onClose", "expandable"];
-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, useState } from 'react';
-import { v4 as uuid } from 'uuid';
-import Button from '@synerise/ds-button';
-import Icon, { CloseM } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import { DEFAULT_SLIDE_SPEED } from './Banner.const';
-import * as S from './Banner.styles';
-import { BannerCounter, BannerHeader, BannerSlide } from './components';
-import { useCarousel, useTexts } from './hooks';
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useMemo, createElement } from "react";
+import { v4 } from "uuid";
+import Button from "@synerise/ds-button";
+import Icon, { CloseM } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { DEFAULT_SLIDE_SPEED } from "./Banner.const.js";
+import { BannerCloseWrapper, BannerWrapper, BannerSlides } from "./Banner.styles.js";
+import { BannerCounter } from "./components/BannerCounter/BannerCounter.js";
+import { BannerHeader } from "./components/BannerHeader/BannerHeader.js";
+import { BannerSlide } from "./components/BannerSlide/BannerSlide.js";
+import "@synerise/ds-tag";
+import { useCarousel } from "./hooks/useCarousel.js";
+import { useTexts } from "./hooks/useTexts.js";
 import "./style/index.css";
-var Banner = function Banner(_ref) {
-  var slides = _ref.slides,
-    _ref$autoPlay = _ref.autoPlay,
-    autoPlay = _ref$autoPlay === void 0 ? true : _ref$autoPlay,
-    _ref$autoPlaySpeed = _ref.autoPlaySpeed,
-    autoPlaySpeed = _ref$autoPlaySpeed === void 0 ? DEFAULT_SLIDE_SPEED : _ref$autoPlaySpeed,
-    _ref$transitionEffect = _ref.transitionEffect,
-    transitionEffect = _ref$transitionEffect === void 0 ? 'scrollx' : _ref$transitionEffect,
-    onAfterChange = _ref.onAfterChange,
-    onBeforeChange = _ref.onBeforeChange,
-    texts = _ref.texts,
-    onClose = _ref.onClose,
-    expandable = _ref.expandable,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(0),
-    currentIndex = _useState[0],
-    setCurrentIndex = _useState[1];
-  var _useState2 = useState((expandable == null ? void 0 : expandable.isExpanded) !== undefined ? expandable == null ? void 0 : expandable.isExpanded : true),
-    isExpanded = _useState2[0],
-    setIsExpanded = _useState2[1];
-  var _useCarousel = useCarousel(),
-    bannerRef = _useCarousel.bannerRef,
-    handleDotClick = _useCarousel.handleDotClick,
-    handleNextClick = _useCarousel.handleNextClick,
-    handlePrevClick = _useCarousel.handlePrevClick;
-  var allTexts = useTexts(texts);
-  var slidesWithUUID = useMemo(function () {
-    return slides.map(function (slide) {
-      return _extends({}, slide, {
-        id: uuid()
-      });
-    });
+const Banner = ({
+  slides,
+  autoPlay = true,
+  autoPlaySpeed = DEFAULT_SLIDE_SPEED,
+  transitionEffect = "scrollx",
+  onAfterChange,
+  onBeforeChange,
+  texts,
+  onClose,
+  expandable,
+  ...htmlAttributes
+}) => {
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [isExpanded, setIsExpanded] = useState(expandable?.isExpanded !== void 0 ? expandable?.isExpanded : true);
+  const {
+    bannerRef,
+    handleDotClick,
+    handleNextClick,
+    handlePrevClick
+  } = useCarousel();
+  const allTexts = useTexts(texts);
+  const slidesWithUUID = useMemo(() => {
+    return slides.map((slide) => ({
+      ...slide,
+      id: v4()
+    }));
   }, [slides]);
-  var handleBeforeChange = function handleBeforeChange(from, to) {
+  const handleBeforeChange = (from, to) => {
     setCurrentIndex(to);
-    onBeforeChange == null || onBeforeChange(from, to);
+    onBeforeChange?.(from, to);
   };
-  var closeButton = onClose && /*#__PURE__*/React.createElement(S.BannerCloseWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
-    title: texts == null ? void 0 : texts.closeTooltip
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: onClose,
-    mode: "single-icon",
-    type: "ghost"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(CloseM, null)
-  }))));
-  var expandableHeader = expandable && /*#__PURE__*/React.createElement(BannerHeader, _extends({}, expandable, {
-    isExpanded: isExpanded,
-    closeButton: closeButton,
-    onToggle: setIsExpanded,
-    texts: allTexts
-  }));
-  return /*#__PURE__*/React.createElement(S.BannerWrapper, _extends({}, htmlAttributes, {
-    count: slides.length
-  }), expandableHeader || closeButton, isExpanded && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.BannerSlides, {
-    ref: bannerRef,
-    afterChange: onAfterChange,
-    beforeChange: handleBeforeChange,
-    autoplay: autoPlay,
-    autoplaySpeed: autoPlaySpeed,
-    effect: transitionEffect,
-    dots: false
-  }, slidesWithUUID.map(function (slide) {
-    return /*#__PURE__*/React.createElement(BannerSlide, _extends({}, slide, {
-      key: slide.id
-    }));
-  })), slides.length > 1 && /*#__PURE__*/React.createElement(BannerCounter, {
-    onPrevClick: handlePrevClick,
-    onNextClick: handleNextClick,
-    onDotClick: handleDotClick,
-    currentIndex: currentIndex,
-    slides: slidesWithUUID
-  })));
+  const closeButton = onClose && /* @__PURE__ */ jsx(BannerCloseWrapper, { children: /* @__PURE__ */ jsx(Tooltip, { title: texts?.closeTooltip, children: /* @__PURE__ */ jsx(Button, { onClick: onClose, mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CloseM, {}) }) }) }) });
+  const expandableHeader = expandable && /* @__PURE__ */ jsx(BannerHeader, { ...expandable, isExpanded, closeButton, onToggle: setIsExpanded, texts: allTexts });
+  return /* @__PURE__ */ jsxs(BannerWrapper, { ...htmlAttributes, count: slides.length, children: [
+    expandableHeader || closeButton,
+    isExpanded && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BannerSlides, { ref: bannerRef, afterChange: onAfterChange, beforeChange: handleBeforeChange, autoplay: autoPlay, autoplaySpeed: autoPlaySpeed, effect: transitionEffect, dots: false, children: slidesWithUUID.map((slide) => /* @__PURE__ */ createElement(BannerSlide, { ...slide, key: slide.id })) }),
+      slides.length > 1 && /* @__PURE__ */ jsx(BannerCounter, { onPrevClick: handlePrevClick, onNextClick: handleNextClick, onDotClick: handleDotClick, currentIndex, slides: slidesWithUUID })
+    ] })
+  ] });
+};
+export {
+  Banner as default
 };
-export default Banner;

package/dist/Banner.styles.d.ts

@@ -1,40 +1,40 @@
-export declare const BannerWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const BannerWrapper: import('styled-components').StyledComponent<"div", any, {
     count: number;
 }, never>;
-export declare const BannerCloseWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerHeaderWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const BannerCloseWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerHeaderWrapper: import('styled-components').StyledComponent<"div", any, {
     isExpanded: boolean;
 }, never>;
-export declare const BannerHeaderIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerHeaderTitle: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
-    size?: import("@synerise/ds-typography").TextSize;
-    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
-    children?: import("react").ReactNode;
+export declare const BannerHeaderIcon: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerHeaderTitle: import('styled-components').StyledComponent<({ size, className, children, ellipsis, style, }: {
+    size?: import('@synerise/ds-typography').TextSize;
+    ellipsis?: import('@synerise/ds-typography/dist/Ellipsis').EllipsisProps;
+    children?: import('react').ReactNode;
     className?: string;
-    style?: import("react").CSSProperties;
+    style?: import('react').CSSProperties;
 }) => React.JSX.Element, any, {}, never>;
-export declare const BannerHeaderToggle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerSlides: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").CarouselProps & import("react").RefAttributes<import("antd/lib/carousel").CarouselRef>>, any, {
+export declare const BannerHeaderToggle: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerDivider: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerSlides: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('antd').CarouselProps & import('react').RefAttributes<import('antd/lib/carousel').CarouselRef>>, any, {
     count?: number;
 }, never>;
-export declare const BannerSlideWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerSlideInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerSlideTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerSlideContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerSlideContentWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const BannerSlideWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerSlideInner: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerSlideTitle: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerSlideContent: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerSlideContentWrapper: import('styled-components').StyledComponent<"div", any, {
     hasMainContent: boolean;
     type?: "media" | "text";
     position: "left" | "right" | "main";
 }, never>;
-export declare const BannerSlideTitlePrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerSlideTitleStatus: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+export declare const BannerSlideTitlePrefix: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerSlideTitleStatus: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<{
     id?: string | number;
     name?: string;
     textColor?: string;
     color?: string;
     image?: string;
-    shape?: import("@synerise/ds-tag").TagShape;
+    shape?: import('@synerise/ds-tag').TagShape;
     removable?: boolean;
     className?: string;
     disabled?: boolean;
@@ -42,16 +42,16 @@ export declare const BannerSlideTitleStatus: import("styled-components").StyledC
     onRemove?: (tag: string | number) => void;
     prefixel?: React.ReactNode;
     suffixel?: React.ReactNode;
-    texts?: import("@synerise/ds-tag").TagTexts;
+    texts?: import('@synerise/ds-tag').TagTexts;
     asPill?: boolean;
     dashed?: boolean;
-    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "image" | "className" | "color" | "id" | "name" | "onClick" | "shape" | "disabled" | "textColor" | "removable" | "onRemove" | "prefixel" | "suffixel" | "texts" | "asPill" | "dashed" | "tooltipProps"> & import("@synerise/ds-utils").DataAttributes & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const BannerSlideTitleText: import("styled-components").StyledComponent<({ level, withoutMargin, children, className, ellipsis, ...antdProps }: import("@synerise/ds-typography/dist/Title.types").Props) => React.JSX.Element, any, {}, never>;
-export declare const BannerSlideDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerSlideMediaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerSlideButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerCounterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BannerCounterDot: import("styled-components").StyledComponent<"div", any, {
+    tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
+} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "image" | "className" | "color" | "id" | "name" | "onClick" | "shape" | "disabled" | "textColor" | "removable" | "onRemove" | "prefixel" | "suffixel" | "texts" | "asPill" | "dashed" | "tooltipProps"> & import('@synerise/ds-utils').DataAttributes & import('react').RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const BannerSlideTitleText: import('styled-components').StyledComponent<({ level, withoutMargin, children, className, ellipsis, ...antdProps }: import('@synerise/ds-typography/dist/Title.types').Props) => React.JSX.Element, any, {}, never>;
+export declare const BannerSlideDescription: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerSlideMediaWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerSlideButtons: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerCounterWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BannerCounterDot: import('styled-components').StyledComponent<"div", any, {
     active?: boolean;
 }, never>;

package/dist/Banner.styles.js

@@ -1,107 +1,116 @@
-import { Carousel } from 'antd';
-import styled, { css } from 'styled-components';
-import Tag from '@synerise/ds-tag';
-import { Text, Title } from '@synerise/ds-typography';
-export var BannerWrapper = styled.div.withConfig({
+import { Carousel } from "antd";
+import styled, { css } from "styled-components";
+import Tag from "@synerise/ds-tag";
+import { Text, Title } from "@synerise/ds-typography";
+const BannerWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerWrapper",
   componentId: "sc-1rovna0-0"
-})(["width:100%;background:", ";position:relative;border-radius:3px;overflow:hidden;.ant-carousel{min-width:100%;flex:1 0 100%;}.ant-carousel .slick-track{display:flex;align-items:center;}"], function (props) {
-  return props.theme.palette['grey-100'];
-});
-export var BannerCloseWrapper = styled.div.withConfig({
+})(["width:100%;background:", ";position:relative;border-radius:3px;overflow:hidden;.ant-carousel{min-width:100%;flex:1 0 100%;}.ant-carousel .slick-track{display:flex;align-items:center;}"], (props) => props.theme.palette["grey-100"]);
+const BannerCloseWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerCloseWrapper",
   componentId: "sc-1rovna0-1"
 })(["position:absolute;right:8px;top:8px;z-index:10;"]);
-export var BannerHeaderWrapper = styled.div.withConfig({
+const BannerHeaderWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerHeaderWrapper",
   componentId: "sc-1rovna0-2"
-})(["display:flex;gap:16px;align-items:center;padding:8px 16px;", " ", "{position:static;}"], function (props) {
-  return props.isExpanded && css(["border-bottom:solid 1px ", ";"], props.theme.palette['grey-300']);
-}, BannerCloseWrapper);
-export var BannerHeaderIcon = styled.div.withConfig({
+})(["display:flex;gap:16px;align-items:center;padding:8px 16px;", " ", "{position:static;}"], (props) => props.isExpanded && css(["border-bottom:solid 1px ", ";"], props.theme.palette["grey-300"]), BannerCloseWrapper);
+const BannerHeaderIcon = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerHeaderIcon",
   componentId: "sc-1rovna0-3"
 })([""]);
-export var BannerHeaderTitle = styled(Text).withConfig({
+const BannerHeaderTitle = /* @__PURE__ */ styled(Text).withConfig({
   displayName: "Bannerstyles__BannerHeaderTitle",
   componentId: "sc-1rovna0-4"
 })(["flex-grow:1;"]);
-export var BannerHeaderToggle = styled.div.withConfig({
+const BannerHeaderToggle = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerHeaderToggle",
   componentId: "sc-1rovna0-5"
 })([""]);
-export var BannerDivider = styled.div.withConfig({
+const BannerDivider = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerDivider",
   componentId: "sc-1rovna0-6"
-})(["width:1px;height:32px;background:", ";"], function (props) {
-  return props.theme.palette['grey-300'];
-});
-export var BannerSlides = styled(Carousel).withConfig({
+})(["width:1px;height:32px;background:", ";"], (props) => props.theme.palette["grey-300"]);
+const BannerSlides = /* @__PURE__ */ styled(Carousel).withConfig({
   displayName: "Bannerstyles__BannerSlides",
   componentId: "sc-1rovna0-7"
 })(["min-width:100%;display:flex;"]);
-export var BannerSlideWrapper = styled.div.withConfig({
+const BannerSlideWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerSlideWrapper",
   componentId: "sc-1rovna0-8"
 })([""]);
-export var BannerSlideInner = styled.div.withConfig({
+const BannerSlideInner = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerSlideInner",
   componentId: "sc-1rovna0-9"
 })(["display:flex;flex:1 0 100%;width:100%;"]);
-export var BannerSlideTitle = styled.div.withConfig({
+const BannerSlideTitle = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerSlideTitle",
   componentId: "sc-1rovna0-10"
 })(["display:flex;gap:16px;align-items:center;position:relative;"]);
-export var BannerSlideContent = styled.div.withConfig({
+const BannerSlideContent = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerSlideContent",
   componentId: "sc-1rovna0-11"
 })([""]);
-export var BannerSlideContentWrapper = styled.div.withConfig({
+const BannerSlideContentWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerSlideContentWrapper",
   componentId: "sc-1rovna0-12"
-})(["display:flex;", ";", ";"], function (_ref) {
-  var type = _ref.type;
-  return type === 'media' ? css(["flex-direction:row;"]) : css(["flex-direction:column;gap:8px;padding:48px 40px;"]);
-}, function (_ref2) {
-  var position = _ref2.position,
-    hasMainContent = _ref2.hasMainContent;
-  return position === 'main' ? css(["flex-grow:1;"]) : css(["flex-grow:", ";flex-basis:240px;flex-shrink:0;"], hasMainContent ? '0' : '1');
-});
-export var BannerSlideTitlePrefix = styled.div.withConfig({
+})(["display:flex;", ";", ";"], ({
+  type
+}) => type === "media" ? css(["flex-direction:row;"]) : css(["flex-direction:column;gap:8px;padding:48px 40px;"]), ({
+  position,
+  hasMainContent
+}) => position === "main" ? css(["flex-grow:1;"]) : css(["flex-grow:", ";flex-basis:240px;flex-shrink:0;"], hasMainContent ? "0" : "1"));
+const BannerSlideTitlePrefix = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerSlideTitlePrefix",
   componentId: "sc-1rovna0-13"
 })([""]);
-export var BannerSlideTitleStatus = styled(Tag).withConfig({
+const BannerSlideTitleStatus = /* @__PURE__ */ styled(Tag).withConfig({
   displayName: "Bannerstyles__BannerSlideTitleStatus",
   componentId: "sc-1rovna0-14"
 })(["margin:0;"]);
-export var BannerSlideTitleText = styled(Title).withConfig({
+const BannerSlideTitleText = /* @__PURE__ */ styled(Title).withConfig({
   displayName: "Bannerstyles__BannerSlideTitleText",
   componentId: "sc-1rovna0-15"
 })(["margin-bottom:0;"]);
-export var BannerSlideDescription = styled.div.withConfig({
+const BannerSlideDescription = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerSlideDescription",
   componentId: "sc-1rovna0-16"
 })([""]);
-export var BannerSlideMediaWrapper = styled.div.withConfig({
+const BannerSlideMediaWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerSlideMediaWrapper",
   componentId: "sc-1rovna0-17"
 })(["width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;img,video{max-width:100%;max-height:100%;}"]);
-export var BannerSlideButtons = styled.div.withConfig({
+const BannerSlideButtons = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerSlideButtons",
   componentId: "sc-1rovna0-18"
 })(["margin-top:16px;display:flex;gap:8px;"]);
-export var BannerCounterWrapper = styled.div.withConfig({
+const BannerCounterWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerCounterWrapper",
   componentId: "sc-1rovna0-19"
-})(["padding:4px;display:flex;align-items:center;justify-content:center;gap:8px;border-top:solid 1px ", ";"], function (props) {
-  return props.theme.palette['grey-300'];
-});
-export var BannerCounterDot = styled.div.withConfig({
+})(["padding:4px;display:flex;align-items:center;justify-content:center;gap:8px;border-top:solid 1px ", ";"], (props) => props.theme.palette["grey-300"]);
+const BannerCounterDot = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Bannerstyles__BannerCounterDot",
   componentId: "sc-1rovna0-20"
-})(["display:flex;width:24px;height:32px;cursor:pointer;align-items:center;&:after{content:'';transition:background-color 0.2s ease-in-out;background:", ";height:4px;width:100%;border-radius:2px;display:block;}&:hover{&:after{background:", ";}}"], function (props) {
-  return props.active ? props.theme.palette['blue-600'] : props.theme.palette['grey-300'];
-}, function (props) {
-  return props.active ? props.theme.palette['blue-600'] : props.theme.palette['grey-400'];
-});
+})(["display:flex;width:24px;height:32px;cursor:pointer;align-items:center;&:after{content:'';transition:background-color 0.2s ease-in-out;background:", ";height:4px;width:100%;border-radius:2px;display:block;}&:hover{&:after{background:", ";}}"], (props) => props.active ? props.theme.palette["blue-600"] : props.theme.palette["grey-300"], (props) => props.active ? props.theme.palette["blue-600"] : props.theme.palette["grey-400"]);
+export {
+  BannerCloseWrapper,
+  BannerCounterDot,
+  BannerCounterWrapper,
+  BannerDivider,
+  BannerHeaderIcon,
+  BannerHeaderTitle,
+  BannerHeaderToggle,
+  BannerHeaderWrapper,
+  BannerSlideButtons,
+  BannerSlideContent,
+  BannerSlideContentWrapper,
+  BannerSlideDescription,
+  BannerSlideInner,
+  BannerSlideMediaWrapper,
+  BannerSlideTitle,
+  BannerSlideTitlePrefix,
+  BannerSlideTitleStatus,
+  BannerSlideTitleText,
+  BannerSlideWrapper,
+  BannerSlides,
+  BannerWrapper
+};

package/dist/Banner.types.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
-import type { TagProps } from '@synerise/ds-tag';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { TagProps } from '@synerise/ds-tag';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 type Texts = 'expand' | 'collapse' | 'closeTooltip';
 export type BannerTexts = {
     [k in Texts]: ReactNode;

package/dist/Banner.types.js

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

package/dist/components/BannerCounter/BannerCounter.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { BannerCounterProps } from '../../Banner.types';
+import { default as React } from 'react';
+import { BannerCounterProps } from '../../Banner.types';
 export declare const BannerCounter: ({ slides, currentIndex, onDotClick, onPrevClick, onNextClick, }: BannerCounterProps) => React.JSX.Element;

package/dist/components/BannerCounter/BannerCounter.js

@@ -1,34 +1,20 @@
-import React from 'react';
-import Button from '@synerise/ds-button';
-import Icon, { AngleLeftS, AngleRightS } from '@synerise/ds-icon';
-import * as S from '../../Banner.styles';
-export var BannerCounter = function BannerCounter(_ref) {
-  var slides = _ref.slides,
-    currentIndex = _ref.currentIndex,
-    onDotClick = _ref.onDotClick,
-    onPrevClick = _ref.onPrevClick,
-    onNextClick = _ref.onNextClick;
-  return /*#__PURE__*/React.createElement(S.BannerCounterWrapper, {
-    "data-testid": "banner-counter"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "ghost",
-    onClick: onPrevClick,
-    mode: "single-icon"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(AngleLeftS, null)
-  })), slides.map(function (slide, index) {
-    return /*#__PURE__*/React.createElement(S.BannerCounterDot, {
-      key: slide.id,
-      active: index === currentIndex,
-      onClick: function onClick() {
-        return onDotClick(index);
-      }
-    });
-  }), /*#__PURE__*/React.createElement(Button, {
-    type: "ghost",
-    onClick: onNextClick,
-    mode: "single-icon"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(AngleRightS, null)
-  })));
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+import Button from "@synerise/ds-button";
+import Icon, { AngleLeftS, AngleRightS } from "@synerise/ds-icon";
+import { BannerCounterWrapper, BannerCounterDot } from "../../Banner.styles.js";
+const BannerCounter = ({
+  slides,
+  currentIndex,
+  onDotClick,
+  onPrevClick,
+  onNextClick
+}) => {
+  return /* @__PURE__ */ jsxs(BannerCounterWrapper, { "data-testid": "banner-counter", children: [
+    /* @__PURE__ */ jsx(Button, { type: "ghost", onClick: onPrevClick, mode: "single-icon", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleLeftS, {}) }) }),
+    slides.map((slide, index) => /* @__PURE__ */ jsx(BannerCounterDot, { active: index === currentIndex, onClick: () => onDotClick(index) }, slide.id)),
+    /* @__PURE__ */ jsx(Button, { type: "ghost", onClick: onNextClick, mode: "single-icon", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleRightS, {}) }) })
+  ] });
+};
+export {
+  BannerCounter
+};

package/dist/components/BannerHeader/BannerHeader.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { BannerHeaderProps } from '../../Banner.types';
+import { default as React } from 'react';
+import { BannerHeaderProps } from '../../Banner.types';
 export declare const BannerHeader: ({ closeButton, icon, title, isExpanded, texts, onToggle, }: BannerHeaderProps) => React.JSX.Element;

package/dist/components/BannerHeader/BannerHeader.js

@@ -1,29 +1,32 @@
-import React, { useMemo } from 'react';
-import Button from '@synerise/ds-button';
-import Icon, { AngleDownS, AngleUpS } from '@synerise/ds-icon';
-import * as S from '../../Banner.styles';
-export var BannerHeader = function BannerHeader(_ref) {
-  var closeButton = _ref.closeButton,
-    icon = _ref.icon,
-    title = _ref.title,
-    _ref$isExpanded = _ref.isExpanded,
-    isExpanded = _ref$isExpanded === void 0 ? true : _ref$isExpanded,
-    texts = _ref.texts,
-    onToggle = _ref.onToggle;
-  var toggleButtonElement = useMemo(function () {
-    return /*#__PURE__*/React.createElement(Button, {
-      mode: "label-icon",
-      type: "ghost-primary",
-      onClick: function onClick() {
-        return onToggle(!isExpanded);
-      }
-    }, isExpanded ? texts.collapse : texts.expand, /*#__PURE__*/React.createElement(Icon, {
-      component: isExpanded ? /*#__PURE__*/React.createElement(AngleUpS, null) : /*#__PURE__*/React.createElement(AngleDownS, null)
-    }));
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Button from "@synerise/ds-button";
+import Icon, { AngleUpS, AngleDownS } from "@synerise/ds-icon";
+import { BannerHeaderWrapper, BannerHeaderIcon, BannerHeaderTitle, BannerHeaderToggle, BannerDivider } from "../../Banner.styles.js";
+const BannerHeader = ({
+  closeButton,
+  icon,
+  title,
+  isExpanded = true,
+  texts,
+  onToggle
+}) => {
+  const toggleButtonElement = useMemo(() => {
+    return /* @__PURE__ */ jsxs(Button, { mode: "label-icon", type: "ghost-primary", onClick: () => onToggle(!isExpanded), children: [
+      isExpanded ? texts.collapse : texts.expand,
+      /* @__PURE__ */ jsx(Icon, { component: isExpanded ? /* @__PURE__ */ jsx(AngleUpS, {}) : /* @__PURE__ */ jsx(AngleDownS, {}) })
+    ] });
   }, [isExpanded, onToggle, texts.collapse, texts.expand]);
-  return /*#__PURE__*/React.createElement(S.BannerHeaderWrapper, {
-    isExpanded: isExpanded
-  }, icon && /*#__PURE__*/React.createElement(S.BannerHeaderIcon, null, icon), /*#__PURE__*/React.createElement(S.BannerHeaderTitle, {
-    size: "small"
-  }, title), /*#__PURE__*/React.createElement(S.BannerHeaderToggle, null, toggleButtonElement), closeButton && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.BannerDivider, null), closeButton));
-};
+  return /* @__PURE__ */ jsxs(BannerHeaderWrapper, { isExpanded, children: [
+    icon && /* @__PURE__ */ jsx(BannerHeaderIcon, { children: icon }),
+    /* @__PURE__ */ jsx(BannerHeaderTitle, { size: "small", children: title }),
+    /* @__PURE__ */ jsx(BannerHeaderToggle, { children: toggleButtonElement }),
+    closeButton && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BannerDivider, {}),
+      closeButton
+    ] })
+  ] });
+};
+export {
+  BannerHeader
+};

package/dist/components/BannerSlide/BannerSlide.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { BannerSlideProps } from '../../Banner.types';
+import { default as React } from 'react';
+import { BannerSlideProps } from '../../Banner.types';
 export declare const BannerSlide: ({ mainContent, leftSideContent, rightSideContent, }: BannerSlideProps) => React.JSX.Element;

package/dist/components/BannerSlide/BannerSlide.js

@@ -1,47 +1,39 @@
-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, { useMemo } from 'react';
-import * as S from '../../Banner.styles';
-import { isMediaContent } from '../../utils/isMediaContent';
-import { BannerSlideMediaContent } from '../BannerSlideMediaContent/BannerSlideMediaContent';
-import { BannerSlideTextContent } from '../BannerSlideTextContent/BannerSlideTextContent';
-export var BannerSlide = function BannerSlide(_ref) {
-  var mainContent = _ref.mainContent,
-    leftSideContent = _ref.leftSideContent,
-    rightSideContent = _ref.rightSideContent;
-  var hasMainContent = Boolean(mainContent);
-  var leftSideComponent = useMemo(function () {
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BannerSlideWrapper, BannerSlideInner } from "../../Banner.styles.js";
+import { isMediaContent } from "../../utils/isMediaContent.js";
+import { BannerSlideMediaContent } from "../BannerSlideMediaContent/BannerSlideMediaContent.js";
+import { BannerSlideTextContent } from "../BannerSlideTextContent/BannerSlideTextContent.js";
+const BannerSlide = ({
+  mainContent,
+  leftSideContent,
+  rightSideContent
+}) => {
+  const hasMainContent = Boolean(mainContent);
+  const leftSideComponent = useMemo(() => {
     if (!leftSideContent) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null);
+      return /* @__PURE__ */ jsx(Fragment, {});
     }
-    return isMediaContent(leftSideContent) ? /*#__PURE__*/React.createElement(BannerSlideMediaContent, _extends({
-      position: "left",
-      hasMainContent: hasMainContent
-    }, leftSideContent)) : /*#__PURE__*/React.createElement(BannerSlideTextContent, _extends({
-      position: "left",
-      hasMainContent: hasMainContent
-    }, leftSideContent));
+    return isMediaContent(leftSideContent) ? /* @__PURE__ */ jsx(BannerSlideMediaContent, { position: "left", hasMainContent, ...leftSideContent }) : /* @__PURE__ */ jsx(BannerSlideTextContent, { position: "left", hasMainContent, ...leftSideContent });
   }, [leftSideContent, hasMainContent]);
-  var rightSideComponent = useMemo(function () {
+  const rightSideComponent = useMemo(() => {
     if (!rightSideContent) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null);
+      return /* @__PURE__ */ jsx(Fragment, {});
     }
-    return isMediaContent(rightSideContent) ? /*#__PURE__*/React.createElement(BannerSlideMediaContent, _extends({
-      position: "right",
-      hasMainContent: hasMainContent
-    }, rightSideContent)) : /*#__PURE__*/React.createElement(BannerSlideTextContent, _extends({
-      position: "right",
-      hasMainContent: hasMainContent
-    }, rightSideContent));
+    return isMediaContent(rightSideContent) ? /* @__PURE__ */ jsx(BannerSlideMediaContent, { position: "right", hasMainContent, ...rightSideContent }) : /* @__PURE__ */ jsx(BannerSlideTextContent, { position: "right", hasMainContent, ...rightSideContent });
   }, [rightSideContent, hasMainContent]);
-  var mainComponent = useMemo(function () {
+  const mainComponent = useMemo(() => {
     if (!mainContent) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null);
+      return /* @__PURE__ */ jsx(Fragment, {});
     }
-    return isMediaContent(mainContent) ? /*#__PURE__*/React.createElement(BannerSlideMediaContent, _extends({
-      position: "main"
-    }, mainContent)) : /*#__PURE__*/React.createElement(BannerSlideTextContent, _extends({
-      position: "main"
-    }, mainContent));
+    return isMediaContent(mainContent) ? /* @__PURE__ */ jsx(BannerSlideMediaContent, { position: "main", ...mainContent }) : /* @__PURE__ */ jsx(BannerSlideTextContent, { position: "main", ...mainContent });
   }, [mainContent]);
-  return /*#__PURE__*/React.createElement(S.BannerSlideWrapper, null, /*#__PURE__*/React.createElement(S.BannerSlideInner, null, leftSideComponent, mainComponent, rightSideComponent));
-};
+  return /* @__PURE__ */ jsx(BannerSlideWrapper, { children: /* @__PURE__ */ jsxs(BannerSlideInner, { children: [
+    leftSideComponent,
+    mainComponent,
+    rightSideComponent
+  ] }) });
+};
+export {
+  BannerSlide
+};

package/dist/components/BannerSlideMediaContent/BannerSlideMediaContent.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { BannerSlideContentProps, BannerSlideMediaContentProps } from '../../Banner.types';
+import { default as React } from 'react';
+import { BannerSlideContentProps, BannerSlideMediaContentProps } from '../../Banner.types';
 export declare const BannerSlideMediaContent: ({ media, position, hasMainContent, }: BannerSlideMediaContentProps & BannerSlideContentProps) => React.JSX.Element;

package/dist/components/BannerSlideMediaContent/BannerSlideMediaContent.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import * as S from '../../Banner.styles';
-export var BannerSlideMediaContent = function BannerSlideMediaContent(_ref) {
-  var media = _ref.media,
-    position = _ref.position,
-    hasMainContent = _ref.hasMainContent;
-  return /*#__PURE__*/React.createElement(S.BannerSlideContentWrapper, {
-    hasMainContent: !!hasMainContent,
-    position: position,
-    type: "media"
-  }, /*#__PURE__*/React.createElement(S.BannerSlideMediaWrapper, null, media));
-};
+import { jsx } from "react/jsx-runtime";
+import { BannerSlideContentWrapper, BannerSlideMediaWrapper } from "../../Banner.styles.js";
+const BannerSlideMediaContent = ({
+  media,
+  position,
+  hasMainContent
+}) => {
+  return /* @__PURE__ */ jsx(BannerSlideContentWrapper, { hasMainContent: !!hasMainContent, position, type: "media", children: /* @__PURE__ */ jsx(BannerSlideMediaWrapper, { children: media }) });
+};
+export {
+  BannerSlideMediaContent
+};

package/dist/components/BannerSlideTextContent/BannerSlideTextContent.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { BannerSlideContentProps, BannerSlideTextContentProps } from '../../Banner.types';
+import { default as React } from 'react';
+import { BannerSlideContentProps, BannerSlideTextContentProps } from '../../Banner.types';
 export declare const BannerSlideTextContent: ({ title, titlePrefix, titleStatus, description, position, buttons, hasMainContent, }: BannerSlideTextContentProps & BannerSlideContentProps) => React.JSX.Element;

package/dist/components/BannerSlideTextContent/BannerSlideTextContent.js

@@ -1,27 +1,28 @@
-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 { TagShape } from '@synerise/ds-tag';
-import { DEFAULT_STATUS_COLOR, DEFAULT_STATUS_TEXT_COLOR } from '../../Banner.const';
-import * as S from '../../Banner.styles';
-export var BannerSlideTextContent = function BannerSlideTextContent(_ref) {
-  var title = _ref.title,
-    titlePrefix = _ref.titlePrefix,
-    titleStatus = _ref.titleStatus,
-    description = _ref.description,
-    position = _ref.position,
-    buttons = _ref.buttons,
-    hasMainContent = _ref.hasMainContent;
-  return /*#__PURE__*/React.createElement(S.BannerSlideContentWrapper, {
-    hasMainContent: !!hasMainContent,
-    position: position,
-    type: "text"
-  }, title && /*#__PURE__*/React.createElement(React.Fragment, null, titleStatus && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(S.BannerSlideTitleStatus, _extends({
-    color: DEFAULT_STATUS_COLOR,
-    textColor: DEFAULT_STATUS_TEXT_COLOR
-  }, titleStatus, {
-    asPill: true,
-    shape: TagShape.SMALL_SQUARE
-  }))), /*#__PURE__*/React.createElement(S.BannerSlideTitle, null, titlePrefix && /*#__PURE__*/React.createElement(S.BannerSlideTitlePrefix, null, titlePrefix), /*#__PURE__*/React.createElement(S.BannerSlideTitleText, {
-    level: 1
-  }, title))), description && /*#__PURE__*/React.createElement(S.BannerSlideDescription, null, description), buttons && /*#__PURE__*/React.createElement(S.BannerSlideButtons, null, buttons));
-};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { TagShape } from "@synerise/ds-tag";
+import { DEFAULT_STATUS_TEXT_COLOR, DEFAULT_STATUS_COLOR } from "../../Banner.const.js";
+import { BannerSlideContentWrapper, BannerSlideTitleStatus, BannerSlideTitle, BannerSlideTitlePrefix, BannerSlideTitleText, BannerSlideDescription, BannerSlideButtons } from "../../Banner.styles.js";
+const BannerSlideTextContent = ({
+  title,
+  titlePrefix,
+  titleStatus,
+  description,
+  position,
+  buttons,
+  hasMainContent
+}) => {
+  return /* @__PURE__ */ jsxs(BannerSlideContentWrapper, { hasMainContent: !!hasMainContent, position, type: "text", children: [
+    title && /* @__PURE__ */ jsxs(Fragment, { children: [
+      titleStatus && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(BannerSlideTitleStatus, { color: DEFAULT_STATUS_COLOR, textColor: DEFAULT_STATUS_TEXT_COLOR, ...titleStatus, asPill: true, shape: TagShape.SMALL_SQUARE }) }),
+      /* @__PURE__ */ jsxs(BannerSlideTitle, { children: [
+        titlePrefix && /* @__PURE__ */ jsx(BannerSlideTitlePrefix, { children: titlePrefix }),
+        /* @__PURE__ */ jsx(BannerSlideTitleText, { level: 1, children: title })
+      ] })
+    ] }),
+    description && /* @__PURE__ */ jsx(BannerSlideDescription, { children: description }),
+    buttons && /* @__PURE__ */ jsx(BannerSlideButtons, { children: buttons })
+  ] });
+};
+export {
+  BannerSlideTextContent
+};

package/dist/components/index.js

@@ -1,5 +1,12 @@
-export * from './BannerCounter/BannerCounter';
-export * from './BannerHeader/BannerHeader';
-export * from './BannerSlide/BannerSlide';
-export * from './BannerSlideMediaContent/BannerSlideMediaContent';
-export * from './BannerSlideTextContent/BannerSlideTextContent';
+import { BannerCounter } from "./BannerCounter/BannerCounter.js";
+import { BannerHeader } from "./BannerHeader/BannerHeader.js";
+import { BannerSlide } from "./BannerSlide/BannerSlide.js";
+import { BannerSlideMediaContent } from "./BannerSlideMediaContent/BannerSlideMediaContent.js";
+import { BannerSlideTextContent } from "./BannerSlideTextContent/BannerSlideTextContent.js";
+export {
+  BannerCounter,
+  BannerHeader,
+  BannerSlide,
+  BannerSlideMediaContent,
+  BannerSlideTextContent
+};

package/dist/hooks/index.js

@@ -1,2 +1,6 @@
-export * from './useCarousel';
-export * from './useTexts';
+import { useCarousel } from "./useCarousel.js";
+import { useTexts } from "./useTexts.js";
+export {
+  useCarousel,
+  useTexts
+};

package/dist/hooks/useCarousel.d.ts

@@ -1,6 +1,6 @@
-import { type CarouselRef } from 'antd/lib/carousel';
+import { CarouselRef } from 'antd/lib/carousel';
 export declare const useCarousel: () => {
-    bannerRef: import("react").RefObject<CarouselRef>;
+    bannerRef: import('react').RefObject<CarouselRef>;
     handleDotClick: (index: number) => void;
     handleNextClick: () => void;
     handlePrevClick: () => void;

package/dist/hooks/useCarousel.js

@@ -1,19 +1,22 @@
-import { useRef } from 'react';
-export var useCarousel = function useCarousel() {
-  var bannerRef = useRef(null);
-  var handleDotClick = function handleDotClick(index) {
+import { useRef } from "react";
+const useCarousel = () => {
+  const bannerRef = useRef(null);
+  const handleDotClick = (index) => {
     bannerRef.current && bannerRef.current.goTo(index);
   };
-  var handleNextClick = function handleNextClick() {
+  const handleNextClick = () => {
     bannerRef.current && bannerRef.current.next();
   };
-  var handlePrevClick = function handlePrevClick() {
+  const handlePrevClick = () => {
     bannerRef.current && bannerRef.current.prev();
   };
   return {
-    bannerRef: bannerRef,
-    handleDotClick: handleDotClick,
-    handleNextClick: handleNextClick,
-    handlePrevClick: handlePrevClick
+    bannerRef,
+    handleDotClick,
+    handleNextClick,
+    handlePrevClick
   };
-};
+};
+export {
+  useCarousel
+};

package/dist/hooks/useTexts.d.ts

@@ -1,2 +1,2 @@
-import { type BannerTexts } from '../Banner.types';
+import { BannerTexts } from '../Banner.types';
 export declare const useTexts: (texts?: Partial<BannerTexts>) => BannerTexts;

package/dist/hooks/useTexts.js

@@ -1,19 +1,22 @@
-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 { useIntl } from 'react-intl';
-export var useTexts = function useTexts(texts) {
-  var intl = useIntl();
-  return _extends({
+import { useIntl } from "react-intl";
+const useTexts = (texts) => {
+  const intl = useIntl();
+  return {
     expand: intl.formatMessage({
-      id: 'DS.BANNER.EXPAND',
-      defaultMessage: 'Expand'
+      id: "DS.BANNER.EXPAND",
+      defaultMessage: "Expand"
     }),
     collapse: intl.formatMessage({
-      id: 'DS.BANNER.COLLAPSE',
-      defaultMessage: 'Collapse'
+      id: "DS.BANNER.COLLAPSE",
+      defaultMessage: "Collapse"
     }),
     closeTooltip: intl.formatMessage({
-      id: 'DS.BANNER.CLOSE-TOOLTIP',
-      defaultMessage: 'Close'
-    })
-  }, texts || {});
-};
+      id: "DS.BANNER.CLOSE-TOOLTIP",
+      defaultMessage: "Close"
+    }),
+    ...texts || {}
+  };
+};
+export {
+  useTexts
+};

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Banner';
+import { default as default2 } from "./Banner.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+import "@testing-library/jest-dom/extend-expect";

package/dist/utils/isMediaContent.d.ts

@@ -1,2 +1,2 @@
-import { type BannerSlideMediaContentProps, type BannerSlideTextContentProps } from '../Banner.types';
+import { BannerSlideMediaContentProps, BannerSlideTextContentProps } from '../Banner.types';
 export declare const isMediaContent: (props: BannerSlideTextContentProps | BannerSlideMediaContentProps) => props is BannerSlideMediaContentProps;

package/dist/utils/isMediaContent.js

@@ -1,3 +1,6 @@
-export var isMediaContent = function isMediaContent(props) {
-  return 'media' in props;
-};
+const isMediaContent = (props) => {
+  return "media" in props;
+};
+export {
+  isMediaContent
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-banner",
-  "version": "1.2.9",
+  "version": "1.2.11",
   "description": "Banner UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,12 +35,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.17",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-tag": "^1.4.17",
-    "@synerise/ds-tooltip": "^1.4.9",
-    "@synerise/ds-typography": "^1.1.12",
-    "@synerise/ds-utils": "^1.7.0",
+    "@synerise/ds-button": "^1.5.19",
+    "@synerise/ds-icon": "^1.15.2",
+    "@synerise/ds-tag": "^1.4.19",
+    "@synerise/ds-tooltip": "^1.4.11",
+    "@synerise/ds-typography": "^1.1.14",
+    "@synerise/ds-utils": "^1.7.1",
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
@@ -51,5 +51,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }