@bikdotai/bik-component-library 0.0.76 → 0.0.77-4.beta.0.11

package/dist/esm/components/button/model.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 export type Size = 'chip' | 'small' | 'medium' | 'large';
-export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dashBold' | 'dashRegular';
+export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dashBold' | 'dashRegular' | 'text' | 'ai';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    'data-test'?: string;
     /**
      * Font fize of the text
      * @default default 'small'
@@ -11,7 +12,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * Text to render inside the button
      * @default ''
      */
-    buttonText: string;
+    buttonText?: string;
     /**
      * Whether the button is pressable or not
      * @default true
@@ -34,6 +35,11 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * @default undefined
      */
     LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * Custom styles to be applied to the LeadingIcon
+     * @default undefined
+     */
+    LeadingIconStyles?: React.CSSProperties;
     /**
      * The icon component that is the left of the buttonText
      * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
@@ -59,4 +65,13 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * @default false
      */
     matchParentWidth?: boolean;
+    subtitle?: string;
+    version?: '1.0' | '2.0';
+    darkMode?: boolean;
+    activated?: boolean;
+    error?: boolean;
+    buttonTextColor?: string;
+    customIconColor?: string;
+    buttonColor?: string;
+    buttonFontSize?: number;
 }

package/dist/esm/components/button/themes.d.ts

@@ -1,18 +1,52 @@
 import { Size, Type } from './model';
-export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean) => string;
-export declare const getColor: (type: Type, size: Size, inverse?: boolean) => string;
+export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean, buttonColor?: string) => string;
+export declare const getColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
 export declare const getDisabledTextColor: (inverse?: boolean) => string;
-export declare const getPadding: (type: Type, size: Size) => "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
-export declare const GetButtonTextComponent: (size: Size, type: Type) => import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const getBorderColor: (type: Type, inverse?: boolean) => string;
-export declare const getBorder: (type: Type, size: Size, inverse?: boolean) => string;
+export declare const getPadding: (type: Type, size: Size) => "0px" | "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
+export declare const GetButtonTextComponent: (size: Size, type: Type, disabled?: boolean) => import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const getBorderColor: (type: Type, inverse?: boolean, error?: boolean) => string;
+export declare const getBorder: (version: '1.0' | '2.0', type: Type, size: Size, inverse?: boolean, error?: boolean) => string;
 export declare const getLinearGradientValue: (size: Size) => string;
-export declare const getHoverButtonBackground: (type: Type, inverse?: boolean) => "background-color: #000000;\n\t\t\t\topacity: 0.03;" | "";
+/**
+ * Adjusts the brightness of a given hex color by a specified percentage.
+ * Below function is used to generate a hover effect for button backgrounds.
+ *
+ * @param {string} color - The hex color code to be adjusted (e.g., "#ff0000").
+ * @param {number} percent - The percentage by which to darken the color. Positive values darken the color.
+ * @returns {string} - The adjusted hex color code.
+ *
+ * @example
+ * // Darken the color #ff0000 (red) by 10%
+ * const darkerRed = getHoverButtonBackgroundCustom("#ff0000", 10);
+ * console.log(darkerRed); // Output might be "#e60000"
+ */
+export declare const getHoverButtonBackgroundCustom: (color: string, percent: number) => string;
+/**
+ * Generates a new color by adjusting the brightness of the given color by a specified percentage.
+ *
+ * @param color - The original color in hexadecimal format (e.g., "#RRGGBB").
+ * @param percent - The percentage to adjust the brightness. Positive values will lighten the color, while negative values will darken it.
+ * @returns The new color in hexadecimal format after adjusting the brightness.
+ *
+ * @example
+ * // Lighten the color by 20%
+ * const newColor = getLoadingButtonBackgroundCustom("#ff0000", 20); // "#ff3333"
+ *
+ * @example
+ * // Darken the color by 10%
+ * const newColor = getLoadingButtonBackgroundCustom("#00ff00", -10); // "#00e600"
+ */
+export declare const getLoadingButtonBackgroundCustom: (color: string, percent: number) => string;
+export declare const getHoverButtonBackground: (type: Type, inverse?: boolean) => string;
+export declare const getHoverButtonTextDecorationStyle: (type: Type, disabled?: boolean) => string;
 export declare const generateInverseHoverBackground: (type: Type, disabled?: boolean) => string;
 export declare const generateDisabledStyling: (type: Type, size: Size, inverse?: boolean) => string;
 export declare const getDashedBorderStyling: (type: Type, size: Size, borderColor?: string) => string;
 export declare const getClickEffect: (type: Type, size: Size, inverse?: boolean) => string | undefined;
-export declare const getLoadingBackground: (type: Type, size: Size, inverse?: boolean) => string;
+export declare const getLoadingBackground: (type: Type, size: Size, inverse?: boolean, buttonColor?: string) => string;
 export declare const getLoadingBorder: (type: Type, size: Size, inverse?: boolean) => string;
 export declare const SpinnerColorMap: (type: Type, inverse?: boolean) => string;
-export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean) => string | undefined;
+export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean, darkMode?: boolean) => string | undefined;

package/dist/esm/components/button/themes.js

@@ -1 +1 @@
-import{COLORS as t}from"../../constants/Theme.js";import{BodySecondary as r,BodyCaption as n,ButtonRegular as e,ButtonLarge as a}from"../TypographyStyle.js";const o=(r,n,e)=>{if("chip"===n)return t.surface.subdued;switch(r){case"primary":return e?t.background.warning.vibrant:t.background.brand;case"destructive":return t.background.negative.vibrant;case"tertiary":return e?"transparent":t.surface.standard;default:return"transparent"}},i=(r,n,e)=>{if("chip"===n)return t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;default:return e?t.content.primaryInverse:t.stroke.brand}},c=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,d=(t,r)=>{if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},s=(t,o)=>"dashRegular"===o?r:"chip"===t?n:"small"===t?e:a,p=(r,n)=>n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,b=(r,n,e)=>"chip"===n?`border: 1px solid ${t.stroke.primary};`:e?"secondary"===r?`border: 1px solid ${p(r,e)};`:"border: none;":"secondary"===r?`border: 1px solid ${p(r)};`:"border: none;",g=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",u=(t,r)=>r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",l=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",y=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",h=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p(t);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${g(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${g(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${g(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${g(r)}\n\t\t);\n\t}\n\t`},x=(r,n,e)=>"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight}  !important;`:`background-color: ${t.background.brandLight};`:void 0,k=(r,n,e)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",m=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",v=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,$=(r,n,e,a,o)=>"chip"===r?a?t.content.inactive:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{s as GetButtonTextComponent,v as SpinnerColorMap,y as generateDisabledStyling,l as generateInverseHoverBackground,o as getBackgroundColor,b as getBorder,p as getBorderColor,$ as getButtonIconColor,x as getClickEffect,i as getColor,h as getDashedBorderStyling,c as getDisabledTextColor,u as getHoverButtonBackground,g as getLinearGradientValue,k as getLoadingBackground,m as getLoadingBorder,d as getPadding};
+import{COLORS as t}from"../../constants/Theme.js";import{ButtonRegularAI as r,ButtonLargeAI as n,BodySecondary as e,BodyCaption as a,ButtonRegular as o,ButtonLarge as i}from"../TypographyStyle.js";const c=(r,n,e,a,o)=>{if("chip"===n)return"text"===r?"transparent":a?t.surface.hovered:t.surface.subdued;switch(r){case"primary":return o||(e?t.background.warning.vibrant:t.background.inverseLight);case"destructive":return t.background.negative.vibrant;default:return"transparent"}},d=(r,n,e,a)=>{if("chip"===n)return"text"===r?e?t.content.inactive:t.content.brand:a?t.content.primary:t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;case"ai":return t.content.ai;default:return e?t.content.primaryInverse:t.stroke.brand}},s=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,p=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},u=(t,c,d)=>d||"ai"!==c?"dashRegular"===c?e:"chip"===t?a:"small"===t?o:i:"small"===t?r:n,b=(r,n,e)=>e?t.stroke.negative.vibrant:n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,g=(r,n,e,a,o)=>"text"==n?"border: none;":"chip"===e?`border: ${"2.0"===r?.5:1}px solid ${t.stroke.primary};`:a?"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${b(n,a,o)};`:"border: none;":"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${b(n,!1,o)};`:"border: none;",l=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",h=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)-e,o=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(a,0)<<16)+(Math.max(o,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},x=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)+e,o=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(a,255)<<16)+(Math.min(o,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`},y=(r,n)=>"ai"===r?`background: ${t.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",m=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`,k=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",$=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",v=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:b(t,!1);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t`},f=(r,n,e)=>"text"===r?`background-color: ${t.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`:"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight}  !important;`:`background-color: ${t.background.brandLight};`:void 0,w=(r,n,e,a)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?a?`background-color: ${x(a,50)};`:`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",L=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",I=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,M=(r,n,e,a,o,i)=>"chip"===r?a?t.content.inactive:i?t.content.primary:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{u as GetButtonTextComponent,I as SpinnerColorMap,$ as generateDisabledStyling,k as generateInverseHoverBackground,c as getBackgroundColor,g as getBorder,b as getBorderColor,M as getButtonIconColor,f as getClickEffect,d as getColor,v as getDashedBorderStyling,s as getDisabledTextColor,y as getHoverButtonBackground,h as getHoverButtonBackgroundCustom,m as getHoverButtonTextDecorationStyle,l as getLinearGradientValue,w as getLoadingBackground,L as getLoadingBorder,x as getLoadingButtonBackgroundCustom,p as getPadding};

package/dist/esm/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/esm/components/buttonGroup/ButtonGroup.js

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

package/dist/esm/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/esm/components/buttonGroup/ButtonGroupStyle.js

@@ -0,0 +1,34 @@
+import i from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const t={small:"8px 12px",medium:"10px 12px",large:"14px 12px"},e={small:"36px",medium:"40px",large:"48px"},n=i.div`
+	display: flex;
+	flex-direction: row;
+	width: ${i=>i.width||"100%"};
+	height: ${i=>"top"===i.iconPosition?"auto":i.size?e[i.size]:"36px"};
+	min-height: ${i=>"top"===i.iconPosition?i.size?e[i.size]:"36px":"auto"};
+	gap: ${i=>i.gap||"12px"};
+`,r=i.div`
+	display: flex;
+	flex-direction: ${i=>"top"!==i.iconPosition?"left"===i.iconPosition?"row":"row-reverse":"column"};
+	flex: ${i=>i.matchParentWidth?1:"unset"};
+	height: ${i=>"top"===i.iconPosition?"auto":"100%"};
+	min-height: ${i=>"top"===i.iconPosition?"100%":"auto"};
+	background: ${i=>i.isActive?o.background.brandLight:i.backgroundColor};
+	border: 1px solid
+		${i=>i.isActive?o.background.inverseLight:o.stroke.primary};
+	border-radius: ${i=>i.borderRadius};
+	align-items: center;
+	justify-content: center;
+	padding: ${i=>i.size?t[i.size]:"8px 10px"};
+	gap: ${i=>i.iconPosition&&"top"!==i.iconPosition?"10px":"2px"};
+	.button {
+		align-items: center;
+		justify-content: center;
+		&__image {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+	:hover {
+		cursor: pointer;
+	}
+`;export{r as Button,n as ButtonGroupStyle};

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

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

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

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

package/dist/esm/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/esm/components/card-selector/CardSelector.js

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

package/dist/esm/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/esm/components/card-selector/CardSelector.styled.js

@@ -0,0 +1,19 @@
+import e from"styled-components";import{COLORS as d}from"../../constants/Theme.js";const o=e.div`
+	width: 100%;
+	display: flex;
+	padding: 16px;
+	border-radius: 4px;
+	gap: 12px;
+	justify-content: ${e=>e.loading?"center":"flex-start"};
+	cursor: ${e=>e.disabled||e.loading?"not-allowed":"pointer"};
+	background-color: ${e=>e.selected?d.background.brandLight:d.surface.subdued};
+	border: 1px solid
+		${e=>e.selected?d.content.brand:e.disabled?d.stroke.primary:d.content.inactive};
+	:hover {
+		background-color: ${e=>e.isTooltipPresent?d.surface.subdued:e.selected?d.background.brandLight:e.disabled||e.loading?d.surface.subdued:d.surface.hovered};
+	}
+`,r=e.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;export{o as Container,r as Loader};

package/dist/esm/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/esm/components/card-selector/CardSelectorGroup.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{CardSelector as e}from"./CardSelector.js";const i=i=>t("div",Object.assign({style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16}},{children:i.cards.map((l=>t("div",Object.assign({style:{display:"flex",flex:1}},{children:t(e,{"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)))}));export{i as CardSelectorGroup};

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

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

package/dist/esm/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/esm/components/carousel/carousel.js

@@ -0,0 +1,22 @@
+import{jsx as r,Fragment as t}from"react/jsx-runtime";import e from"../../assets/icons/chevronLeft.svg.js";import s from"../../assets/icons/chevronRight.svg.js";import{Carousel as o}from"@trendyol-js/react-carousel";import i from"styled-components";const n=()=>r(l,Object.assign({className:"left"},{children:r(e,{width:16,height:16,color:"#fff"})})),a=()=>r(l,Object.assign({className:"right"},{children:r(s,{width:16,height:16,color:"#fff"})})),c=e=>r(t,{children:r(o,Object.assign({leftArrow:r(n,{}),rightArrow:r(a,{})},e,{children:e.children}))}),l=i.div`
+	cursor: pointer;
+	margin: 0 8px;
+	width: 50px;
+	height: 50px;
+	border-radius: 25px;
+	display: flex;
+	align-items: center;
+	background-color: rgba(0, 0, 0, 0.4);
+	justify-content: center;
+	position: absolute;
+	z-index: 2;
+	top: 50%;
+	&.left {
+		transform: translate(0%, -50%);
+		left: 0;
+	}
+	&.right {
+		transform: translate(0%, -50%);
+		right: 0;
+	}
+`;export{c as Carousel};

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

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

package/dist/esm/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/esm/components/carousel-preview/CarouselPreview.js

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

package/dist/esm/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/esm/components/carousel-preview/CarouselPreview.style.js

@@ -0,0 +1,86 @@
+import e from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const r=e.div`
+	background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
+	border-color: ${o.stroke.primary};
+	border-top-style: solid;
+	border-bottom-style: ${e=>e.removeBottomBorder?"unset":"solid"};
+	border-top-width: 1px;
+	border-bottom-width: ${e=>e.hideBorder?"0px":"1px"};
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: cover;
+	position: relative;
+	height: 100%;
+	overflow-y: auto;
+	border-radius: ${e=>{var o;return null!==(o=e.borderRadius)&&void 0!==o?o:"0px"}};
+`,t=e.div`
+	width: 100%;
+
+	// Hides the pre-built right arrow
+	.slick-next:before {
+		content: none;
+	}
+
+	// Hides the pre-built left arrow
+	.slick-prev:before {
+		content: none;
+	}
+
+	// Right arrow styles
+	.slick-next {
+		z-index: 10;
+		border-radius: 50%;
+		align-items: center;
+		justify-content: center;
+		right: 10px;
+		border-radius: 50%;
+		width: 24px;
+		height: 24px;
+		display: flex;
+		background-color: white;
+		box-shadow: 0px 1.5px 6px 0px #0000001f;
+		/* height: 100%; */
+
+		:hover {
+			background: white;
+		}
+	}
+
+	// Left arrow styles
+	.slick-prev {
+		left: 5px;
+		z-index: 10;
+		border-radius: 50%;
+		align-items: center;
+		justify-content: center;
+		border-radius: 50%;
+		width: 24px;
+		height: 24px;
+		display: flex;
+		background-color: white;
+		box-shadow: 0px 1.5px 6px 0px #0000001f;
+
+		:hover {
+			background: white;
+		}
+	}
+
+	.slick-slide {
+		display: flex;
+	}
+
+	.slick-slide > div {
+		width: 100%;
+		height: 100%;
+		padding-bottom: 16px;
+	}
+
+	.slick-track {
+		flex: 1;
+	}
+
+	.slick-list {
+		display: flex;
+		flex-direction: column;
+		margin-left: -49px;
+	}
+`;export{t as CarouselSlickContainer,r as Container};

package/dist/esm/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/esm/components/carousel-preview/CarouselPreviewCard.js

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

package/dist/esm/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/esm/components/carousel-preview/CustomCarouselArrows.js

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

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

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

package/dist/esm/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/esm/components/carousel-secondary/CarouselSecondary.js

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

package/dist/esm/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/esm/components/carousel-secondary/CarouselSecondary.style.js

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{COLORS as b}from"../../constants/Theme.js";import{CarouselVersion as l}from"./model.js";function Z(){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 G=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq5"}:{target:"e1lbp7wq5",label:"CarouselContainer"})("width:100%;height:",(c=>c.version===l.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== */")),X=c("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== */")),d=c("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:Z}),g=c("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===l.V2?b.surface.standard:b.surface.hovered),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnlDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBDYXJvdXNlbFZlcnNpb24gfSBmcm9tICcuL21vZGVsJztcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnMTAwJScgOiAnMzcycHgnfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZFxyXG4gICAgOiBDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gJzhweCcgOiAnNnB4J307XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlXHJcbiAgICA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLmNvbnRlbnQuYnJhbmRcclxuICAgICAgICA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjJcclxuICAgICAgICA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */")),I=c("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:Z}),n=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq0"}:{target:"e1lbp7wq0",label:"Indicator"})("width:",(c=>c.isActive&&c.version===l.V2?"8px":"6px"),";height:",(c=>c.isActive&&c.version===l.V2?"8px":"6px"),";border-radius:50%;background-color:",(c=>c.isActive?c.version===l.V2?b.content.brand:b.content.secondary:c.version===l.V2?b.stroke.brandLightAlt:b.content.inactive),";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q29DIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBDYXJvdXNlbFZlcnNpb24gfSBmcm9tICcuL21vZGVsJztcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnMTAwJScgOiAnMzcycHgnfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZFxyXG4gICAgOiBDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gJzhweCcgOiAnNnB4J307XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlXHJcbiAgICA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLmNvbnRlbnQuYnJhbmRcclxuICAgICAgICA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjJcclxuICAgICAgICA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */"));export{X as CarouselBody,G as CarouselContainer,g as CarouselFooter,d as CarouselPage,n as Indicator,I as PageIndicator};

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

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

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

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