@bikdotai/bik-component-library 0.0.687-beta.4 → 0.0.687-beta.6

package/dist/esm/components/carousel-preview/CarouselPreview.style.js

@@ -1,6 +1,6 @@
-import e from"styled-components";import{COLORS as r}from"../../constants/Theme.js";const o=e.div`
+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: ${r.stroke.primary};
+	border-color: ${o.stroke.primary};
 	border-top-style: solid;
 	border-bottom-style: ${e=>e.removeBottomBorder?"unset":"solid"};
 	border-top-width: 1px;
@@ -11,7 +11,7 @@ import e from"styled-components";import{COLORS as r}from"../../constants/Theme.j
 	position: relative;
 	height: 100%;
 	overflow-y: auto;
-	border-radius: ${e=>{var r;return null!=(r=e.borderRadius)?r:"0px"}};
+	border-radius: ${e=>e.borderRadius??"0px"};
 `,t=e.div`
 	width: 100%;
 
@@ -83,4 +83,4 @@ import e from"styled-components";import{COLORS as r}from"../../constants/Theme.j
 		flex-direction: column;
 		margin-left: -49px;
 	}
-`;export{t as CarouselSlickContainer,o as Container};
+`;export{t as CarouselSlickContainer,r as Container};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTemplateModalContext as r}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{determineCardIndex as p}from"../template-preview/helpers/templateMiscHelper.js";var i=t.forwardRef((t=>{let{channel:i,currentTemplate:l,showSampleValues:s,carouselCardIndex:m,isPreview:o,width:n}=t;var h,d,c;const{cardWidth:u,template:v,cardIndex:w}=r(),f=-1==w?p(i):w,j=(null!=(c=null==(d=null==(h=null==v?void 0:v.components)?void 0:h[f].cards)?void 0:d.length)?c:0)-1===m?12:0;return e("div",{style:{width:n||u,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:j,height:"100%"}}})})}));export{i as default};
+import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTemplateModalContext as r}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{determineCardIndex as p}from"../template-preview/helpers/templateMiscHelper.js";var i=t.forwardRef((({channel:t,currentTemplate:i,showSampleValues:s,carouselCardIndex:m,isPreview:l,width:o})=>{const{cardWidth:n,template:h,cardIndex:c}=r(),d=-1==c?p(t):c,w=(h?.components?.[d].cards?.length??0)-1===m?12:0;return e("div",{style:{width:o||n,height:(m??-1)>-1?"100%":"auto"},children:e(a,{showSampleValues:s,template:i,channel:t,size:"small",hideHeader:!0,carouselCardIndex:m,isWhatsappCarousel:!0,isPreview:l,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:w,height:"100%"}}})})}));export{i as default};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import n from"../../assets/icons/chevronRight.svg.js";import{COLORS as l}from"../../constants/Theme.js";import{useTemplateModalContext as r}from"../template-context-mapper/context/templateModalContext.js";var o=Object.defineProperty,s=Object.defineProperties,c=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,m=(e,t,n)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,u=(e,t)=>{for(var n in t||(t={}))a.call(t,n)&&m(e,n,t[n]);if(i)for(var n of i(t))p.call(t,n)&&m(e,n,t[n]);return e},d=(e,t)=>s(e,c(t));const y=n=>{const{className:o,style:s,onClick:c,isPreview:i}=n,{selectedCarouselIndex:a,setSelectedCarouselIndex:p}=r();return e("div",{className:o,style:d(u({},s),{display:c&&(null!=a?a:-1)>-1||i?"flex":"none",content:"none"}),onClick:e=>{null==c||c(e),(null!=a?a:-1)<1||i||null==p||p((null!=a?a:-1)-1)},children:e(t,{height:10,width:10,color:l.content.primary})})},f=t=>{const{className:o,style:s,onClick:c,isPreview:i}=t,{selectedCarouselIndex:a,setSelectedCarouselIndex:p,cardCount:m}=r();return e("div",{className:o,style:d(u({},s),{display:c&&(null!=a?a:-1)>-1||i?"flex":"none",content:"none"}),onClick:e=>{null==c||c(e),(null!=a?a:-1)>=(null!=m?m:-1)-1||i||null==p||p((null!=a?a:-1)+1)},children:e(n,{height:10,width:10,color:l.content.primary})})};export{y as CustomCarouselLeftArrow,f as CustomCarouselRightArrow};
+import{jsx as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import o from"../../assets/icons/chevronRight.svg.js";import{COLORS as s}from"../../constants/Theme.js";import{useTemplateModalContext as n}from"../template-context-mapper/context/templateModalContext.js";const r=o=>{const{className:r,style:c,onClick:l,isPreview:i}=o,{selectedCarouselIndex:a,setSelectedCarouselIndex:m}=n();return e("div",{className:r,style:{...c,display:l&&(a??-1)>-1||i?"flex":"none",content:"none"},onClick:e=>{l?.(e),(a??-1)<1||i||m?.((a??-1)-1)},children:e(t,{height:10,width:10,color:s.content.primary})})},c=t=>{const{className:r,style:c,onClick:l,isPreview:i}=t,{selectedCarouselIndex:a,setSelectedCarouselIndex:m,cardCount:d}=n();return e("div",{className:r,style:{...c,display:l&&(a??-1)>-1||i?"flex":"none",content:"none"},onClick:e=>{l?.(e),(a??-1)>=(d??-1)-1||i||m?.((a??-1)+1)},children:e(o,{height:10,width:10,color:s.content.primary})})};export{r as CustomCarouselLeftArrow,c as CustomCarouselRightArrow};

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

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

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

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

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

@@ -1 +1,42 @@
-import c from"@emotion/styled/base";import{COLORS as b}from"../../constants/Theme.js";import{CarouselVersion as l}from"./model.js";function I(){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 X=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMkMiLCJmaWxlIjoiQ2Fyb3VzZWxTZWNvbmRhcnkuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCJAc3JjL2NvbnN0YW50cy9UaGVtZVwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxWZXJzaW9uIH0gZnJvbSBcIi4vbW9kZWxcIjtcbmV4cG9ydCBjb25zdCBDYXJvdXNlbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyBcIjEwMCVcIiA6IFwiMzcycHhcIn07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcbmA7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxCb2R5ID0gc3R5bGVkLmRpdmBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogY2FsYygxMDAlIC0gNDJweCk7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuXHR3aGl0ZS1zcGFjZTogYnJlYWstc3BhY2VzO1xuXHR0ZXh0LWFsaWduOiAkeyhwcm9wcykgPT4gcHJvcHMudGV4dEFsaWduIHx8IFwibGVmdFwifTtcbmA7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxQYWdlID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcbmV4cG9ydCBjb25zdCBDYXJvdXNlbEZvb3RlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5gO1xuZXhwb3J0IGNvbnN0IFBhZ2VJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gXCI4cHhcIiA6IFwiNnB4XCJ9O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyBcIjhweFwiIDogXCI2cHhcIn07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlID8gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gQ09MT1JTLmNvbnRlbnQuYnJhbmQgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnkgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyBDT0xPUlMuc3Ryb2tlLmJyYW5kTGlnaHRBbHQgOiBDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XG4iXX0= */")),d=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVc0MiLCJmaWxlIjoiQ2Fyb3VzZWxTZWNvbmRhcnkuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCJAc3JjL2NvbnN0YW50cy9UaGVtZVwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxWZXJzaW9uIH0gZnJvbSBcIi4vbW9kZWxcIjtcbmV4cG9ydCBjb25zdCBDYXJvdXNlbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyBcIjEwMCVcIiA6IFwiMzcycHhcIn07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcbmA7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxCb2R5ID0gc3R5bGVkLmRpdmBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogY2FsYygxMDAlIC0gNDJweCk7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuXHR3aGl0ZS1zcGFjZTogYnJlYWstc3BhY2VzO1xuXHR0ZXh0LWFsaWduOiAkeyhwcm9wcykgPT4gcHJvcHMudGV4dEFsaWduIHx8IFwibGVmdFwifTtcbmA7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxQYWdlID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcbmV4cG9ydCBjb25zdCBDYXJvdXNlbEZvb3RlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5gO1xuZXhwb3J0IGNvbnN0IFBhZ2VJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gXCI4cHhcIiA6IFwiNnB4XCJ9O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyBcIjhweFwiIDogXCI2cHhcIn07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlID8gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gQ09MT1JTLmNvbnRlbnQuYnJhbmQgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnkgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyBDT0xPUlMuc3Ryb2tlLmJyYW5kTGlnaHRBbHQgOiBDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XG4iXX0= */")),Z=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQnNDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmltcG9ydCB7IENhcm91c2VsVmVyc2lvbiB9IGZyb20gXCIuL21vZGVsXCI7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gXCIxMDAlXCIgOiBcIjM3MnB4XCJ9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5gO1xuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGNhbGMoMTAwJSAtIDQycHgpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblx0d2hpdGUtc3BhY2U6IGJyZWFrLXNwYWNlcztcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLnRleHRBbGlnbiB8fCBcImxlZnRcIn07XG5gO1xuZXhwb3J0IGNvbnN0IENhcm91c2VsUGFnZSA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0ZmxleC1zaHJpbms6IDA7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDtcblx0cGFkZGluZzogMjRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxGb290ZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGhlaWdodDogNDJweDtcblx0d2lkdGg6IDEwMCU7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6IENPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuYDtcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlICYmIHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/IFwiOHB4XCIgOiBcIjZweFwifTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gXCI4cHhcIiA6IFwiNnB4XCJ9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/IENPTE9SUy5jb250ZW50LmJyYW5kIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IDogcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0IDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xuIl19 */",toString:I}),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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QndDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmltcG9ydCB7IENhcm91c2VsVmVyc2lvbiB9IGZyb20gXCIuL21vZGVsXCI7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gXCIxMDAlXCIgOiBcIjM3MnB4XCJ9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5gO1xuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGNhbGMoMTAwJSAtIDQycHgpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblx0d2hpdGUtc3BhY2U6IGJyZWFrLXNwYWNlcztcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLnRleHRBbGlnbiB8fCBcImxlZnRcIn07XG5gO1xuZXhwb3J0IGNvbnN0IENhcm91c2VsUGFnZSA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0ZmxleC1zaHJpbms6IDA7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDtcblx0cGFkZGluZzogMjRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxGb290ZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGhlaWdodDogNDJweDtcblx0d2lkdGg6IDEwMCU7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6IENPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuYDtcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlICYmIHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/IFwiOHB4XCIgOiBcIjZweFwifTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gXCI4cHhcIiA6IFwiNnB4XCJ9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/IENPTE9SUy5jb250ZW50LmJyYW5kIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IDogcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0IDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xuIl19 */")),m=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3VDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmltcG9ydCB7IENhcm91c2VsVmVyc2lvbiB9IGZyb20gXCIuL21vZGVsXCI7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gXCIxMDAlXCIgOiBcIjM3MnB4XCJ9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5gO1xuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGNhbGMoMTAwJSAtIDQycHgpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblx0d2hpdGUtc3BhY2U6IGJyZWFrLXNwYWNlcztcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLnRleHRBbGlnbiB8fCBcImxlZnRcIn07XG5gO1xuZXhwb3J0IGNvbnN0IENhcm91c2VsUGFnZSA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0ZmxleC1zaHJpbms6IDA7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDtcblx0cGFkZGluZzogMjRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxGb290ZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGhlaWdodDogNDJweDtcblx0d2lkdGg6IDEwMCU7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6IENPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuYDtcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlICYmIHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/IFwiOHB4XCIgOiBcIjZweFwifTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gXCI4cHhcIiA6IFwiNnB4XCJ9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/IENPTE9SUy5jb250ZW50LmJyYW5kIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IDogcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0IDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xuIl19 */",toString:I}),W=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q21DIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmltcG9ydCB7IENhcm91c2VsVmVyc2lvbiB9IGZyb20gXCIuL21vZGVsXCI7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gXCIxMDAlXCIgOiBcIjM3MnB4XCJ9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5gO1xuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGNhbGMoMTAwJSAtIDQycHgpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblx0d2hpdGUtc3BhY2U6IGJyZWFrLXNwYWNlcztcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLnRleHRBbGlnbiB8fCBcImxlZnRcIn07XG5gO1xuZXhwb3J0IGNvbnN0IENhcm91c2VsUGFnZSA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0ZmxleC1zaHJpbms6IDA7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDtcblx0cGFkZGluZzogMjRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxGb290ZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGhlaWdodDogNDJweDtcblx0d2lkdGg6IDEwMCU7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6IENPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuYDtcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlICYmIHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/IFwiOHB4XCIgOiBcIjZweFwifTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gXCI4cHhcIiA6IFwiNnB4XCJ9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/IENPTE9SUy5jb250ZW50LmJyYW5kIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IDogcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0IDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xuIl19 */"));export{d as CarouselBody,X as CarouselContainer,G as CarouselFooter,Z as CarouselPage,W as Indicator,m as PageIndicator};
+import e from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js";import{CarouselVersion as t}from"./model.js";const n=e.div`
+	width: 100%;
+	height: ${e=>e.version===t.V2?"100%":"372px"};
+	overflow: hidden;
+	border-radius: 8px;
+`,o=e.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"};
+`,r=e.div`
+	display: inline-block;
+	flex-shrink: 0;
+	width: 100%;
+	height: 100%;
+	scroll-snap-align: start;
+	padding: 24px;
+	overflow: hidden;
+`,d=e.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	height: 42px;
+	width: 100%;
+	padding: 10px;
+	background-color: ${e=>e.version===t.V2?i.surface.standard:i.surface.hovered};
+`,s=e.div`
+	display: flex;
+	flex-direction: row;
+	gap: 8px;
+	align-items: center;
+	justify-content: center;
+`,a=e.div`
+	width: ${e=>e.isActive&&e.version===t.V2?"8px":"6px"};
+	height: ${e=>e.isActive&&e.version===t.V2?"8px":"6px"};
+	border-radius: 50%;
+	background-color: ${e=>e.isActive?e.version===t.V2?i.content.brand:i.content.secondary:e.version===t.V2?i.stroke.brandLightAlt:i.content.inactive};
+	cursor: pointer;
+`;export{o as CarouselBody,n as CarouselContainer,d as CarouselFooter,r as CarouselPage,a as Indicator,s as PageIndicator};

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

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

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

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

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

@@ -1 +1 @@
-import{jsxs as e,jsx as l,Fragment as i}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as a}from"react";import{CheckboxContainer as r,CheckboxIcon as o}from"./CheckBox.styled.js";import{TitleRegular as d,TitleSmall as n,BodySecondary as c,BodyPrimary as h}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=i=>{const s=a((()=>i.activeColor||b.background.positive.vibrant),[i.activeColor]);return e("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:[l("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?b.content.inactive:s}),!i.isPartial&&l("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:l("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&&l("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:b.surface.standard})]})},v=a=>{var v;const[C,p]=s(a.isChecked||!1),[x,S]=s(a.isPartiallyChecked||!1),[u,w]=s(a.isDisabled||!1),[y,k]=s(!1),[g,D]=s(!1);t((()=>{p(a.isChecked)}),[a.isChecked]),t((()=>{w(a.isDisabled||!1)}),[a.isDisabled]),t((()=>{S(a.isPartiallyChecked||!1)}),[a.isPartiallyChecked]);return e(r,{onClick:e=>{var l;if(!a.isDisabled){const i=!C;x?S(!x):p(i),null==(l=a.onValueChange)||l.call(a,i,a.value,e)}},onMouseEnter:()=>k(!a.skipHoverState),onMouseLeave:()=>k(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),isDisabled:u,enableHover:a.enableHover,style:null!=(v=a.style)?v:{},children:[l(o,{checked:C,hovered:y,clicked:g,isDisabled:u,size:a.size,borderColor:a.checkboxBorderColor,children:C&&l(m,{isPartial:x||!1,isDisabled:u,isSmall:"SMALL"===a.size,activeColor:null==a?void 0:a.activeColor})}),a.label?a.boldOnChecked&&C||a.bold?"DEFAULT"===a.labelSize?l(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size||"SMALL"===a.labelSize?l(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(h,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(i,{}),a.rightComponent]})};export{v as CheckBox};
+import{jsxs as e,jsx as i,Fragment as l}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as a}from"react";import{CheckboxContainer as o,CheckboxIcon as r}from"./CheckBox.styled.js";import{TitleRegular as d,TitleSmall as c,BodySecondary as n,BodyPrimary as h}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=l=>{const s=a((()=>l.activeColor||b.background.positive.vibrant),[l.activeColor]);return e("svg",{width:l.isSmall?"16":"18",height:l.isSmall?"16":"18",viewBox:l.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("rect",{x:"0",y:"0",width:l.isSmall?"16":"18",height:l.isSmall?"16":"18",rx:"4",fill:l.isDisabled?b.content.inactive:s}),!l.isPartial&&i("svg",{width:l.isSmall?"8":"10",height:l.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("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"})}),l.isPartial&&i("rect",{x:"5",y:l.isSmall?"7":"8",width:l.isSmall?"6":"8",height:"2",rx:"1",fill:b.surface.standard})]})},v=a=>{const[v,C]=s(a.isChecked||!1),[p,x]=s(a.isPartiallyChecked||!1),[S,w]=s(a.isDisabled||!1),[y,k]=s(!1),[g,D]=s(!1);t((()=>{C(a.isChecked)}),[a.isChecked]),t((()=>{w(a.isDisabled||!1)}),[a.isDisabled]),t((()=>{x(a.isPartiallyChecked||!1)}),[a.isPartiallyChecked]);return e(o,{onClick:e=>{if(!a.isDisabled){const i=!v;p?x(!p):C(i),a.onValueChange?.(i,a.value,e)}},onMouseEnter:()=>k(!a.skipHoverState),onMouseLeave:()=>k(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),isDisabled:S,enableHover:a.enableHover,style:a.style??{},children:[i(r,{checked:v,hovered:y,clicked:g,isDisabled:S,size:a.size,borderColor:a.checkboxBorderColor,children:v&&i(m,{isPartial:p||!1,isDisabled:S,isSmall:"SMALL"===a.size,activeColor:a?.activeColor})}),a.label?a.boldOnChecked&&v||a.bold?"DEFAULT"===a.labelSize?i(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):i(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size||"SMALL"===a.labelSize?i(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):i(h,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):i(l,{}),a.rightComponent]})};export{v as CheckBox};

package/dist/esm/components/checkBox/CheckBox.styled.js

@@ -1,4 +1,4 @@
-import e,{css as i}from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const r=e.div`
+import e,{css as i}from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const s=e.div`
 	display: inline-flex;
 	gap: 8px;
 	align-items: center;
@@ -8,7 +8,7 @@ import e,{css as i}from"styled-components";import{COLORS as o}from"../../constan
 				background: ${o.surface.subdued};
 			}
 		`}
-`,s=e.div`
+`,r=e.div`
 	width: ${e=>"SMALL"===e.size?12:14}px;
 	height: ${e=>"SMALL"===e.size?12:14}px;
 	border-radius: 4px;
@@ -17,13 +17,13 @@ import e,{css as i}from"styled-components";import{COLORS as o}from"../../constan
 	justify-content: center;
 	align-items: center;
 	box-sizing: content-box;
-	${e=>{var r;return e.isDisabled?i`
+	${e=>e.isDisabled?i`
 					border: ${"SMALL"===e.size?1.5:2}px solid
 						${o.content.inactive};
 			  `:i`
 					border: ${"SMALL"===e.size?1.5:2}px solid
-						${null!=(r=e.borderColor)?r:"black"};
-			  `}}
+						${e.borderColor??"black"};
+			  `}
 	${e=>e.checked&&i`
 			border: 0px;
 			width: 18px;
@@ -37,4 +37,4 @@ import e,{css as i}from"styled-components";import{COLORS as o}from"../../constan
 				${e.checked?o.stroke.positive.lightAlt:o.surface.hovered};
 			outline-offset: 2px;
 		`}
-`;export{r as CheckboxContainer,s as CheckboxIcon};
+`;export{s as CheckboxContainer,r as CheckboxIcon};

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

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

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as o}from"react";import{CheckBox as i}from"../checkBox/CheckBox.js";import{CheckListStyled as l}from"./CheckList.styled.js";import{TitleRegular as s,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";var a=Object.defineProperty,m=Object.defineProperties,p=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,y=(e,t,r)=>t in e?a(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;const b=a=>{var b;const[d,j]=r(a.listItems);o((()=>{j(a.listItems)}),[a.listItems]);const v=(e,t)=>{const r=[...d],o=d.find((e=>e.value===t));o&&(o.isChecked=e),j(r);const i=r.filter((e=>e.isChecked));a.onChange(i)};return e(l,{children:[(a.title||a.subTitle)&&e("div",{className:"title__container",children:[a.title&&t(s,{children:a.title}),a.subTitle&&t(n,{color:c.text.secondary,children:a.subTitle})]}),t("div",{style:null!=(b=a.listContainerStyles)?b:{},className:"list__container",children:d.map((e=>{return t(i,(r=((e,t)=>{for(var r in t||(t={}))h.call(t,r)&&y(e,r,t[r]);if(f)for(var r of f(t))u.call(t,r)&&y(e,r,t[r]);return e})({},e),m(r,p({onValueChange:v}))),e.value);var r}))})]})};export{b as CheckList};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{CheckBox as o}from"../checkBox/CheckBox.js";import{CheckListStyled as r}from"./CheckList.styled.js";import{TitleRegular as l,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const m=m=>{const[a,h]=i(m.listItems);s((()=>{h(m.listItems)}),[m.listItems]);const d=(t,e)=>{const i=[...a],s=a.find((t=>t.value===e));s&&(s.isChecked=t),h(i);const o=i.filter((t=>t.isChecked));m.onChange(o)};return t(r,{children:[(m.title||m.subTitle)&&t("div",{className:"title__container",children:[m.title&&e(l,{children:m.title}),m.subTitle&&e(n,{color:c.text.secondary,children:m.subTitle})]}),e("div",{style:m.listContainerStyles??{},className:"list__container",children:a.map((t=>e(o,{...t,onValueChange:d},t.value)))})]})};export{m as CheckList};

package/dist/esm/components/checkList/CheckList.styled.js

@@ -1 +1,10 @@
-import e from"@emotion/styled/base";const t=e("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV5QyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5leHBvcnQgY29uc3QgQ2hlY2tMaXN0U3R5bGVkID0gc3R5bGVkLmRpdmBcblx0LnRpdGxlX19jb250YWluZXIge1xuXHRcdG1hcmdpbi1ib3R0b206IDEycHg7XG5cdH1cblx0Lmxpc3RfX2NvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGdhcDogMTBweDtcblx0fVxuYDtcbiJdfQ== */",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)."}});export{t as CheckListStyled};
+import t from"@emotion/styled";const o=t.div`
+	.title__container {
+		margin-bottom: 12px;
+	}
+	.list__container {
+		display: flex;
+		flex-direction: column;
+		gap: 10px;
+	}
+`;export{o as CheckListStyled};

package/dist/esm/components/colourInput/ColourInput.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+
+interface ColourInputProps {
+    value: string;
+    labelText: string;
+    headingText?: string;
+    onValueChange: (value: string) => void;
+}
+declare const ColourInput: React__default.FC<ColourInputProps>;
+
+export { ColourInput };
+export type { ColourInputProps };

package/dist/esm/components/colourInput/ColourInput.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{ColorInputContainer as o,StyledColorInput as t}from"./ColourInput.styled.js";import{BodySecondary as l,BodyPrimary as n}from"../TypographyStyle.js";const a=a=>{var u;return e("div",{className:"buttonColorCustom",children:[a.headingText&&r(l,{children:a.headingText}),e(o,{children:[r(n,{children:null!=(u=a.labelText)?u:"Colour"}),r(t,{type:"color",onChange:e=>{a.onValueChange(e.target.value)},value:a.value})]})]})};export{a as ColourInput};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{ColorInputContainer as r,StyledColorInput as t}from"./ColourInput.styled.js";import{BodySecondary as l,BodyPrimary as a}from"../TypographyStyle.js";const n=n=>e("div",{className:"buttonColorCustom",children:[n.headingText&&o(l,{children:n.headingText}),e(r,{children:[o(a,{children:n.labelText??"Colour"}),o(t,{type:"color",onChange:e=>{n.onValueChange(e.target.value)},value:n.value})]})]});export{n as ColourInput};

package/dist/esm/components/colourInput/ColourInput.styled.js

@@ -1 +1,29 @@
-import c from"@emotion/styled/base";import{DEFAULT_THEME as t}from"../../constants/Theme.js";const e=c("div","production"===process.env.NODE_ENV?{target:"e1n3hesw1"}:{target:"e1n3hesw1",label:"ColorInputContainer"})("margin-top:8px;display:flex;min-height:unset;flex-direction:row;align-items:center;padding:20px 8px;flex:1;gap:16px;width:100%;height:48px;background:",t.colorsV2.surface.standard,";border:1px solid ",t.colorsV2.stroke.primary,";border-radius:4px;justify-content:space-between;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzZDIiwiZmlsZSI6IkNvbG91cklucHV0LnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCJAc3JjL2NvbnN0YW50cy9UaGVtZVwiO1xuZXhwb3J0IGNvbnN0IENvbG9ySW5wdXRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdG1pbi1oZWlnaHQ6IHVuc2V0O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRwYWRkaW5nOiAyMHB4IDhweDtcblx0ZmxleDogMTtcblx0Z2FwOiAxNnB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRiYWNrZ3JvdW5kOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcbmV4cG9ydCBjb25zdCBTdHlsZWRDb2xvcklucHV0ID0gc3R5bGVkLmlucHV0YFxuXHRwYWRkaW5nOiAwO1xuXHRib3JkZXI6ICNlMGUwZTAgMXB4IHNvbGlkO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCY6aG92ZXIge1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0fVxuXHQ6Oi13ZWJraXQtY29sb3Itc3dhdGNoIHtcblx0XHRib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXHR9XG5gO1xuIl19 */")),b=c("input","production"===process.env.NODE_ENV?{target:"e1n3hesw0"}:{target:"e1n3hesw0",label:"StyledColorInput"})("production"===process.env.NODE_ENV?{name:"18k7jrl",styles:"padding:0;border:#e0e0e0 1px solid;width:32px;height:32px;border-radius:50%;overflow:hidden;&:hover{cursor:pointer;}::-webkit-color-swatch{border-color:transparent;}"}:{name:"18k7jrl",styles:"padding:0;border:#e0e0e0 1px solid;width:32px;height:32px;border-radius:50%;overflow:hidden;&:hover{cursor:pointer;}::-webkit-color-swatch{border-color:transparent;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG91cklucHV0LnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUI0QyIsImZpbGUiOiJDb2xvdXJJbnB1dC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCBjb25zdCBDb2xvcklucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0bWFyZ2luLXRvcDogOHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRtaW4taGVpZ2h0OiB1bnNldDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0cGFkZGluZzogMjBweCA4cHg7XG5cdGZsZXg6IDE7XG5cdGdhcDogMTZweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0YmFja2dyb3VuZDogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkQ29sb3JJbnB1dCA9IHN0eWxlZC5pbnB1dGBcblx0cGFkZGluZzogMDtcblx0Ym9yZGVyOiAjZTBlMGUwIDFweCBzb2xpZDtcblx0d2lkdGg6IDMycHg7XG5cdGhlaWdodDogMzJweDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHQmOmhvdmVyIHtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdH1cblx0Ojotd2Via2l0LWNvbG9yLXN3YXRjaCB7XG5cdFx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0fVxuYDtcbiJdfQ== */",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)."}});export{e as ColorInputContainer,b as StyledColorInput};
+import r from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const o=r.div`
+	margin-top: 8px;
+	display: flex;
+	min-height: unset;
+	flex-direction: row;
+	align-items: center;
+	padding: 20px 8px;
+	flex: 1;
+	gap: 16px;
+	width: 100%;
+	height: 48px;
+	background: ${e.colorsV2.surface.standard};
+	border: 1px solid ${e.colorsV2.stroke.primary};
+	border-radius: 4px;
+	justify-content: space-between;
+`,t=r.input`
+	padding: 0;
+	border: #e0e0e0 1px solid;
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	overflow: hidden;
+	&:hover {
+		cursor: pointer;
+	}
+	::-webkit-color-swatch {
+		border-color: transparent;
+	}
+`;export{o as ColorInputContainer,t as StyledColorInput};

package/dist/esm/components/country-code-picker/CountryCodePicker.d.ts

@@ -0,0 +1,22 @@
+import { Placement, PositioningStrategy } from '@popperjs/core';
+import React__default from 'react';
+import { CountryCode } from './CountryCodePicker.modal.js';
+
+declare const CountryCodePicker: React__default.FC<{
+    version: '1.0' | '2.0';
+    onCountrySelect: (country: CountryCode) => void;
+    selectedCountry: CountryCode;
+    popoverWidth?: string;
+    height?: string;
+    placement?: Placement;
+    placementStrategy?: PositioningStrategy;
+    disabled?: boolean;
+    hideFlagImage?: boolean;
+    containerStyles?: React__default.CSSProperties;
+    codeColor?: string;
+    dialColor?: string;
+    countryTextStyle?: React__default.CSSProperties;
+    onDropdownClick?: () => void;
+}>;
+
+export { CountryCodePicker };

package/dist/esm/components/country-code-picker/CountryCodePicker.js

@@ -1 +1 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as l}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as d,StyledCountryPickerOption as s}from"./CountryCodePicker.styled.js";import{DropdownPopover as p}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import{BodySecondary as i}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,w,g,j;const[v,C]=n(null!=(a=m.selectedCountry)?a:{name:"India",dial:"+91",code:"IN"}),D=`https://flagcdn.com/${null==(u=v.code)?void 0:u.toLowerCase()}.svg`;r((()=>{m.selectedCountry&&C(m.selectedCountry)}),[null==(y=m.selectedCountry)?void 0:y.code]);return o(p,{version:m.version,isSearchable:!0,width:null!=(h=m.popoverWidth)?h:"200px",placement:null!=(w=m.placement)?w:"bottom-start",strategy:null!=(g=m.placementStrategy)?g:"absolute",options:l.map((t=>{var n,r,l,d;const p=`https://flagcdn.com/${null==(n=t.code)?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(s,{children:[!m.hideFlagImage&&o("img",{src:p,className:"country-flag__option",alt:t.name}),e(i,{style:null!=(r=m.countryTextStyle)?r:{},children:[o("span",{style:{color:null!=(l=m.codeColor)?l:c.text.primary},children:t.code}),"  ",o("span",{style:{color:null!=(d=m.dialColor)?d:c.text.primary},children:t.dial})]})]}),selected:v.code===t.code}})),disabled:m.disabled,onSelect:o=>{const e=l.filter((e=>e.code===o.value));C(e[0]),m.onCountrySelect(e[0])},children:e(d,{height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null==(o=m.onDropdownClick)||o.call(m)},children:[e("div",{className:"content__wrapper",children:[!m.hideFlagImage&&o("img",{src:D,className:"country-flag__selected-option",alt:v.name}),o(i,{style:null!=(j=m.countryTextStyle)?j:{},children:v.dial})]}),o(t,{width:24,height:24,color:c.content.primary})]})})};export{m as CountryCodePicker};
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as s,StyledCountryPickerOption as p}from"./CountryCodePicker.styled.js";import{DropdownPopover as i}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import{BodySecondary as c}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../input/context/InputStyleProvider.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{const[a,u]=n(m.selectedCountry??{name:"India",dial:"+91",code:"IN"}),y=`https://flagcdn.com/${a.code?.toLowerCase()}.svg`;r((()=>{m.selectedCountry&&u(m.selectedCountry)}),[m.selectedCountry?.code]);return o(i,{version:m.version,isSearchable:!0,width:m.popoverWidth??"200px",placement:m.placement??"bottom-start",strategy:m.placementStrategy??"absolute",options:d.map((t=>{const n=`https://flagcdn.com/${t.code?.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(p,{children:[!m.hideFlagImage&&o("img",{src:n,className:"country-flag__option",alt:t.name}),e(c,{style:m.countryTextStyle??{},children:[o("span",{style:{color:m.codeColor??l.text.primary},children:t.code}),"  ",o("span",{style:{color:m.dialColor??l.text.primary},children:t.dial})]})]}),selected:a.code===t.code}})),disabled:m.disabled,onSelect:o=>{const e=d.filter((e=>e.code===o.value));u(e[0]),m.onCountrySelect(e[0])},children:e(s,{height:m.height,style:m.containerStyles,onClick:()=>{console.log("hello"),m.onDropdownClick?.()},children:[e("div",{className:"content__wrapper",children:[!m.hideFlagImage&&o("img",{src:y,className:"country-flag__selected-option",alt:a.name}),o(c,{style:m.countryTextStyle??{},children:a.dial})]}),o(t,{width:24,height:24,color:l.content.primary})]})})};export{m as CountryCodePicker};

package/dist/esm/components/country-code-picker/CountryCodePicker.modal.d.ts

@@ -0,0 +1,10 @@
+interface CountryCode {
+    name: string;
+    dial: string;
+    code: string;
+    code3: string;
+}
+declare const CountriesData: CountryCode[];
+
+export { CountriesData };
+export type { CountryCode };

package/dist/esm/components/country-code-picker/CountryCodePicker.styled.js

@@ -1 +1,31 @@
-import c from"@emotion/styled/base";import{COLORS as l}from"../../constants/Theme.js";const t=c("div","production"===process.env.NODE_ENV?{target:"efxlby21"}:{target:"efxlby21",label:"StyledCountryPickerOption"})("production"===process.env.NODE_ENV?{name:"1rta7hl",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag__option{width:24px;height:auto;}"}:{name:"1rta7hl",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag__option{width:24px;height:auto;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21EIiwiZmlsZSI6IkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgU3R5bGVkQ291bnRyeVBpY2tlck9wdGlvbiA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0d2lkdGg6IDEwMCU7XG5cblx0LmNvdW50cnktZmxhZ19fb3B0aW9uIHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdH1cbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkQ291bnRyeVBpY2tlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0cGFkZGluZzogNnB4IDhweDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0fTtcblxuXHQuY29udGVudF9fd3JhcHBlciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDhweDtcblx0fVxuXG5cdC5jb3VudHJ5LWZsYWdfX3NlbGVjdGVkLW9wdGlvbiB7XG5cdFx0d2lkdGg6IDI0cHg7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHR9XG5gO1xuIl19 */",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)."}}),e=c("div","production"===process.env.NODE_ENV?{target:"efxlby20"}:{target:"efxlby20",label:"StyledCountryPickerWrapper"})("display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:4px;border:1px solid ",l.stroke.primary,";padding:6px 8px;height:",(c=>c.height),";.content__wrapper{display:flex;gap:8px;}.country-flag__selected-option{width:24px;height:auto;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZW9EIiwiZmlsZSI6IkNvdW50cnlDb2RlUGlja2VyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgU3R5bGVkQ291bnRyeVBpY2tlck9wdGlvbiA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0d2lkdGg6IDEwMCU7XG5cblx0LmNvdW50cnktZmxhZ19fb3B0aW9uIHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IGF1dG87XG5cdH1cbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkQ291bnRyeVBpY2tlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0cGFkZGluZzogNnB4IDhweDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0fTtcblxuXHQuY29udGVudF9fd3JhcHBlciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDhweDtcblx0fVxuXG5cdC5jb3VudHJ5LWZsYWdfX3NlbGVjdGVkLW9wdGlvbiB7XG5cdFx0d2lkdGg6IDI0cHg7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHR9XG5gO1xuIl19 */"));export{t as StyledCountryPickerOption,e as StyledCountryPickerWrapper};
+import t from"@emotion/styled";import{COLORS as e}from"../../constants/Theme.js";const i=t.div`
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+	gap: 12px;
+	width: 100%;
+
+	.country-flag__option {
+		width: 24px;
+		height: auto;
+	}
+`,o=t.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	gap: 8px;
+	border-radius: 4px;
+	border: 1px solid ${e.stroke.primary};
+	padding: 6px 8px;
+	height: ${t=>t.height};
+
+	.content__wrapper {
+		display: flex;
+		gap: 8px;
+	}
+
+	.country-flag__selected-option {
+		width: 24px;
+		height: auto;
+	}
+`;export{i as StyledCountryPickerOption,o as StyledCountryPickerWrapper};

package/dist/esm/components/curtain/Curtain.d.ts

@@ -0,0 +1,27 @@
+import React__default, { ComponentType } from 'react';
+import { CURTAIN_TYPES, CURTAIN_MODE } from './CurtainHelper.js';
+
+type CurtainProps = {
+    type: CURTAIN_TYPES;
+    mode: CURTAIN_MODE;
+    text: string;
+    icon?: React__default.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    actionButtonText?: string;
+    actionButtonClickHandler?: () => void;
+    hideCrossIcon?: boolean;
+    onCloseHandler?: () => void;
+    strokeAtTop?: boolean;
+    strokeAtBottom?: boolean;
+    customComponent?: ComponentType<any>;
+    position?: 'sticky' | 'absolute' | 'fixed';
+    tertiaryButtonText?: string;
+    tertiaryButtonClickHandler?: () => void;
+};
+declare const Curtain: React__default.FC<CurtainProps>;
+
+export { Curtain };
+export type { CurtainProps };

package/dist/esm/components/curtain/CurtainHelper.d.ts

@@ -0,0 +1,26 @@
+declare enum CURTAIN_TYPES {
+    NEGATIVE = "Negative",
+    WARNING = "Warning",
+    POSITIVE = "Positive",
+    NEUTRAL = "Neutral",
+    SPECIAL = "Special",
+    MANIFEST = "Manifest"
+}
+declare enum CURTAIN_MODE {
+    LIGHT = "LIGHT",
+    DARK = "DARK"
+}
+interface ColorConfig {
+    backgroundColor: string;
+    textColor: string;
+    crossIconColor: string;
+    strokeColor?: string;
+}
+type ColorConfigMap = {
+    [mode in CURTAIN_MODE]: {
+        [type in CURTAIN_TYPES]: ColorConfig;
+    };
+};
+declare const CURTAIN_COLOR_CONFIG_MAP: ColorConfigMap;
+
+export { CURTAIN_COLOR_CONFIG_MAP, CURTAIN_MODE, CURTAIN_TYPES };

package/dist/esm/components/custom-date-time/CustomDateTime.d.ts

@@ -0,0 +1,16 @@
+import { Placement } from '@popperjs/core';
+import React__default from 'react';
+
+interface CustomTimeProps {
+    time: string;
+    date: Date;
+    minDate?: Date;
+    onChange: (date: Date) => void;
+    error: string | undefined;
+    setError: (error: string | undefined) => void;
+    placement: Placement;
+}
+declare const CustomDateTime: React__default.FC<CustomTimeProps>;
+
+export { CustomDateTime };
+export type { CustomTimeProps };

package/dist/esm/components/custom-date-time/CustomDateTime.js

@@ -1 +1 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import{BodySecondary as p}from"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import{Input as d}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import l from"../../utils/DateUtils.js";import c from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const w=o=>{const e=[];for(let t=0;t<2;t++)for(let r=0;r<12;r++){let n;n=0===r?"12":r<10?`0${r}`:`${r}`;const s=`${n}:00 ${0===t?"AM":"PM"}`,i=`${n}:30 ${0===t?"AM":"PM"}`;e.push({label:s,value:s,selected:s===o},{label:i,value:i,selected:i===o})}return e},D=D=>{const[f,j]=n(D.time),[h,v]=n(D.date);s((()=>{D.setError(void 0);const o=l.convert12HourTimeTo24Hour(f),e=t(new Date,"HH:mm:ss");if(r(h)&&o<e)return void D.setError("Selected time should be later than current time");D.setError(void 0);const[n,s]=o.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),D.onChange(i)}),[h,f]);return o(u,{children:[o("div",{style:{display:"flex",gap:16},children:[e("div",{style:{flex:1},children:e(i,{customDate:h,setCustomDate:v,placement:D.placement,minDate:D.minDate})}),e("div",{style:{flex:1},children:e(m,{options:w(f),onSelect:o=>{j(o.value)},children:e(d,{value:f,leftIcon:{icon:a},rightIcon:{icon:c},onChangeText:o=>(o=>{if(l.timeFormatValidation(o)){const e=l.convert12HourTimeTo24Hour(o),n=t(new Date,"HH:mm:ss");if(r(h)&&e<n)return void D.setError("Selected time should be later than current time");D.setError(void 0),j(o)}else D.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(o)})})})]}),D.error&&e(p,{style:{paddingTop:8},children:D.error})]})};export{D as CustomDateTime};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import{BodySecondary as p}from"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import{Input as d}from"../input/Input.js";import"../input/context/InputStyleProvider.js";import"../dropdown/MenuItem/MenuItem.js";import l from"../../utils/DateUtils.js";import c from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const w=o=>{const e=[];for(let t=0;t<2;t++)for(let r=0;r<12;r++){let n;n=0===r?"12":r<10?`0${r}`:`${r}`;const s=`${n}:00 ${0===t?"AM":"PM"}`,i=`${n}:30 ${0===t?"AM":"PM"}`;e.push({label:s,value:s,selected:s===o},{label:i,value:i,selected:i===o})}return e},D=D=>{const[f,j]=n(D.time),[h,v]=n(D.date);s((()=>{D.setError(void 0);const o=l.convert12HourTimeTo24Hour(f),e=t(new Date,"HH:mm:ss");if(r(h)&&o<e)return void D.setError("Selected time should be later than current time");D.setError(void 0);const[n,s]=o.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),D.onChange(i)}),[h,f]);return o(u,{children:[o("div",{style:{display:"flex",gap:16},children:[e("div",{style:{flex:1},children:e(i,{customDate:h,setCustomDate:v,placement:D.placement,minDate:D.minDate})}),e("div",{style:{flex:1},children:e(m,{options:w(f),onSelect:o=>{j(o.value)},children:e(d,{value:f,leftIcon:{icon:a},rightIcon:{icon:c},onChangeText:o=>(o=>{if(l.timeFormatValidation(o)){const e=l.convert12HourTimeTo24Hour(o),n=t(new Date,"HH:mm:ss");if(r(h)&&e<n)return void D.setError("Selected time should be later than current time");D.setError(void 0),j(o)}else D.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(o)})})})]}),D.error&&e(p,{style:{paddingTop:8},children:D.error})]})};export{D as CustomDateTime};

package/dist/esm/components/custom-date-time/CustomDateTime.styled.js

@@ -1 +1,25 @@
-import c from"@emotion/styled/base";import{DEFAULT_THEME as l}from"../../constants/Theme.js";const e=c("div","production"===process.env.NODE_ENV?{target:"e1e0ewoc0"}:{target:"e1e0ewoc0",label:"CustomDateTimeStyle"})("display:flex;flex-direction:column;position:relative;justify-content:space-between;.date-preview{position:relative;cursor:pointer;border:1px solid ",l.colorsV2.stroke.primary,";display:flex;align-items:center;height:48px;padding:12px 8px 12px 16px;border-radius:4px;}.drop-down-item{padding:14px 16px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e0e0e0;width:109px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbURhdGVUaW1lLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNkMiLCJmaWxlIjoiQ3VzdG9tRGF0ZVRpbWUuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCBjb25zdCBDdXN0b21EYXRlVGltZVN0eWxlID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cblx0LmRhdGUtcHJldmlldyB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRoZWlnaHQ6IDQ4cHg7XG5cdFx0cGFkZGluZzogMTJweCA4cHggMTJweCAxNnB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuXG5cdC5kcm9wLWRvd24taXRlbSB7XG5cdFx0cGFkZGluZzogMTRweCAxNnB4O1xuXHRcdGJvcmRlci1ib3R0b20td2lkdGg6IDFweDtcblx0XHRib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZDtcblx0XHRib3JkZXItYm90dG9tLWNvbG9yOiAjZTBlMGUwO1xuXHRcdHdpZHRoOiAxMDlweDtcblx0fVxuYDtcbiJdfQ== */"));export{e as CustomDateTimeStyle};
+import o from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const t=o.div`
+	display: flex;
+	flex-direction: column;
+	position: relative;
+	justify-content: space-between;
+
+	.date-preview {
+		position: relative;
+		cursor: pointer;
+		border: 1px solid ${e.colorsV2.stroke.primary};
+		display: flex;
+		align-items: center;
+		height: 48px;
+		padding: 12px 8px 12px 16px;
+		border-radius: 4px;
+	}
+
+	.drop-down-item {
+		padding: 14px 16px;
+		border-bottom-width: 1px;
+		border-bottom-style: solid;
+		border-bottom-color: #e0e0e0;
+		width: 109px;
+	}
+`;export{t as CustomDateTimeStyle};

package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o from"../../../assets/icons/calendar.svg.js";import s from"../../../assets/icons/chevronDown.svg.js";import a,{useState as i}from"react";import{usePopper as p}from"react-popper";import{DatePicker as n}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as l}from"../../../hooks/useOutside.js";import m from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as d}from"../../dropShadow/DropShadow.js";var f=Object.defineProperty,y=Object.defineProperties,u=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,b=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,w=(e,t)=>{for(var r in t||(t={}))j.call(t,r)&&b(e,r,t[r]);if(h)for(var r of h(t))D.call(t,r)&&b(e,r,t[r]);return e},v=(e,t)=>y(e,u(t));var g=f=>{const[y,u]=i(null),[h,j]=i(null),[D,b]=i(!1),{styles:g,attributes:O}=p(y,h,{placement:f.placement}),P=a.useRef();return l(P,(()=>{b(!1)})),e(t,{children:[e("div",{className:"date-preview",ref:u,onClick:()=>{b(!D)},children:[r(o,{width:24,height:24}),r("span",{style:{marginLeft:8},children:m.onlyDateFormat(f.customDate,"dd MMM yyyy")}),r(s,{style:{marginLeft:"auto"},width:22,height:22})]}),D&&r(c,v(w({ref:j,style:v(w({},g.popper),{zIndex:3})},O.popper),{children:r("div",{ref:P,children:r(d,{level:"z2",position:"down",style:{borderRadius:4},children:r(n,{selectedDate:f.customDate||new Date,selectRange:!1,onSelectDate:e=>{b(!1),f.setCustomDate(e)},minDate:f.minDate})})})}))]})};export{g as default};
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o from"../../../assets/icons/calendar.svg.js";import s from"../../../assets/icons/chevronDown.svg.js";import i,{useState as a}from"react";import{usePopper as m}from"react-popper";import{DatePicker as n}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as p}from"../../../hooks/useOutside.js";import l from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import{OpenDropdownContainer as d}from"../../dropdown/Common.styled.js";import{DropShadow as c}from"../../dropShadow/DropShadow.js";var h=h=>{const[f,u]=a(null),[y,D]=a(null),[j,w]=a(!1),{styles:g,attributes:v}=m(f,y,{placement:h.placement}),k=i.useRef();return p(k,(()=>{w(!1)})),e(t,{children:[e("div",{className:"date-preview",ref:u,onClick:()=>{w(!j)},children:[r(o,{width:24,height:24}),r("span",{style:{marginLeft:8},children:l.onlyDateFormat(h.customDate,"dd MMM yyyy")}),r(s,{style:{marginLeft:"auto"},width:22,height:22})]}),j&&r(d,{ref:D,style:{...g.popper,zIndex:3},...v.popper,children:r("div",{ref:k,children:r(c,{level:"z2",position:"down",style:{borderRadius:4},children:r(n,{selectedDate:h.customDate||new Date,selectRange:!1,onSelectDate:e=>{w(!1),h.setCustomDate(e)},minDate:h.minDate})})})})]})};export{h as default};

package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.d.ts

@@ -0,0 +1,21 @@
+import React__default from 'react';
+
+declare const DashboardReviewPopUp: React__default.FC<{
+    onSubmit: (stars: number, quickAnswers?: string[], reviewText?: string) => void;
+    onClose: () => void;
+    quickAnswerOptions?: string[];
+    titleMap?: {
+        [key: number]: string;
+    };
+    feedbackMap?: {
+        [key: number]: string;
+    };
+    fullStarSubmitText: string;
+    onRatingChange?: (stars: number) => void;
+    initialText?: string;
+    fiveStar?: {
+        subText: string;
+    };
+}>;
+
+export { DashboardReviewPopUp };