@bikdotai/bik-component-library 0.0.736-beta.6 → 0.0.736-beta.8

package/dist/cjs/components/buttonGroup/ButtonGroup.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface ButtonGroupInterface {
+    id: string;
+    title: string;
+    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+}
+export interface ButtonGroupProps {
+    id?: string;
+    width?: string;
+    gap?: string;
+    iconWidth?: string;
+    iconHeight?: string;
+    iconPosition?: 'left' | 'right' | 'top';
+    onButtonClick: (buttonId: string) => void;
+    activeButtonId?: string;
+    buttonGroup: Array<ButtonGroupInterface>;
+    size: 'small' | 'medium' | 'large';
+    matchParentWidth?: boolean;
+    borderRadius?: string;
+    backgroundColor?: string;
+}
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;

package/dist/cjs/components/buttonGroup/ButtonGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),o=require("react"),t=require("../TypographyStyle.js"),e=require("../../constants/Theme.js"),n=require("./ButtonGroupStyle.js");exports.ButtonGroup=r=>{const[s,d]=o.useState(void 0);o.useEffect((()=>{d(r.activeButtonId||void 0)}),[null==r?void 0:r.activeButtonId]);return i.jsx(n.ButtonGroupStyle,{className:"button-group",width:r.width||"100%",gap:r.gap,size:r.size,iconPosition:r.iconPosition,children:r.buttonGroup.map((o=>{var u,c;const a=null==o?void 0:o.icon;return i.jsxs(n.Button,{borderRadius:null!==(u=r.borderRadius)&&void 0!==u?u:"4px",matchParentWidth:null===(c=r.matchParentWidth)||void 0===c||c,className:"button",isActive:s===o.id,onClick:()=>(i=>{d(i.id),r.onButtonClick(i.id)})(o),iconPosition:r.iconPosition,size:r.size,backgroundColor:r.backgroundColor||e.COLORS.surface.subdued,children:[(null==r?void 0:r.iconPosition)&&a&&i.jsx("div",{className:"button__image",children:i.jsx(a,{color:s===o.id?e.COLORS.background.inverseLight:e.COLORS.content.secondary,width:(null==r?void 0:r.iconWidth)||"18px",height:(null==r?void 0:r.iconHeight)||"18px"})}),i.jsx("div",{className:"button__name",children:i.jsx(t.BodySecondary,{style:{color:s===o.id?e.COLORS.background.inverseLight:e.COLORS.content.secondary},children:o.title})})]},o.id)}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),t=require("react"),e=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),n=require("./ButtonGroupStyle.js");exports.ButtonGroup=s=>{const[r,c]=t.useState(void 0);t.useEffect((()=>{c(s.activeButtonId||void 0)}),[null==s?void 0:s.activeButtonId]);return i.jsx(n.ButtonGroupStyle,Object.assign({className:"button-group",width:s.width||"100%",gap:s.gap,size:s.size,iconPosition:s.iconPosition},{children:s.buttonGroup.map((t=>{var d,u;const a=null==t?void 0:t.icon;return i.jsxs(n.Button,Object.assign({borderRadius:null!==(d=s.borderRadius)&&void 0!==d?d:"4px",matchParentWidth:null===(u=s.matchParentWidth)||void 0===u||u,className:"button",isActive:r===t.id,onClick:()=>(i=>{c(i.id),s.onButtonClick(i.id)})(t),iconPosition:s.iconPosition,size:s.size,backgroundColor:s.backgroundColor||o.COLORS.surface.subdued},{children:[(null==s?void 0:s.iconPosition)&&a&&i.jsx("div",Object.assign({className:"button__image"},{children:i.jsx(a,{color:r===t.id?o.COLORS.background.inverseLight:o.COLORS.content.secondary,width:(null==s?void 0:s.iconWidth)||"18px",height:(null==s?void 0:s.iconHeight)||"18px"})})),i.jsx("div",Object.assign({className:"button__name"},{children:i.jsx(e.BodySecondary,Object.assign({style:{color:r===t.id?o.COLORS.background.inverseLight:o.COLORS.content.secondary}},{children:t.title}))}))]}),t.id)}))}))};

package/dist/cjs/components/buttonGroup/ButtonGroupStyle.d.ts

@@ -0,0 +1,14 @@
+export declare const ButtonGroupStyle: import("styled-components").StyledComponent<"div", any, {
+    width: string | undefined;
+    size: 'small' | 'medium' | 'large';
+    gap: string | undefined;
+    iconPosition?: "left" | "right" | "top" | undefined;
+}, never>;
+export declare const Button: import("styled-components").StyledComponent<"div", any, {
+    isActive: boolean;
+    matchParentWidth: boolean;
+    borderRadius: string;
+    iconPosition?: "left" | "right" | "top" | undefined;
+    size: 'small' | 'medium' | 'large';
+    backgroundColor?: string | undefined;
+}, never>;

package/dist/cjs/components/buttonGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonGroup';

package/dist/cjs/components/card-selection-modal/CardSelectionModal.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type CardSelectionModalProps = {
+    isOpen: boolean;
+    title?: string;
+    subTitle?: string;
+    infoText?: string;
+    cards: SelectionCardData[];
+    onCardSelected: (value: string) => void;
+    onClose: () => void;
+};
+export type SelectionCardData = {
+    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    value: string;
+    title: string;
+    description: string;
+};
+export declare const CardSelectionModal: React.FC<CardSelectionModalProps>;

package/dist/cjs/components/card-selection-modal/CardSelectionModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/info.svg.js"),s=require("./CardSelectionModal.styled.js"),i=require("../modals/styledModal.js"),l=require("../../constants/Theme.js"),o=require("../TypographyStyle.js");exports.CardSelectionModal=n=>e.jsx(i.StyledModal,{open:n.isOpen,onClose:n.onClose,headingTitle:n.title,headingSubtitle:n.subTitle,centralContainerStyles:{width:716},children:e.jsxs(s.StyledCardContainer,{children:[e.jsx("div",{className:"cards__wrapper",children:n.cards.map((r=>e.jsxs(s.StyledCard,{onClick:()=>{n.onCardSelected(r.value)},children:[r.icon&&e.jsx("div",{className:"icon__container",children:e.jsx(r.icon,{width:22,color:l.DEFAULT_THEME.colorsV2.content.brand})}),e.jsx(o.TitleRegular,{children:r.title}),e.jsx(o.BodyCaption,{children:r.description})]},r.value)))}),n.infoText&&e.jsxs("div",{className:"info__wrapper",children:[e.jsx(r.default,{width:15,color:l.DEFAULT_THEME.colorsV2.content.placeholder}),e.jsx(o.BodySecondary,{children:n.infoText})]})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/info.svg.js"),i=require("./CardSelectionModal.styled.js"),r=require("../modals/styledModal.js"),n=require("../../constants/Theme.js"),t=require("../TypographyStyle.js");exports.CardSelectionModal=l=>e.jsx(r.StyledModal,Object.assign({open:l.isOpen,onClose:l.onClose,headingTitle:l.title,headingSubtitle:l.subTitle,centralContainerStyles:{width:716}},{children:e.jsxs(i.StyledCardContainer,{children:[e.jsx("div",Object.assign({className:"cards__wrapper"},{children:l.cards.map((s=>e.jsxs(i.StyledCard,Object.assign({onClick:()=>{l.onCardSelected(s.value)}},{children:[s.icon&&e.jsx("div",Object.assign({className:"icon__container"},{children:e.jsx(s.icon,{width:22,color:n.DEFAULT_THEME.colorsV2.content.brand})})),e.jsx(t.TitleRegular,{children:s.title}),e.jsx(t.BodyCaption,{children:s.description})]}),s.value)))})),l.infoText&&e.jsxs("div",Object.assign({className:"info__wrapper"},{children:[e.jsx(s.default,{width:15,color:n.DEFAULT_THEME.colorsV2.content.placeholder}),e.jsx(t.BodySecondary,{children:l.infoText})]}))]})}));

package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.js

@@ -1,41 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e);const d=a.default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-	.cards__wrapper {
-		padding: 0 24px;
-		display: flex;
-		flex-wrap: wrap;
-		gap: 16px;
-	}
-	.info__wrapper {
-		padding: 0 24px 24px 24px;
-		display: flex;
-		align-items: center;
-		gap: 4px;
-	}
-`,t=a.default.div`
-	width: 212px;
-	padding: 16px;
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	background-color: ${r.DEFAULT_THEME.colorsV2.surface.standard};
-	border: 1px solid ${r.DEFAULT_THEME.colorsV2.stroke.primary};
-	border-radius: 4px;
-	cursor: pointer;
-
-	&:hover {
-		background-color: ${r.DEFAULT_THEME.colorsV2.surface.hovered};
-	}
-
-	.icon__container {
-		width: 48px;
-		height: 48px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: 50%;
-		background-color: ${r.DEFAULT_THEME.colorsV2.background.brandLight};
-	}
-`;exports.StyledCard=t,exports.StyledCardContainer=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var b=l(c);const e=b.default("div","production"===process.env.NODE_ENV?{target:"epoh28g1"}:{target:"epoh28g1",label:"StyledCardContainer"})("production"===process.env.NODE_ENV?{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}"}:{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QyIsImZpbGUiOiJDYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxMnB4O1xuXHQuY2FyZHNfX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDAgMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtd3JhcDogd3JhcDtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblx0LmluZm9fX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDAgMjRweCAyNHB4IDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogNHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMjEycHg7XG5cdHBhZGRpbmc6IDE2cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0Lmljb25fX2NvbnRhaW5lciB7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0aGVpZ2h0OiA0OHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),X=b.default("div","production"===process.env.NODE_ENV?{target:"epoh28g0"}:{target:"epoh28g0",label:"StyledCard"})("width:212px;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:",d.DEFAULT_THEME.colorsV2.surface.standard,";border:1px solid ",d.DEFAULT_THEME.colorsV2.stroke.primary,";border-radius:4px;cursor:pointer;&:hover{background-color:",d.DEFAULT_THEME.colorsV2.surface.hovered,";}.icon__container{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:",d.DEFAULT_THEME.colorsV2.background.brandLight,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUMiLCJmaWxlIjoiQ2FyZFNlbGVjdGlvbk1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblx0LmNhcmRzX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LXdyYXA6IHdyYXA7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cdC5pbmZvX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHggMjRweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDRweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDIxMnB4O1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdHdpZHRoOiA0OHB4O1xuXHRcdGhlaWdodDogNDhweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.StyledCard=X,exports.StyledCardContainer=e;

package/dist/cjs/components/card-selection-modal/index.d.ts

@@ -0,0 +1 @@
+export * from './CardSelectionModal';

package/dist/cjs/components/card-selector/CardSelector.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type CardSelectorProps = {
+    id: number;
+    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    title?: string;
+    subtitle?: string;
+    selected: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    dataTestId?: string;
+    tooltip?: string;
+};
+type CardSelectorInternalProps = CardSelectorProps & {
+    onCardClick: (id: number) => void;
+};
+export declare const CardSelector: React.FC<CardSelectorInternalProps>;
+export {};

package/dist/cjs/components/card-selector/CardSelector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../spinner/Spinner.js"),l=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),s=require("./CardSelector.styled.js");const d=l=>e.jsx(e.Fragment,{children:l.loading?e.jsx(s.Loader,{children:e.jsx(i.Spinner,{size:"large"})}):e.jsxs(e.Fragment,{children:[(null==l?void 0:l.icon)&&e.jsx("div",{style:{width:24,height:24},children:e.jsx(l.icon,{width:24,color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.placeholder})}),e.jsxs("div",{"data-test":null==l?void 0:l.dataTestId,children:[l.title&&e.jsx(n.TitleSmall,{style:{color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary},children:l.title}),l.subtitle&&e.jsx(n.BodyCaption,{style:{marginTop:l.title?4:0,color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary},children:l.subtitle})]})]})});exports.CardSelector=t=>{var i,n,o,r;return e.jsx(e.Fragment,{children:t.tooltip?e.jsx(l.Tooltip,{title:t.tooltip,children:e.jsx(s.Container,{style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(i=t.disabled)&&void 0!==i&&i,loading:null!==(n=t.loading)&&void 0!==n&&n,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip,children:e.jsx(d,Object.assign({},t))})}):e.jsx(s.Container,{style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(o=t.disabled)&&void 0!==o&&o,loading:null!==(r=t.loading)&&void 0!==r&&r,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip,children:e.jsx(d,Object.assign({},t))})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../spinner/Spinner.js"),l=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),s=require("./CardSelector.styled.js");const d=l=>e.jsx(e.Fragment,{children:l.loading?e.jsx(s.Loader,{children:e.jsx(i.Spinner,{size:"large"})}):e.jsxs(e.Fragment,{children:[(null==l?void 0:l.icon)&&e.jsx("div",Object.assign({style:{width:24,height:24}},{children:e.jsx(l.icon,{width:24,color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.placeholder})})),e.jsxs("div",Object.assign({"data-test":null==l?void 0:l.dataTestId},{children:[l.title&&e.jsx(n.TitleSmall,Object.assign({style:{color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:l.title})),l.subtitle&&e.jsx(n.BodyCaption,Object.assign({style:{marginTop:l.title?4:0,color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:l.subtitle}))]}))]})});exports.CardSelector=t=>{var i,n,o,r;return e.jsx(e.Fragment,{children:t.tooltip?e.jsx(l.Tooltip,Object.assign({title:t.tooltip},{children:e.jsx(s.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(i=t.disabled)&&void 0!==i&&i,loading:null!==(n=t.loading)&&void 0!==n&&n,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(d,Object.assign({},t))}))})):e.jsx(s.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(o=t.disabled)&&void 0!==o&&o,loading:null!==(r=t.loading)&&void 0!==r&&r,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(d,Object.assign({},t))}))})};

package/dist/cjs/components/card-selector/CardSelector.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    selected: boolean;
+    disabled: boolean;
+    loading: boolean;
+    isTooltipPresent?: boolean | undefined;
+}, never>;
+export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/card-selector/CardSelectorGroup.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CardSelectorProps } from './CardSelector';
+export type CardSelectorGroupProps = {
+    gap?: number;
+    align?: 'horizontal' | 'vertical';
+    cards: CardSelectorProps[];
+    onClick: (id: number) => void;
+    'data-test': string;
+};
+export declare const CardSelectorGroup: React.FC<CardSelectorGroupProps>;

package/dist/cjs/components/card-selector/CardSelectorGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsx("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map((l=>e.jsx("div",{style:{display:"flex",flex:1},children:e.jsx(t.CardSelector,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})},l.id)))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16}},{children:i.cards.map((l=>e.jsx("div",Object.assign({style:{display:"flex",flex:1}},{children:e.jsx(t.CardSelector,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})}),l.id)))}));

package/dist/cjs/components/card-selector/index.d.ts

@@ -0,0 +1,3 @@
+import { CardSelector } from './CardSelector';
+import { CardSelectorGroup } from './CardSelectorGroup';
+export { CardSelector, CardSelectorGroup };

package/dist/cjs/components/carousel/carousel.d.ts

@@ -0,0 +1,2 @@
+import { CarouselProps } from '@trendyol-js/react-carousel/dist/types/components/carousel';
+export declare const Carousel: (props: CarouselProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/carousel/carousel.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),s=require("@trendyol-js/react-carousel"),i=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=()=>e.jsx(l,{className:"left",children:e.jsx(r.default,{width:16,height:16,color:"#fff"})}),a=()=>e.jsx(l,{className:"right",children:e.jsx(t.default,{width:16,height:16,color:"#fff"})}),l=o(i).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),s=require("@trendyol-js/react-carousel"),i=require("styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=()=>e.jsx(l,Object.assign({className:"left"},{children:e.jsx(r.default,{width:16,height:16,color:"#fff"})})),a=()=>e.jsx(l,Object.assign({className:"right"},{children:e.jsx(t.default,{width:16,height:16,color:"#fff"})})),l=n(i).default.div`
 	cursor: pointer;
 	margin: 0 8px;
 	width: 50px;
@@ -19,4 +19,4 @@
 		transform: translate(0%, -50%);
 		right: 0;
 	}
-`;exports.Carousel=r=>e.jsx(e.Fragment,{children:e.jsx(s.Carousel,Object.assign({leftArrow:e.jsx(n,{}),rightArrow:e.jsx(a,{})},r,{children:r.children}))});
+`;exports.Carousel=r=>e.jsx(e.Fragment,{children:e.jsx(s.Carousel,Object.assign({leftArrow:e.jsx(o,{}),rightArrow:e.jsx(a,{})},r,{children:r.children}))});

package/dist/cjs/components/carousel/index.d.ts

@@ -0,0 +1 @@
+export * from './carousel';

package/dist/cjs/components/carousel-preview/CarouselPreview.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import 'slick-carousel/slick/slick-theme.css';
+import 'slick-carousel/slick/slick.css';
+import { CHANNEL_TYPE } from "../template-preview/models/Channels";
+import { AllTemplateTypes } from '../template-preview/models/types';
+export declare const CarouselPreview: React.ForwardRefExoticComponent<{
+    channel: CHANNEL_TYPE;
+    template: AllTemplateTypes;
+    showSampleValues?: boolean | undefined;
+    isPreview?: boolean | undefined;
+    removeBottomBorder?: boolean | undefined;
+    borderRadius?: string | undefined;
+    showArrows?: boolean | undefined;
+    hideBorder?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/carousel-preview/CarouselPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),o=require("./CarouselPreview.style.js"),t=require("./CarouselPreviewCard.js"),s=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const v=u.default.forwardRef((r=>{let{channel:l,template:i,isPreview:d,removeBottomBorder:u,borderRadius:c,showArrows:v,hideBorder:C,showSampleValues:w}=r;var m,h;const{sliderRef:x,selectedCarouselIndex:f,cardCount:j,setIsCarouselHovered:P,cardIndex:R}=s.useTemplateModalContext(),I=-1==R?a.determineCardIndex(l):R,S=null===(h=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[I])||void 0===h?void 0:h.cards,q=(null==S?void 0:S.length)?e.jsx(p,{cards:S,cardCount:null!=j?j:0,selectedCarouselIndex:null!=f?f:-1,sliderRef:x,isPreview:d,showArrows:v,channel:l,template:i,setIsCarouselHovered:P,showSampleValues:!!w}):null;return a.isRCSChannel(l)?e.jsx(n.RCSCarousalContainer,{borderRadius:c,children:q}):e.jsxs(o.Container,{removeBottomBorder:u,borderRadius:c,hideBorder:C,children:[e.jsx(t.default,{channel:l,currentTemplate:i,carouselCardIndex:-1,isPreview:d,width:"77%"}),q]})})),p=r=>{let{cards:l,cardCount:s,selectedCarouselIndex:a,sliderRef:n,isPreview:d,showArrows:u,channel:v,template:p,setIsCarouselHovered:C,showSampleValues:w}=r;return e.jsx(o.CarouselSlickContainer,{cardCount:s,selectedCarouselIndex:a,onMouseEnter:()=>null==C?void 0:C(!0),onMouseLeave:()=>null==C?void 0:C(!1),children:e.jsx(c.default,{ref:n,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=d&&d}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=d&&d}),children:null==l?void 0:l.map(((r,l)=>{var o,s;const a={components:r.components,mapping:null===(s=null===(o=null==p?void 0:p.mapping)||void 0===o?void 0:o.cards)||void 0===s?void 0:s[l],content:null==p?void 0:p.content,templateType:null==p?void 0:p.templateType};return e.jsx(t.default,{channel:v,currentTemplate:a,carouselCardIndex:l,isPreview:d,width:"100%",showSampleValues:w},l)}))})})};exports.CarouselPreview=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),s=require("./CarouselPreview.style.js"),t=require("./CarouselPreviewCard.js"),o=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const v=u.default.forwardRef((r=>{let{channel:l,template:i,isPreview:d,removeBottomBorder:u,borderRadius:c,showArrows:v,hideBorder:C,showSampleValues:w}=r;var m,h;const{sliderRef:x,selectedCarouselIndex:j,cardCount:f,setIsCarouselHovered:P,cardIndex:R}=o.useTemplateModalContext(),g=-1==R?a.determineCardIndex(l):R,I=null===(h=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[g])||void 0===h?void 0:h.cards,S=(null==I?void 0:I.length)?e.jsx(p,{cards:I,cardCount:null!=f?f:0,selectedCarouselIndex:null!=j?j:-1,sliderRef:x,isPreview:d,showArrows:v,channel:l,template:i,setIsCarouselHovered:P,showSampleValues:!!w}):null;return a.isRCSChannel(l)?e.jsx(n.RCSCarousalContainer,Object.assign({borderRadius:c},{children:S})):e.jsxs(s.Container,Object.assign({removeBottomBorder:u,borderRadius:c,hideBorder:C},{children:[e.jsx(t.default,{channel:l,currentTemplate:i,carouselCardIndex:-1,isPreview:d,width:"77%"}),S]}))})),p=r=>{let{cards:l,cardCount:o,selectedCarouselIndex:a,sliderRef:n,isPreview:d,showArrows:u,channel:v,template:p,setIsCarouselHovered:C,showSampleValues:w}=r;return e.jsx(s.CarouselSlickContainer,Object.assign({cardCount:o,selectedCarouselIndex:a,onMouseEnter:()=>null==C?void 0:C(!0),onMouseLeave:()=>null==C?void 0:C(!1)},{children:e.jsx(c.default,Object.assign({ref:n,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=d&&d}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=d&&d})},{children:null==l?void 0:l.map(((r,l)=>{var s,o;const a={components:r.components,mapping:null===(o=null===(s=null==p?void 0:p.mapping)||void 0===s?void 0:s.cards)||void 0===o?void 0:o[l],content:null==p?void 0:p.content,templateType:null==p?void 0:p.templateType};return e.jsx(t.default,{channel:v,currentTemplate:a,carouselCardIndex:l,isPreview:d,width:"100%",showSampleValues:w},l)}))}))}))};exports.CarouselPreview=v;

package/dist/cjs/components/carousel-preview/CarouselPreview.style.d.ts

@@ -0,0 +1,10 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    showHeader?: boolean | undefined;
+    removeBottomBorder?: boolean | undefined;
+    borderRadius?: string | undefined;
+    hideBorder?: boolean | undefined;
+}, never>;
+export declare const CarouselSlickContainer: import("styled-components").StyledComponent<"div", any, {
+    cardCount: number;
+    selectedCarouselIndex: number;
+}, never>;

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CHANNEL_TYPE } from "../template-preview/models/Channels";
+declare const CarouselPreviewCard: React.ForwardRefExoticComponent<{
+    channel: CHANNEL_TYPE;
+    currentTemplate: any;
+    showSampleValues?: boolean | undefined;
+    carouselCardIndex?: number | undefined;
+    isPreview?: boolean | undefined;
+    width?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default CarouselPreviewCard;

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../variable-picker-v3/model.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js"),require("../template-preview/models/Channels.js");var i=require("../template-preview/helpers/templateMiscHelper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=l(t).default.forwardRef((t=>{let{channel:l,currentTemplate:p,showSampleValues:s,carouselCardIndex:n,isPreview:u,width:d}=t;var o,m,c;const{cardWidth:v,template:h,cardIndex:w}=r.useTemplateModalContext(),j=-1==w?i.determineCardIndex(l):w,q=(null!==(c=null===(m=null===(o=null==h?void 0:h.components)||void 0===o?void 0:o[j].cards)||void 0===m?void 0:m.length)&&void 0!==c?c:0)-1===n?12:0;return e.jsx("div",{style:{width:d||v,height:(null!=n?n:-1)>-1?"100%":"auto"},children:e.jsx(a.TemplatePreview,{showSampleValues:s,template:p,channel:l,size:"small",hideHeader:!0,carouselCardIndex:n,isWhatsappCarousel:!0,isPreview:u,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:q,height:"100%"}}})})}));exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../variable-picker-v3/model.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js"),require("../template-preview/models/Channels.js");var i=require("../template-preview/helpers/templateMiscHelper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=l(t).default.forwardRef((t=>{let{channel:l,currentTemplate:s,showSampleValues:p,carouselCardIndex:n,isPreview:u,width:d}=t;var o,m,c;const{cardWidth:v,template:h,cardIndex:w}=r.useTemplateModalContext(),j=-1==w?i.determineCardIndex(l):w,q=(null!==(c=null===(m=null===(o=null==h?void 0:h.components)||void 0===o?void 0:o[j].cards)||void 0===m?void 0:m.length)&&void 0!==c?c:0)-1===n?12:0;return e.jsx("div",Object.assign({style:{width:d||v,height:(null!=n?n:-1)>-1?"100%":"auto"}},{children:e.jsx(a.TemplatePreview,{showSampleValues:p,template:s,channel:l,size:"small",hideHeader:!0,carouselCardIndex:n,isWhatsappCarousel:!0,isPreview:u,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:q,height:"100%"}}})}))}));exports.default=s;

package/dist/cjs/components/carousel-preview/CustomCarouselArrows.d.ts

@@ -0,0 +1,7 @@
+import { CustomArrowProps } from 'react-slick';
+export declare const CustomCarouselLeftArrow: (props: CustomArrowProps & {
+    isPreview: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomCarouselRightArrow: (props: CustomArrowProps & {
+    isPreview: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/carousel-preview/CustomCarouselArrows.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronLeft.svg.js"),s=require("../../assets/icons/chevronRight.svg.js"),l=require("../../constants/Theme.js"),n=require("../template-context-mapper/context/templateModalContext.js");exports.CustomCarouselLeftArrow=s=>{const{className:o,style:r,onClick:a,isPreview:c}=s,{selectedCarouselIndex:i,setSelectedCarouselIndex:u}=n.useTemplateModalContext();return e.jsx("div",{className:o,style:Object.assign(Object.assign({},r),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{null==a||a(e),(null!=i?i:-1)<1||c||null==u||u((null!=i?i:-1)-1)},children:e.jsx(t.default,{height:10,width:10,color:l.COLORS.content.primary})})},exports.CustomCarouselRightArrow=t=>{const{className:o,style:r,onClick:a,isPreview:c}=t,{selectedCarouselIndex:i,setSelectedCarouselIndex:u,cardCount:d}=n.useTemplateModalContext();return e.jsx("div",{className:o,style:Object.assign(Object.assign({},r),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{null==a||a(e),(null!=i?i:-1)>=(null!=d?d:-1)-1||c||null==u||u((null!=i?i:-1)+1)},children:e.jsx(s.default,{height:10,width:10,color:l.COLORS.content.primary})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),l=require("../../constants/Theme.js"),n=require("../template-context-mapper/context/templateModalContext.js");exports.CustomCarouselLeftArrow=t=>{const{className:o,style:r,onClick:a,isPreview:c}=t,{selectedCarouselIndex:i,setSelectedCarouselIndex:u}=n.useTemplateModalContext();return e.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{null==a||a(e),(null!=i?i:-1)<1||c||null==u||u((null!=i?i:-1)-1)}},{children:e.jsx(s.default,{height:10,width:10,color:l.COLORS.content.primary})}))},exports.CustomCarouselRightArrow=s=>{const{className:o,style:r,onClick:a,isPreview:c}=s,{selectedCarouselIndex:i,setSelectedCarouselIndex:u,cardCount:d}=n.useTemplateModalContext();return e.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{null==a||a(e),(null!=i?i:-1)>=(null!=d?d:-1)-1||c||null==u||u((null!=i?i:-1)+1)}},{children:e.jsx(t.default,{height:10,width:10,color:l.COLORS.content.primary})}))};

package/dist/cjs/components/carousel-preview/index.d.ts

@@ -0,0 +1 @@
+export * from './CarouselPreview';

package/dist/cjs/components/carousel-secondary/CarouselSecondary.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CarouselVersion } from './model';
+export interface CarouselProps {
+    pages: Array<React.FunctionComponent<React.SVGAttributes<SVGElement>> | any>;
+    onComplete: () => void;
+    textAlign?: string;
+    version?: CarouselVersion;
+    onCompleteText?: string;
+}
+export declare const CarouselSecondary: React.FC<CarouselProps>;
+export { CarouselVersion };

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/chevronLeft2.svg.js"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight2.svg.js"),o=require("../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("../button/Button.js"),l=require("./CarouselSecondary.style.js"),a=require("./model.js");Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return a.CarouselVersion}}),exports.CarouselSecondary=u=>{let{pages:c,onComplete:d,textAlign:C,version:V,onCompleteText:h}=u;const[v,g]=n.useState(0),j=n.useRef(null);return n.useEffect((()=>{j.current&&j.current.scrollTo({left:j.current.offsetWidth*v,behavior:"smooth"})}),[v]),e.jsxs(l.CarouselContainer,{version:V||a.CarouselVersion.V1,children:[e.jsx(l.CarouselBody,{ref:j,textAlign:C,children:c.map(((r,s)=>e.jsx(l.CarouselPage,{isActive:s===v,children:r},s)))}),e.jsxs(l.CarouselFooter,{version:V||a.CarouselVersion.V1,children:[e.jsx("div",{style:{visibility:V===a.CarouselVersion.V2&&0===v?"hidden":"visible"},children:e.jsx(i.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{g((e=>0===e?e:e-1))},size:V===a.CarouselVersion.V2?"small":"medium",LeadingIcon:V===a.CarouselVersion.V2?r.default:s.default,disabled:!v})}),e.jsx(l.PageIndicator,{children:c.map(((r,s)=>e.jsx(l.Indicator,{isActive:s===v,version:V||a.CarouselVersion.V1,onClick:()=>{g(s)}},s)))}),e.jsx(i.Button,{buttonText:v===c.length-1?h||"Get started":"Next",buttonType:v===c.length-1||V===a.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:()=>{g((e=>e===c.length-1?e:e+1)),v===c.length-1&&d()},size:V===a.CarouselVersion.V2?"small":"medium",TrailingIcon:v<c.length-1?V===a.CarouselVersion.V2?t.default:o.default:void 0,style:V===a.CarouselVersion.V2?{}:{background:"transparent"}})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chevronLeft2.svg.js"),r=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight2.svg.js"),o=require("../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("../button/Button.js"),a=require("./CarouselSecondary.style.js"),l=require("./model.js");Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return l.CarouselVersion}}),exports.CarouselSecondary=u=>{let{pages:c,onComplete:d,textAlign:g,version:j,onCompleteText:C}=u;const[V,h]=n.useState(0),v=n.useRef(null);return n.useEffect((()=>{v.current&&v.current.scrollTo({left:v.current.offsetWidth*V,behavior:"smooth"})}),[V]),e.jsxs(a.CarouselContainer,Object.assign({version:j||l.CarouselVersion.V1},{children:[e.jsx(a.CarouselBody,Object.assign({ref:v,textAlign:g},{children:c.map(((s,r)=>e.jsx(a.CarouselPage,Object.assign({isActive:r===V},{children:s}),r)))})),e.jsxs(a.CarouselFooter,Object.assign({version:j||l.CarouselVersion.V1},{children:[e.jsx("div",Object.assign({style:{visibility:j===l.CarouselVersion.V2&&0===V?"hidden":"visible"}},{children:e.jsx(i.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{h((e=>0===e?e:e-1))},size:j===l.CarouselVersion.V2?"small":"medium",LeadingIcon:j===l.CarouselVersion.V2?s.default:r.default,disabled:!V})})),e.jsx(a.PageIndicator,{children:c.map(((s,r)=>e.jsx(a.Indicator,{isActive:r===V,version:j||l.CarouselVersion.V1,onClick:()=>{h(r)}},r)))}),e.jsx(i.Button,{buttonText:V===c.length-1?C||"Get started":"Next",buttonType:V===c.length-1||j===l.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:()=>{h((e=>e===c.length-1?e:e+1)),V===c.length-1&&d()},size:j===l.CarouselVersion.V2?"small":"medium",TrailingIcon:V<c.length-1?j===l.CarouselVersion.V2?t.default:o.default:void 0,style:j===l.CarouselVersion.V2?{}:{background:"transparent"}})]}))]}))};

package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { CarouselVersion } from './model';
+export declare const CarouselContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    version?: CarouselVersion | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CarouselBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    textAlign: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CarouselPage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    isActive: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CarouselFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    version?: CarouselVersion | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PageIndicator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Indicator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    isActive: boolean;
+    version?: CarouselVersion | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.js

@@ -1,42 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js"),t=require("./model.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const s=i.default.div`
-	width: 100%;
-	height: ${e=>e.version===t.CarouselVersion.V2?"100%":"372px"};
-	overflow: hidden;
-	border-radius: 8px;
-`,n=i.default.div`
-	width: 100%;
-	height: calc(100% - 42px);
-	display: flex;
-	overflow: hidden;
-	scroll-snap-type: x mandatory;
-	white-space: break-spaces;
-	text-align: ${e=>e.textAlign||"left"};
-`,a=i.default.div`
-	display: inline-block;
-	flex-shrink: 0;
-	width: 100%;
-	height: 100%;
-	scroll-snap-align: start;
-	padding: 24px;
-	overflow: hidden;
-`,d=i.default.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	height: 42px;
-	width: 100%;
-	padding: 10px;
-	background-color: ${e=>e.version===t.CarouselVersion.V2?r.COLORS.surface.standard:r.COLORS.surface.hovered};
-`,l=i.default.div`
-	display: flex;
-	flex-direction: row;
-	gap: 8px;
-	align-items: center;
-	justify-content: center;
-`,c=i.default.div`
-	width: ${e=>e.isActive&&e.version===t.CarouselVersion.V2?"8px":"6px"};
-	height: ${e=>e.isActive&&e.version===t.CarouselVersion.V2?"8px":"6px"};
-	border-radius: 50%;
-	background-color: ${e=>e.isActive?e.version===t.CarouselVersion.V2?r.COLORS.content.brand:r.COLORS.content.secondary:e.version===t.CarouselVersion.V2?r.COLORS.stroke.brandLightAlt:r.COLORS.content.inactive};
-	cursor: pointer;
-`;exports.CarouselBody=n,exports.CarouselContainer=s,exports.CarouselFooter=d,exports.CarouselPage=a,exports.Indicator=c,exports.PageIndicator=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),l=require("../../constants/Theme.js"),b=require("./model.js");function Z(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var G=Z(c);function X(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const d=G.default("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq5"}:{target:"e1lbp7wq5",label:"CarouselContainer"})("width:100%;height:",(c=>c.version===b.CarouselVersion.V2?"100%":"372px"),";overflow:hidden;border-radius:8px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEMiLCJmaWxlIjoiQ2Fyb3VzZWxTZWNvbmRhcnkuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENhcm91c2VsVmVyc2lvbiB9IGZyb20gJy4vbW9kZWwnO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/ICcxMDAlJyA6ICczNzJweCd9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGNhbGMoMTAwJSAtIDQycHgpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblx0d2hpdGUtc3BhY2U6IGJyZWFrLXNwYWNlcztcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLnRleHRBbGlnbiB8fCAnbGVmdCd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsUGFnZSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdGZsZXgtc2hyaW5rOiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRzY3JvbGwtc25hcC1hbGlnbjogc3RhcnQ7XG5cdHBhZGRpbmc6IDI0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxGb290ZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRoZWlnaHQ6IDQycHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRwYWRkaW5nOiAxMHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyXHJcbiAgICA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkXHJcbiAgICA6IENPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFBhZ2VJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlICYmIHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/ICc4cHgnIDogJzZweCd9O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmVcclxuICAgID8gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyXHJcbiAgICAgICAgPyBDT0xPUlMuY29udGVudC5icmFuZFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5XHJcbiAgICA6IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0XHJcbiAgICAgICAgOiBDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLmpzLm1hcCJdfQ== */")),g=G.default("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq4"}:{target:"e1lbp7wq4",label:"CarouselBody"})("width:100%;height:calc(100% - 42px);display:flex;overflow:hidden;scroll-snap-type:x mandatory;white-space:break-spaces;text-align:",(c=>c.textAlign||"left"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUMiLCJmaWxlIjoiQ2Fyb3VzZWxTZWNvbmRhcnkuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENhcm91c2VsVmVyc2lvbiB9IGZyb20gJy4vbW9kZWwnO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/ICcxMDAlJyA6ICczNzJweCd9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGNhbGMoMTAwJSAtIDQycHgpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblx0d2hpdGUtc3BhY2U6IGJyZWFrLXNwYWNlcztcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLnRleHRBbGlnbiB8fCAnbGVmdCd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsUGFnZSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdGZsZXgtc2hyaW5rOiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRzY3JvbGwtc25hcC1hbGlnbjogc3RhcnQ7XG5cdHBhZGRpbmc6IDI0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxGb290ZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRoZWlnaHQ6IDQycHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRwYWRkaW5nOiAxMHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyXHJcbiAgICA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkXHJcbiAgICA6IENPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFBhZ2VJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlICYmIHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/ICc4cHgnIDogJzZweCd9O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmVcclxuICAgID8gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyXHJcbiAgICAgICAgPyBDT0xPUlMuY29udGVudC5icmFuZFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5XHJcbiAgICA6IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0XHJcbiAgICAgICAgOiBDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLmpzLm1hcCJdfQ== */")),I=G.default("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq3"}:{target:"e1lbp7wq3",label:"CarouselPage"})("production"===process.env.NODE_ENV?{name:"39klvd",styles:"display:inline-block;flex-shrink:0;width:100%;height:100%;scroll-snap-align:start;padding:24px;overflow:hidden"}:{name:"39klvd",styles:"display:inline-block;flex-shrink:0;width:100%;height:100%;scroll-snap-align:start;padding:24px;overflow:hidden",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnVDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBDYXJvdXNlbFZlcnNpb24gfSBmcm9tICcuL21vZGVsJztcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnMTAwJScgOiAnMzcycHgnfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZFxyXG4gICAgOiBDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gJzhweCcgOiAnNnB4J307XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlXHJcbiAgICA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLmNvbnRlbnQuYnJhbmRcclxuICAgICAgICA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjJcclxuICAgICAgICA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */",toString:X}),n=G.default("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq2"}:{target:"e1lbp7wq2",label:"CarouselFooter"})("display:flex;justify-content:space-between;align-items:center;height:42px;width:100%;padding:10px;background-color:",(c=>c.version===b.CarouselVersion.V2?l.COLORS.surface.standard:l.COLORS.surface.hovered),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnlDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBDYXJvdXNlbFZlcnNpb24gfSBmcm9tICcuL21vZGVsJztcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnMTAwJScgOiAnMzcycHgnfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZFxyXG4gICAgOiBDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gJzhweCcgOiAnNnB4J307XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlXHJcbiAgICA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLmNvbnRlbnQuYnJhbmRcclxuICAgICAgICA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjJcclxuICAgICAgICA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */")),x=G.default("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq1"}:{target:"e1lbp7wq1",label:"PageIndicator"})("production"===process.env.NODE_ENV?{name:"80jbfg",styles:"display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center"}:{name:"80jbfg",styles:"display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3dDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBDYXJvdXNlbFZlcnNpb24gfSBmcm9tICcuL21vZGVsJztcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnMTAwJScgOiAnMzcycHgnfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZFxyXG4gICAgOiBDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gJzhweCcgOiAnNnB4J307XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlXHJcbiAgICA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLmNvbnRlbnQuYnJhbmRcclxuICAgICAgICA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjJcclxuICAgICAgICA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */",toString:X}),u=G.default("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq0"}:{target:"e1lbp7wq0",label:"Indicator"})("width:",(c=>c.isActive&&c.version===b.CarouselVersion.V2?"8px":"6px"),";height:",(c=>c.isActive&&c.version===b.CarouselVersion.V2?"8px":"6px"),";border-radius:50%;background-color:",(c=>c.isActive?c.version===b.CarouselVersion.V2?l.COLORS.content.brand:l.COLORS.content.secondary:c.version===b.CarouselVersion.V2?l.COLORS.stroke.brandLightAlt:l.COLORS.content.inactive),";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q29DIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBDYXJvdXNlbFZlcnNpb24gfSBmcm9tICcuL21vZGVsJztcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnMTAwJScgOiAnMzcycHgnfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZFxyXG4gICAgOiBDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gJzhweCcgOiAnNnB4J307XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlXHJcbiAgICA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLmNvbnRlbnQuYnJhbmRcclxuICAgICAgICA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjJcclxuICAgICAgICA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */"));exports.CarouselBody=g,exports.CarouselContainer=d,exports.CarouselFooter=n,exports.CarouselPage=I,exports.Indicator=u,exports.PageIndicator=x;

package/dist/cjs/components/carousel-secondary/index.d.ts

@@ -0,0 +1 @@
+export * from './CarouselSecondary';

package/dist/cjs/components/carousel-secondary/model.d.ts

@@ -0,0 +1,4 @@
+export declare enum CarouselVersion {
+    V1 = "1.0",
+    V2 = "2.0"
+}

package/dist/cjs/components/checkBox/CheckBox.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export type CheckBoxProps = {
+    isChecked: boolean;
+    isPartiallyChecked?: boolean;
+    isDisabled?: boolean;
+    value?: string;
+    onValueChange: (checked: boolean, value?: string, event?: React.MouseEvent) => void;
+    label?: string;
+    size?: 'DEFAULT' | 'SMALL';
+    skipHoverState?: boolean;
+    labelSize?: 'DEFAULT' | 'SMALL';
+    rightComponent?: JSX.Element;
+    checkboxBorderColor?: string;
+    boldOnChecked?: boolean;
+    bold?: boolean;
+    style?: React.CSSProperties;
+    enableHover?: boolean;
+    activeColor?: string;
+};
+export declare const CheckBox: React.FC<CheckBoxProps>;

package/dist/cjs/components/checkBox/CheckBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("./CheckBox.styled.js"),s=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=i=>{const s=l.useMemo((()=>i.activeColor||t.COLORS.background.positive.vibrant),[i.activeColor]);return e.jsxs("svg",{width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:s}),!i.isPartial&&e.jsx("svg",{width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})}),i.isPartial&&e.jsx("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]})};exports.CheckBox=r=>{var o;const[d,c]=l.useState(r.isChecked||!1),[n,h]=l.useState(r.isPartiallyChecked||!1),[x,C]=l.useState(r.isDisabled||!1),[S,b]=l.useState(!1),[u,v]=l.useState(!1);l.useEffect((()=>{c(r.isChecked)}),[r.isChecked]),l.useEffect((()=>{C(r.isDisabled||!1)}),[r.isDisabled]),l.useEffect((()=>{h(r.isPartiallyChecked||!1)}),[r.isPartiallyChecked]);return e.jsxs(i.CheckboxContainer,{onClick:e=>{var l;if(!r.isDisabled){const i=!d;n?h(!n):c(i),null===(l=r.onValueChange)||void 0===l||l.call(r,i,r.value,e)}},onMouseEnter:()=>b(!r.skipHoverState),onMouseLeave:()=>b(!1),onMouseDown:()=>v(!r.skipHoverState),onMouseUp:()=>v(!1),isDisabled:x,enableHover:r.enableHover,style:null!==(o=r.style)&&void 0!==o?o:{},children:[e.jsx(i.CheckboxIcon,{checked:d,hovered:S,clicked:u,isDisabled:x,size:r.size,borderColor:r.checkboxBorderColor,children:d&&e.jsx(a,{isPartial:n||!1,isDisabled:x,isSmall:"SMALL"===r.size,activeColor:null==r?void 0:r.activeColor})}),r.label?r.boldOnChecked&&d||r.bold?"DEFAULT"===r.labelSize?e.jsx(s.TitleRegular,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(s.TitleSmall,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):"SMALL"===r.size||"SMALL"===r.labelSize?e.jsx(s.BodySecondary,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(s.BodyPrimary,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(e.Fragment,{}),r.rightComponent]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),l=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=s=>{const l=i.useMemo((()=>s.activeColor||t.COLORS.background.positive.vibrant),[s.activeColor]);return e.jsxs("svg",Object.assign({width:s.isSmall?"16":"18",height:s.isSmall?"16":"18",viewBox:s.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:s.isSmall?"16":"18",height:s.isSmall?"16":"18",rx:"4",fill:s.isDisabled?t.COLORS.content.inactive:l}),!s.isPartial&&e.jsx("svg",Object.assign({width:s.isSmall?"8":"10",height:s.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&e.jsx("rect",{x:"5",y:s.isSmall?"7":"8",width:s.isSmall?"6":"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}))};exports.CheckBox=r=>{var o;const[c,d]=i.useState(r.isChecked||!1),[n,b]=i.useState(r.isPartiallyChecked||!1),[h,x]=i.useState(r.isDisabled||!1),[C,S]=i.useState(!1),[u,O]=i.useState(!1);i.useEffect((()=>{d(r.isChecked)}),[r.isChecked]),i.useEffect((()=>{x(r.isDisabled||!1)}),[r.isDisabled]),i.useEffect((()=>{b(r.isPartiallyChecked||!1)}),[r.isPartiallyChecked]);return e.jsxs(s.CheckboxContainer,Object.assign({onClick:e=>{var i;if(!r.isDisabled){const s=!c;n?b(!n):d(s),null===(i=r.onValueChange)||void 0===i||i.call(r,s,r.value,e)}},onMouseEnter:()=>S(!r.skipHoverState),onMouseLeave:()=>S(!1),onMouseDown:()=>O(!r.skipHoverState),onMouseUp:()=>O(!1),isDisabled:h,enableHover:r.enableHover,style:null!==(o=r.style)&&void 0!==o?o:{}},{children:[e.jsx(s.CheckboxIcon,Object.assign({checked:c,hovered:C,clicked:u,isDisabled:h,size:r.size,borderColor:r.checkboxBorderColor},{children:c&&e.jsx(a,{isPartial:n||!1,isDisabled:h,isSmall:"SMALL"===r.size,activeColor:null==r?void 0:r.activeColor})})),r.label?r.boldOnChecked&&c||r.bold?"DEFAULT"===r.labelSize?e.jsx(l.TitleRegular,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):e.jsx(l.TitleSmall,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):"SMALL"===r.size||"SMALL"===r.labelSize?e.jsx(l.BodySecondary,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):e.jsx(l.BodyPrimary,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):e.jsx(e.Fragment,{}),r.rightComponent]}))};

package/dist/cjs/components/checkBox/CheckBox.styled.d.ts

@@ -0,0 +1,12 @@
+export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", any, {
+    isDisabled?: boolean | undefined;
+    enableHover?: boolean | undefined;
+}, never>;
+export declare const CheckboxIcon: import("styled-components").StyledComponent<"div", any, {
+    checked: boolean;
+    hovered: boolean;
+    clicked: boolean;
+    isDisabled: boolean;
+    size?: "SMALL" | "DEFAULT" | undefined;
+    borderColor?: string | undefined;
+}, never>;

package/dist/cjs/components/checkBox/index.d.ts

@@ -0,0 +1 @@
+export * from './CheckBox';

package/dist/cjs/components/checkList/CheckList.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CheckBoxProps } from "../checkBox";
+type CheckListItem = Omit<CheckBoxProps, 'onValueChange' | 'controlFromOutside'> & {
+    value: string;
+};
+export type CheckListProps = {
+    title?: string;
+    subTitle?: string;
+    listItems: CheckListItem[];
+    onChange: (options: CheckListItem[]) => void;
+    listContainerStyles?: React.CSSProperties;
+};
+export declare const CheckList: React.FC<CheckListProps>;
+export {};

package/dist/cjs/components/checkList/CheckList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");exports.CheckList=c=>{var n;const[a,o]=t.useState(c.listItems);t.useEffect((()=>{o(c.listItems)}),[c.listItems]);const u=(e,t)=>{const s=[...a],i=a.find((e=>e.value===t));i&&(i.isChecked=e),o(s);const r=s.filter((e=>e.isChecked));c.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(c.title||c.subTitle)&&e.jsxs("div",{className:"title__container",children:[c.title&&e.jsx(r.TitleRegular,{children:c.title}),c.subTitle&&e.jsx(r.BodySecondary,{color:l.COLORS.text.secondary,children:c.subTitle})]}),e.jsx("div",{style:null!==(n=c.listContainerStyles)&&void 0!==n?n:{},className:"list__container",children:a.map((t=>e.jsx(s.CheckBox,Object.assign({},t,{onValueChange:u}),t.value)))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),c=require("../../constants/Theme.js");exports.CheckList=l=>{var n;const[a,o]=s.useState(l.listItems);s.useEffect((()=>{o(l.listItems)}),[l.listItems]);const u=(e,s)=>{const t=[...a],i=a.find((e=>e.value===s));i&&(i.isChecked=e),o(t);const r=t.filter((e=>e.isChecked));l.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(l.title||l.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[l.title&&e.jsx(r.TitleRegular,{children:l.title}),l.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:c.COLORS.text.secondary},{children:l.subTitle}))]})),e.jsx("div",Object.assign({style:null!==(n=l.listContainerStyles)&&void 0!==n?n:{},className:"list__container"},{children:a.map((s=>e.jsx(t.CheckBox,Object.assign({},s,{onValueChange:u}),s.value)))}))]})};

package/dist/cjs/components/checkList/CheckList.styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const CheckListStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;