@bikdotai/bik-component-library 0.0.736-beta.1 → 0.0.736-beta.2

package/dist/cjs/components/testimonial-card/TestimonialCard.style.d.ts

@@ -1,42 +1,15 @@
-export declare const TestimonialCardStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const TestimonialCardStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string;
     height?: string;
     version?: string;
-}, JSX.IntrinsicElements, {}>;
-export declare const TestimonialProfileCard: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TestimonialProfileInfo2: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const Logo: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TestimonialProfileInfo: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TestimonialProfileFooter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const TestimonialProfileCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TestimonialProfileInfo2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const TestimonialProfileInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TestimonialProfileFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string;
-}, JSX.IntrinsicElements, {}>;
-export declare const FooterText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const FooterStat: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const FooterArrow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const FooterText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const FooterStat: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const FooterArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/cjs/components/testimonial-card/TestimonialCard.style.js

@@ -1,4 +1,4 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@emotion/styled"));const i="24px",o="24px",a="0px 0px 15px 0px #0000000f",d=t.default.div`
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("styled-components"));const i="24px",o="24px",a="0px 0px 15px 0px #0000000f",d=t.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;

package/dist/cjs/components/toaster/Toaster.styled.d.ts

@@ -1,11 +1,8 @@
 import { TypeOptions } from 'react-toastify';
-export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const ToasterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string;
     height?: string;
     zIndex?: number;
     isSubTextIncluded?: boolean;
     type?: TypeOptions;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;

package/dist/cjs/components/toaster/Toaster.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled"),o=require("../../constants/Theme.js"),e=require("../../constants/zindex.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const a=r(t).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),o=require("../../constants/Theme.js"),e=require("../../constants/zindex.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const a=r(t).default.div`
 	--toastify-color-light: #fff;
 	--toastify-color-dark: #121212;
 	--toastify-text-color-success: ${o.COLORS.content.primary};

package/dist/cjs/components/tooltips/Tooltip.d.ts

@@ -1,11 +1,11 @@
-import { FunctionComponent, ReactNode } from 'react';
+import React, { FunctionComponent, ReactNode } from 'react';
 import { TooltipInternalProps } from '@src/components/tooltips/TooltipInternal';
 export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 export interface TooltipProps extends TooltipInternalProps {
     width?: number;
     placement?: Placement;
     children: ReactNode;
-    tooltipContent?: JSX.Element;
+    tooltipContent?: React.JSX.Element;
     alwaysVisible?: boolean;
     hideArrow?: boolean;
     onClickOutside?: () => void;

package/dist/cjs/components/tooltips/TooltipInternal.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),r=require("@emotion/styled"),e=require("../button/Button.js"),o=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const i=t=>"light"===t?n.COLORS.content.primary:n.COLORS.content.primaryInverse,s=a(r).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),r=require("styled-components"),e=require("../button/Button.js"),o=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const i=t=>"light"===t?n.COLORS.content.primary:n.COLORS.content.primaryInverse,s=a(r).default.div`
 	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
 	border-radius: 4px;
 	padding: 8px;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js

@@ -1,8 +1,8 @@
-import{jsx as i,jsxs as e}from"react/jsx-runtime";import o from"@emotion/styled";import t from"../../../../../assets/icons/emoji.svg.js";import r,{Theme as s,EmojiStyle as n}from"emoji-picker-react";import{useState as p,useRef as a}from"react";import{IconButton as l}from"../../../../icon-button/IconButton.js";import m from"../../../../input/ChipInput.js";import{useOutside as d}from"../../../../../hooks/useOutside.js";const c=o=>{let{val:c,onChange:h,errors:v,nativeID:f,disabled:b}=o;const[y,C]=p(!1),x=(Array.isArray(c)?c:[]).map((i=>i)),g=a();return d(g,(()=>{C(!1)})),e("div",{style:{position:"relative",opacity:b?.5:1,width:300},id:f,children:[!!b&&i("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),e(j,{children:[i(m,{error:null==v?void 0:v.val,onChipsChange:h,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:x}),i(u,{children:i(l,{Icon:t,onClick:()=>C(!0)})}),y&&i("div",{ref:g,className:"absolute-picker",children:i(r,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:s.DARK,emojiStyle:n.NATIVE,onEmojiClick:i=>{x.find((e=>i.emoji===e))||null==h||h([...x,i.emoji])}})})]})]})},h=e=>i(c,Object.assign({},e));h.displayName="EmojiPickerWrapper";const u=o.div`
+import{jsx as i,jsxs as e}from"react/jsx-runtime";import o from"../../../../../assets/icons/emoji.svg.js";import t,{Theme as r,EmojiStyle as s}from"emoji-picker-react";import{useState as n,useRef as p}from"react";import a from"styled-components";import{IconButton as l}from"../../../../icon-button/IconButton.js";import m from"../../../../input/ChipInput.js";import{useOutside as c}from"../../../../../hooks/useOutside.js";const d=a=>{let{val:d,onChange:h,errors:v,nativeID:f,disabled:b}=a;const[y,C]=n(!1),x=(Array.isArray(d)?d:[]).map((i=>i)),g=p();return c(g,(()=>{C(!1)})),e("div",{style:{position:"relative",opacity:b?.5:1,width:300},id:f,children:[!!b&&i("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),e(j,{children:[i(m,{error:null==v?void 0:v.val,onChipsChange:h,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:x}),i(u,{children:i(l,{Icon:o,onClick:()=>C(!0)})}),y&&i("div",{ref:g,className:"absolute-picker",children:i(t,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:r.DARK,emojiStyle:s.NATIVE,onEmojiClick:i=>{x.find((e=>i.emoji===e))||null==h||h([...x,i.emoji])}})})]})]})},h=e=>i(d,Object.assign({},e));h.displayName="EmojiPickerWrapper";const u=a.div`
 	position: absolute;
 	right: 0;
 	top: 0;
-`,j=o.div`
+`,j=a.div`
 	input {
 		pointer-events: none;
 	}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IgPicker.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"@emotion/styled";import i from"../../../../../assets/icons/cross.svg.js";import r from"../../../../../assets/icons/instagram.svg.js";import o from"../../../../../assets/icons/plus.svg.js";import{useState as a,useEffect as l}from"react";import{ButtonCustomDashedBorder as d}from"../../../../button/Button.styled.js";import{MEDIA_TYPES as p,PostPicker as s}from"../../../../postPicker/postPicker.js";import{BodySecondary as c,BodyPrimary as g,BodyCaption as m}from"../../../../TypographyStyle.js";import{unCamelCase as h}from"../../../../../utils/unCamelCase.js";import{PRIMARY as x}from"../../../../../constants/colors.js";import{COLORS as v}from"../../../../../constants/Theme.js";const u=n=>{var u,b,y;const[f,k]=a(!1),[w,j]=a([]),[O,S]=a([]),[P,_]=a(!1);l((()=>{n.errors&&n.errors.val&&_(!0)}),[null===(u=n.errors)||void 0===u?void 0:u.val]),l((()=>{var e;n.val&&(null===(e=n.val)||void 0===e?void 0:e.length)>0&&j(n.val)}),[null===(b=n.val)||void 0===b?void 0:b.length]),l((()=>{var e,t,i,r,o;if((null===(e=null==n?void 0:n.extra)||void 0===e?void 0:e.originalData)&&(null===(i=null===(t=null==n?void 0:n.extra)||void 0===t?void 0:t.originalData)||void 0===i?void 0:i.length)>0){const e=null===(o=null===(r=null==n?void 0:n.extra)||void 0===r?void 0:r.originalData)||void 0===o?void 0:o.map((e=>({id:e.id,imageUrl:"VIDEO"===e.media_type?e.thumbnail_url:e.media_url,redirectionUrl:e.permalink,overlayCaption:`posted on: ${C(e.timestamp)}`})));S(e)}}),[null===(y=null==n?void 0:n.extra)||void 0===y?void 0:y.originalData]);const C=e=>{const t=new Date(e),n=t.getMonth()+1;return`${t.getDate()}/${n}/${t.getFullYear()}`};return t(T,{mediaType:n.mediaType,children:[e("div",{style:{padding:12},children:t("button",{className:""+(P?"add-media-btn error":"add-media-btn"),onClick:()=>{k(!0)},children:[e(d,{}),e(o,{color:P?v.content.negative:v.content.secondary,width:20,height:20,style:{marginBottom:15}}),t(c,{style:{color:P?v.content.negative:v.content.primary},children:["Add ",h(n.mediaType)]}),e("div",{className:"overlay-container"})]})}),e("div",{className:"product-card-container",children:(null==w?void 0:w.length)>0&&w.map((o=>e("div",{style:{padding:"7px"},children:t($,{mediaType:n.mediaType,children:[e("img",{src:o.imageUrl,alt:o.overlayCaption}),t("div",{className:"overlay",children:[e("a",{target:"_blank",rel:"noreferrer",href:o.redirectionUrl,children:t("div",{className:"overlay__redirection",children:[e(r,{height:22,width:22}),e(g,{color:x,style:{fontWeight:500},children:"View"})]})}),e("div",{className:"overlay__caption",children:e(m,{color:v.content.placeholder,children:o.overlayCaption})})]}),e("button",{className:"cross-icon",onClick:()=>(e=>{var t,i;const r=[...w].filter((t=>t.id!==e));j(r),r.length>0?null===(t=n.onChange)||void 0===t||t.call(n,r):null===(i=n.onChange)||void 0===i||i.call(n,void 0)})(o.id),children:e(i,{width:12,height:12,color:v.content.secondary})})]})},o.id)))}),f&&e(s,{limit:10,selected:w,onSelect:e=>{var t;j(e),k(!1),null===(t=n.onChange)||void 0===t||t.call(n,e)},title:(D=n.mediaType,D===p.POST||D===p.REEL?`Select upto 10 ${n.mediaType}s`:"Select upto 10 stories"),showModal:f,onClose:()=>{k(!1)},media:O,mediaType:n.mediaType})]});var D},b=t=>e(u,Object.assign({},t,{mediaType:p.POST})),y=t=>e(u,Object.assign({},t,{mediaType:p.REEL})),f=t=>e(u,Object.assign({},t,{mediaType:p.STORY})),T=n.div`
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"../../../../../assets/icons/cross.svg.js";import i from"../../../../../assets/icons/instagram.svg.js";import r from"../../../../../assets/icons/plus.svg.js";import{useState as o,useEffect as a}from"react";import l from"styled-components";import{ButtonCustomDashedBorder as d}from"../../../../button/Button.styled.js";import{MEDIA_TYPES as p,PostPicker as s}from"../../../../postPicker/postPicker.js";import{BodySecondary as c,BodyPrimary as g,BodyCaption as m}from"../../../../TypographyStyle.js";import{unCamelCase as h}from"../../../../../utils/unCamelCase.js";import{PRIMARY as x}from"../../../../../constants/colors.js";import{COLORS as v}from"../../../../../constants/Theme.js";const u=l=>{var u,b,y;const[f,k]=o(!1),[w,j]=o([]),[O,S]=o([]),[P,_]=o(!1);a((()=>{l.errors&&l.errors.val&&_(!0)}),[null===(u=l.errors)||void 0===u?void 0:u.val]),a((()=>{var e;l.val&&(null===(e=l.val)||void 0===e?void 0:e.length)>0&&j(l.val)}),[null===(b=l.val)||void 0===b?void 0:b.length]),a((()=>{var e,t,n,i,r;if((null===(e=null==l?void 0:l.extra)||void 0===e?void 0:e.originalData)&&(null===(n=null===(t=null==l?void 0:l.extra)||void 0===t?void 0:t.originalData)||void 0===n?void 0:n.length)>0){const e=null===(r=null===(i=null==l?void 0:l.extra)||void 0===i?void 0:i.originalData)||void 0===r?void 0:r.map((e=>({id:e.id,imageUrl:"VIDEO"===e.media_type?e.thumbnail_url:e.media_url,redirectionUrl:e.permalink,overlayCaption:`posted on: ${C(e.timestamp)}`})));S(e)}}),[null===(y=null==l?void 0:l.extra)||void 0===y?void 0:y.originalData]);const C=e=>{const t=new Date(e),n=t.getMonth()+1;return`${t.getDate()}/${n}/${t.getFullYear()}`};return t(T,{mediaType:l.mediaType,children:[e("div",{style:{padding:12},children:t("button",{className:""+(P?"add-media-btn error":"add-media-btn"),onClick:()=>{k(!0)},children:[e(d,{}),e(r,{color:P?v.content.negative:v.content.secondary,width:20,height:20,style:{marginBottom:15}}),t(c,{style:{color:P?v.content.negative:v.content.primary},children:["Add ",h(l.mediaType)]}),e("div",{className:"overlay-container"})]})}),e("div",{className:"product-card-container",children:(null==w?void 0:w.length)>0&&w.map((r=>e("div",{style:{padding:"7px"},children:t($,{mediaType:l.mediaType,children:[e("img",{src:r.imageUrl,alt:r.overlayCaption}),t("div",{className:"overlay",children:[e("a",{target:"_blank",rel:"noreferrer",href:r.redirectionUrl,children:t("div",{className:"overlay__redirection",children:[e(i,{height:22,width:22}),e(g,{color:x,style:{fontWeight:500},children:"View"})]})}),e("div",{className:"overlay__caption",children:e(m,{color:v.content.placeholder,children:r.overlayCaption})})]}),e("button",{className:"cross-icon",onClick:()=>(e=>{var t,n;const i=[...w].filter((t=>t.id!==e));j(i),i.length>0?null===(t=l.onChange)||void 0===t||t.call(l,i):null===(n=l.onChange)||void 0===n||n.call(l,void 0)})(r.id),children:e(n,{width:12,height:12,color:v.content.secondary})})]})},r.id)))}),f&&e(s,{limit:10,selected:w,onSelect:e=>{var t;j(e),k(!1),null===(t=l.onChange)||void 0===t||t.call(l,e)},title:(D=l.mediaType,D===p.POST||D===p.REEL?`Select upto 10 ${l.mediaType}s`:"Select upto 10 stories"),showModal:f,onClose:()=>{k(!1)},media:O,mediaType:l.mediaType})]});var D},b=t=>e(u,Object.assign({},t,{mediaType:p.POST})),y=t=>e(u,Object.assign({},t,{mediaType:p.REEL})),f=t=>e(u,Object.assign({},t,{mediaType:p.STORY})),T=l.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
@@ -163,7 +163,7 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"@emotion/styled"
 			);
 		}
 	}
-`,$=n.div`
+`,$=l.div`
 	border-radius: 4px;
 	border: 1px solid ${v.stroke.primary};
 	position: relative;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLast.js

@@ -1,5 +1,5 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import n from"@emotion/styled";import{useState as t,useEffect as r}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as d}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../TypographyStyle.js";import"../../../../../constants/Theme.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.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 p}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import l from"../../InputLoader.js";const s=n.div`
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useState as n,useEffect as t}from"react";import r from"styled-components";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as d}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../TypographyStyle.js";import"../../../../../constants/Theme.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.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 p}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import l from"../../InputLoader.js";const s=r.div`
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
-`,a=n=>{let{val:a,onChange:m,errors:u,isLoading:c,disabled:v,connectorType:w}=n;var j,y;const[h,x]=t((o=>"exactly"===o?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}])(w)),b=null!==(j=null==a?void 0:a[1])&&void 0!==j?j:"days",D=null!==(y=null==a?void 0:a[0])&&void 0!==y?y:"1";return r((()=>{var o;const e=null!==(o=null==a?void 0:a[1])&&void 0!==o?o:"days";x((o=>o.map((o=>Object.assign(Object.assign({},o),{selected:e===o.value})))))}),[a]),r((()=>{var o;if(void 0===(null==a?void 0:a[0])){const e=null!==(o=null==a?void 0:a[1])&&void 0!==o?o:"days";null==m||m(["1",e])}}),[]),c?o("div",{style:{width:200},children:o(l,{containerStyle:{padding:"5px 8px"}})}):o(i.Provider,{value:{InputWrapper:{width:104}},children:e(s,{children:[o(p,{type:"number",variant:"small",state:v?"disabled":"none",errorMessage:null==u?void 0:u.val,value:D,onChangeText:o=>null==m?void 0:m([o,b])}),o(d,{disabled:v,placeHolder:"Time",width:"108px",size:"small",options:h,onSelect:o=>{null==m||m([D,o.value])}})]})})},m=e=>o(a,Object.assign({},e));export{m as default};
+`,a=r=>{let{val:a,onChange:m,errors:u,isLoading:c,disabled:v,connectorType:w}=r;var j,y;const[h,x]=n((o=>"exactly"===o?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}])(w)),b=null!==(j=null==a?void 0:a[1])&&void 0!==j?j:"days",D=null!==(y=null==a?void 0:a[0])&&void 0!==y?y:"1";return t((()=>{var o;const e=null!==(o=null==a?void 0:a[1])&&void 0!==o?o:"days";x((o=>o.map((o=>Object.assign(Object.assign({},o),{selected:e===o.value})))))}),[a]),t((()=>{var o;if(void 0===(null==a?void 0:a[0])){const e=null!==(o=null==a?void 0:a[1])&&void 0!==o?o:"days";null==m||m(["1",e])}}),[]),c?o("div",{style:{width:200},children:o(l,{containerStyle:{padding:"5px 8px"}})}):o(i.Provider,{value:{InputWrapper:{width:104}},children:e(s,{children:[o(p,{type:"number",variant:"small",state:v?"disabled":"none",errorMessage:null==u?void 0:u.val,value:D,onChangeText:o=>null==m?void 0:m([o,b])}),o(d,{disabled:v,placeHolder:"Time",width:"108px",size:"small",options:h,onSelect:o=>{null==m||m([D,o.value])}})]})})},m=e=>o(a,Object.assign({},e));export{m as default};

package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTwoLast.js

@@ -1,6 +1,6 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"@emotion/styled";import{useState as n,useEffect as r}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as d}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import{BodySecondary as l}from"../../../../TypographyStyle.js";import"../../../../../constants/Theme.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.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 i}from"../../../../input/Input.js";import{InputStyleContext as s}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import p from"../../InputLoader.js";const a=t.div`
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import r from"styled-components";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as d}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import{BodySecondary as l}from"../../../../TypographyStyle.js";import"../../../../../constants/Theme.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.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 i}from"../../../../input/Input.js";import{InputStyleContext as s}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import p from"../../InputLoader.js";const a=r.div`
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
 	align-items: center;
-`,m=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],u=t=>{let{val:u,onChange:v,errors:c,isLoading:y,disabled:w}=t;var f,j,h;const[g,b]=n(m),x=null!==(f=null==u?void 0:u.type)&&void 0!==f?f:"days",D=null!==(j=null==u?void 0:u.start)&&void 0!==j?j:"1",O=null!==(h=null==u?void 0:u.offset)&&void 0!==h?h:"2";return r((()=>{var o;const e=null!==(o=null==u?void 0:u.type)&&void 0!==o?o:"days";b((o=>o.map((o=>Object.assign(Object.assign({},o),{selected:e===o.value})))))}),[u]),r((()=>{var o,e,t;if(void 0===(null==u?void 0:u.start)){const n=null!==(o=null==u?void 0:u.type)&&void 0!==o?o:"days",r=null!==(e=null==u?void 0:u.start)&&void 0!==e?e:"1",d=null!==(t=null==u?void 0:u.offset)&&void 0!==t?t:"2";null==v||v({type:n,start:r,offset:d})}}),[]),y?o("div",{style:{width:200},children:o(p,{containerStyle:{padding:"5px 8px"}})}):o(s.Provider,{value:{InputWrapper:{width:104}},children:e(a,{children:[o(i,{type:"number",variant:"small",state:w?"disabled":"none",errorMessage:null==c?void 0:c.val,value:O.toString(),onChangeText:o=>null==v?void 0:v({type:x,start:D,offset:o})}),o("div",{children:o(l,{children:"to"})}),o(i,{type:"number",variant:"small",state:w?"disabled":"none",errorMessage:null==c?void 0:c.val,value:D.toString(),onChangeText:o=>null==v?void 0:v({type:x,start:o,offset:O})}),o(d,{disabled:w,placeHolder:"Time",width:"108px",size:"small",options:g,onSelect:o=>{null==v||v({type:o.value,start:D,offset:O})}})]})})};var v=e=>o(u,Object.assign({},e));export{v as default};
+`,m=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],u=r=>{let{val:u,onChange:v,errors:c,isLoading:y,disabled:w}=r;var f,j,h;const[g,b]=t(m),x=null!==(f=null==u?void 0:u.type)&&void 0!==f?f:"days",D=null!==(j=null==u?void 0:u.start)&&void 0!==j?j:"1",O=null!==(h=null==u?void 0:u.offset)&&void 0!==h?h:"2";return n((()=>{var o;const e=null!==(o=null==u?void 0:u.type)&&void 0!==o?o:"days";b((o=>o.map((o=>Object.assign(Object.assign({},o),{selected:e===o.value})))))}),[u]),n((()=>{var o,e,t;if(void 0===(null==u?void 0:u.start)){const n=null!==(o=null==u?void 0:u.type)&&void 0!==o?o:"days",r=null!==(e=null==u?void 0:u.start)&&void 0!==e?e:"1",d=null!==(t=null==u?void 0:u.offset)&&void 0!==t?t:"2";null==v||v({type:n,start:r,offset:d})}}),[]),y?o("div",{style:{width:200},children:o(p,{containerStyle:{padding:"5px 8px"}})}):o(s.Provider,{value:{InputWrapper:{width:104}},children:e(a,{children:[o(i,{type:"number",variant:"small",state:w?"disabled":"none",errorMessage:null==c?void 0:c.val,value:O.toString(),onChangeText:o=>null==v?void 0:v({type:x,start:D,offset:o})}),o("div",{children:o(l,{children:"to"})}),o(i,{type:"number",variant:"small",state:w?"disabled":"none",errorMessage:null==c?void 0:c.val,value:D.toString(),onChangeText:o=>null==v?void 0:v({type:x,start:o,offset:O})}),o(d,{disabled:w,placeHolder:"Time",width:"108px",size:"small",options:g,onSelect:o=>{null==v||v({type:o.value,start:D,offset:O})}})]})})};var v=e=>o(u,Object.assign({},e));export{v as default};

package/dist/esm/components/TablePagination/TablePaginationCard.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
 import { TablePaginationProps } from '@src/components/TablePagination/TablePagination';
-export declare const TablePaginationCardStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const TablePaginationCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     removeBorder?: boolean;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
 export declare const TablePaginationCard: React.FC<TablePaginationProps>;

package/dist/esm/components/TablePagination/TablePaginationCard.js

@@ -1,4 +1,4 @@
-import{jsx as r}from"react/jsx-runtime";import e from"@emotion/styled";import{TablePagination as o}from"./TablePagination.js";import{COLORS as t}from"../../constants/Theme.js";const i=e.div`
+import{jsx as r}from"react/jsx-runtime";import e from"styled-components";import{TablePagination as o}from"./TablePagination.js";import{COLORS as t}from"../../constants/Theme.js";const s=e.div`
 	background: ${t.surface.standard};
 	border: ${r=>r.removeBorder?0:1}px solid
 		${t.stroke.primary};
@@ -6,4 +6,4 @@ import{jsx as r}from"react/jsx-runtime";import e from"@emotion/styled";import{Ta
 	display: flex;
 	justify-content: center;
 	margin: auto;
-`,m=e=>r(i,{removeBorder:e.removeBorder,children:r(o,Object.assign({},e))});export{m as TablePaginationCard,i as TablePaginationCardStyled};
+`,i=e=>r(s,{removeBorder:e.removeBorder,children:r(o,Object.assign({},e))});export{i as TablePaginationCard,s as TablePaginationCardStyled};

package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts

@@ -1,14 +1,5 @@
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isError: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const TextSpace: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const OuterContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const TextSpace: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
+export declare const OuterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.js

@@ -1,4 +1,4 @@
-import r from"@emotion/styled";import{COLORS as o}from"../../constants/Theme.js";const e=r.div`
+import r from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const e=r.div`
 	background: ${o.surface.standard};
 	border: ${r=>r.isError?2:1}px solid
 		${r=>r.isError?o.stroke.negative.vibrant:o.stroke.primary};

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-export declare const CustomRightBorder: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+export declare const CustomRightBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare enum EditorActionTypes {
     'BOLD' = "BOLD",
     'ITALIC' = "ITALIC",

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js

@@ -1,4 +1,4 @@
-import{jsx as i,Fragment as e,jsxs as o}from"react/jsx-runtime";import t from"@emotion/styled";import r,{useRef as n,useState as l,useCallback as c}from"react";import{useOutside as d}from"../../hooks/useOutside.js";import{COLORS as s}from"../../constants/Theme.js";import a from"../../assets/icons/bold.svg.js";import p from"../../assets/icons/emoji.svg.js";import h from"../../assets/icons/italic.svg.js";import m from"../../assets/icons/strikeThrough.svg.js";import{Tooltip as u}from"../tooltips/Tooltip.js";let I=()=>i(e,{});"undefined"!=typeof window&&import("emoji-picker-react").then((i=>{I=i.default}));const g=i=>i?s.background.inverseLight:s.content.placeholder,O=t.div`
+import{jsx as i,Fragment as e,jsxs as o}from"react/jsx-runtime";import t,{useRef as r,useState as n,useCallback as l}from"react";import c from"styled-components";import{useOutside as d}from"../../hooks/useOutside.js";import{COLORS as s}from"../../constants/Theme.js";import a from"../../assets/icons/bold.svg.js";import p from"../../assets/icons/emoji.svg.js";import h from"../../assets/icons/italic.svg.js";import m from"../../assets/icons/strikeThrough.svg.js";import{Tooltip as u}from"../tooltips/Tooltip.js";let I=()=>i(e,{});"undefined"!=typeof window&&import("emoji-picker-react").then((i=>{I=i.default}));const g=i=>i?s.background.inverseLight:s.content.placeholder,O=c.div`
 	background: ${s.surface.subdued};
 	border-bottom: 1px solid ${s.stroke.primary};
 	display: flex;
@@ -8,11 +8,11 @@ import{jsx as i,Fragment as e,jsxs as o}from"react/jsx-runtime";import t from"@e
 	border-radius: 4px 4px 0px 0px;
 	gap: 6px;
 	position: relative;
-`,f=t.div`
+`,f=c.div`
 	width: 2px;
 	height: 12px;
 	background: #e0e0e0;
-`,b=t.div`
+`,b=c.div`
 	padding: 2px 6px;
 	background: ${i=>i.active?s.background.inactive:"transparent"};
 	border-radius: 4px;
@@ -22,13 +22,13 @@ import{jsx as i,Fragment as e,jsxs as o}from"react/jsx-runtime";import t from"@e
 		background-color: rgba(0, 0, 0, 0.03);
 		padding: 3px 6px;
 	}
-`,v=t.div`
+`,v=c.div`
 	display: flex;
 	flex-direction: row;
 	flex: 1;
 	justify-content: flex-end;
-`,x=t.div`
+`,x=c.div`
 	position: absolute;
 	top: calc(100% + 8px);
 	z-index: 1;
-`;var T;!function(i){i.BOLD="BOLD",i.ITALIC="ITALIC",i.STRIKETHROUGH="STRIKETHROUGH",i.EMOJI="EMOJI"}(T||(T={}));const E=r.forwardRef(((t,r)=>{let{onActionSelect:s,RightComponent:E,onEmojiClick:j,actions:k}=t;const R=n(null),[L,H]=l({[T.BOLD]:!1,[T.ITALIC]:!1,[T.STRIKETHROUGH]:!1,[T.EMOJI]:!1}),y=c((()=>{H((i=>Object.assign(Object.assign({},i),{[T.EMOJI]:!1})))}),[L]);function C(i,e){var o;null===(o=i.preventDefault)||void 0===o||o.call(i),e===T.EMOJI&&H((i=>Object.assign(Object.assign({},i),{[T.EMOJI]:!L.EMOJI}))),s(e)}return d(R,(()=>{y()})),(null==k?void 0:k.length)||E?o(O,{children:[(null==k?void 0:k.includes(T.EMOJI))&&o(e,{children:[i(u,{body:"Emoji",placement:"bottom",children:i(b,{style:{marginLeft:0},active:!!L.EMOJI,onClick:i=>C(i,T.EMOJI),children:i(p,{width:16,height:16,color:g(L.EMOJI)})})}),L.EMOJI&&i(x,{ref:R,children:i(I,{onEmojiClick:i=>{y(),null==j||j(i.emoji)}})})]}),(null==k?void 0:k.includes(T.BOLD))&&o(e,{children:[i(f,{}),i(u,{body:"Bold",placement:"bottom",children:i(b,{active:!!L.BOLD,onClick:i=>C(i,T.BOLD),children:i(a,{width:10,height:17,color:g(L.BOLD)})})})]}),(null==k?void 0:k.includes(T.ITALIC))&&o(e,{children:[i(f,{}),i(u,{body:"Italics",placement:"bottom",children:i(b,{onClick:i=>C(i,T.ITALIC),active:!!L.ITALIC,children:i(h,{width:9,height:16,color:g(L.ITALIC)})})})]}),(null==k?void 0:k.includes(T.STRIKETHROUGH))&&o(e,{children:[i(f,{}),i(u,{body:"Strikethrough",placement:"bottom",children:i(b,{active:!!L.STRIKETHROUGH,style:{borderRight:0},onClick:i=>C(i,T.STRIKETHROUGH),children:i(m,{width:12,height:18,color:g(L.STRIKETHROUGH)})})})]}),i(v,{children:E&&i(E,{})})]}):i(e,{})}));E.displayName="WhatsAppTextEditorHeader";export{f as CustomRightBorder,T as EditorActionTypes,E as WhatsAppTextEditorHeader};
+`;var T;!function(i){i.BOLD="BOLD",i.ITALIC="ITALIC",i.STRIKETHROUGH="STRIKETHROUGH",i.EMOJI="EMOJI"}(T||(T={}));const E=t.forwardRef(((t,c)=>{let{onActionSelect:s,RightComponent:E,onEmojiClick:j,actions:k}=t;const R=r(null),[L,H]=n({[T.BOLD]:!1,[T.ITALIC]:!1,[T.STRIKETHROUGH]:!1,[T.EMOJI]:!1}),y=l((()=>{H((i=>Object.assign(Object.assign({},i),{[T.EMOJI]:!1})))}),[L]);function C(i,e){var o;null===(o=i.preventDefault)||void 0===o||o.call(i),e===T.EMOJI&&H((i=>Object.assign(Object.assign({},i),{[T.EMOJI]:!L.EMOJI}))),s(e)}return d(R,(()=>{y()})),(null==k?void 0:k.length)||E?o(O,{children:[(null==k?void 0:k.includes(T.EMOJI))&&o(e,{children:[i(u,{body:"Emoji",placement:"bottom",children:i(b,{style:{marginLeft:0},active:!!L.EMOJI,onClick:i=>C(i,T.EMOJI),children:i(p,{width:16,height:16,color:g(L.EMOJI)})})}),L.EMOJI&&i(x,{ref:R,children:i(I,{onEmojiClick:i=>{y(),null==j||j(i.emoji)}})})]}),(null==k?void 0:k.includes(T.BOLD))&&o(e,{children:[i(f,{}),i(u,{body:"Bold",placement:"bottom",children:i(b,{active:!!L.BOLD,onClick:i=>C(i,T.BOLD),children:i(a,{width:10,height:17,color:g(L.BOLD)})})})]}),(null==k?void 0:k.includes(T.ITALIC))&&o(e,{children:[i(f,{}),i(u,{body:"Italics",placement:"bottom",children:i(b,{onClick:i=>C(i,T.ITALIC),active:!!L.ITALIC,children:i(h,{width:9,height:16,color:g(L.ITALIC)})})})]}),(null==k?void 0:k.includes(T.STRIKETHROUGH))&&o(e,{children:[i(f,{}),i(u,{body:"Strikethrough",placement:"bottom",children:i(b,{active:!!L.STRIKETHROUGH,style:{borderRight:0},onClick:i=>C(i,T.STRIKETHROUGH),children:i(m,{width:12,height:18,color:g(L.STRIKETHROUGH)})})})]}),i(v,{children:E&&i(E,{})})]}):i(e,{})}));E.displayName="WhatsAppTextEditorHeader";export{f as CustomRightBorder,T as EditorActionTypes,E as WhatsAppTextEditorHeader};

package/dist/esm/components/accordion/Accordion.d.ts

@@ -6,12 +6,12 @@ export type HeaderButton = {
     style?: React.CSSProperties;
 };
 export interface AccordionProps {
-    header: JSX.Element | string;
-    subHeader?: JSX.Element | string;
+    header: React.JSX.Element | string;
+    subHeader?: React.JSX.Element | string;
     caption?: string;
     children: ReactNode;
     width?: string;
-    rightActionComponent?: JSX.Element;
+    rightActionComponent?: React.JSX.Element;
     contentMargin?: string;
     skipHoverHeader?: boolean;
     headerPadding?: string;

package/dist/esm/components/analytics-card/AnalyticsCard.styled.d.ts

@@ -1,15 +1,9 @@
 import { ModeType } from './AnalyticsCard';
-export declare const AnalyticsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const AnalyticsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width: string;
     mode?: ModeType;
     count?: number;
-}, JSX.IntrinsicElements, {}>;
-export declare const CardDataContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const CardDataContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     count: number;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;

package/dist/esm/components/analytics-card/AnalyticsCard.styled.js

@@ -1,4 +1,4 @@
-import t from"@emotion/styled";import{BASE_COLORS as i}from"../../constants/Theme.js";const e=t.div`
+import t from"styled-components";import{BASE_COLORS as e}from"../../constants/Theme.js";const i=t.div`
 	display: flex;
 	flex-wrap: wrap;
 	row-gap: 16px;
@@ -6,7 +6,7 @@ import t from"@emotion/styled";import{BASE_COLORS as i}from"../../constants/Them
 	justify-content: space-evenly;
 
 	${t=>t.width?`width: ${t.width}`:"width: 280px"};
-	background: ${t=>"light"==t.mode?i.grayscale[100]:i.brand[900]};
+	background: ${t=>"light"==t.mode?e.grayscale[100]:e.brand[900]};
 	padding: 26px 12px 16px 12px;
 	border-radius: 0 0 8px 8px;
 
@@ -43,4 +43,4 @@ import t from"@emotion/styled";import{BASE_COLORS as i}from"../../constants/Them
 		white-space: nowrap;
 		text-overflow: ellipsis;
 	}
-`;export{e as AnalyticsContainer,n as CardDataContainer};
+`;export{i as AnalyticsContainer,n as CardDataContainer};

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts

@@ -6,7 +6,7 @@ export interface AnalyticsChipInterface {
     captionColor?: string;
     titleColor?: string;
     width?: number | string;
-    extraJSX?: JSX.Element;
+    extraJSX?: React.JSX.Element;
     tooltipContent?: string;
     style?: React.CSSProperties;
     channelConfig?: {

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import i from"@emotion/styled";import{COLORS as r}from"../../constants/Theme.js";import{TitleMedium as l,TitleRegular as o}from"../TypographyStyle.js";import{AnalyticsTrend as d}from"./AnalyticsTrend.js";const a=i.div`
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{TitleMedium as l,TitleRegular as o}from"../TypographyStyle.js";import{AnalyticsTrend as d}from"./AnalyticsTrend.js";const a=i.div`
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;

package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts

@@ -1,30 +1,24 @@
-export declare const AnalyticsChipContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const AnalyticsChipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     backgroundColor?: string;
     width?: string | number;
-}, JSX.IntrinsicElements, {}>;
-export declare const AnalyticsMultiWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const MainDropdown: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const ItemMenuContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const AnalyticsMultiWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MainDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownProps & {
+    children?: import("react").ReactNode | undefined;
+}, "width" | "active" | "height"> & {
+    active?: string;
+    width?: string;
+    height?: string;
+}, {
+    height?: string;
+    bgColor?: string;
+}>> & string;
+export declare const ItemMenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isSelected?: boolean;
     isLastItem?: boolean;
     isFirstItem?: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const AnalyticsTrendContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const AnalyticsTrendContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     card: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const IconContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js

@@ -1,13 +1,13 @@
-import c from"@emotion/styled/base";import{BASE_COLORS as d,COLORS as t}from"../../constants/Theme.js";import"react/jsx-runtime";import"react";import"react-bootstrap";import"../tooltips/Tooltip.js";import"../TypographyStyle.js";import{StyledDropdown as b}from"../floating-action-button/FloatingActionButton.styles.js";const i=styled.div`
+import t from"styled-components";import{BASE_COLORS as r,COLORS as o}from"../../constants/Theme.js";import"react/jsx-runtime";import"react";import"react-bootstrap";import"../tooltips/Tooltip.js";import"../TypographyStyle.js";import{StyledDropdown as i}from"../floating-action-button/FloatingActionButton.styles.js";const e=t.div`
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: flex-start;
 	padding: 12px 16px;
 	gap: 8px;
-	background: ${c=>c.backgroundColor};
+	background: ${t=>t.backgroundColor};
 	border-radius: 8px;
-	width: ${c=>c.width?c.width:"224.67px"};
+	width: ${t=>t.width?t.width:"224.67px"};
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: initial;
@@ -19,35 +19,77 @@ import c from"@emotion/styled/base";import{BASE_COLORS as d,COLORS as t}from"../
 		gap: 4px;
 		align-items: baseline;
 	}
-`,l=styled.div`
+`,d=t.div`
 	display: flex;
 	flex-direction: row;
 	align-items: flex-start;
 	padding: 0px;
 	gap: 16px;
 	flex-wrap: wrap;
-`,e=c(b,"production"===process.env.NODE_ENV?{target:"e12o03l40"}:{target:"e12o03l40",label:"MainDropdown"})(".main--dropdown.dropdown-toggle::after{display:unset!important;}.main--dropdown.dropdown-toggle::before{display:unset!important;}.main--dropdown.btn-primary:hover,.main--dropdown.btn-primary:active,.main--dropdown.btn-primary:focus,.main--dropdown.btn-primary.dropdown-toggle,.main--dropdown.show>main--dropdown.btn-primary.dropdown-toggle{border:1px solid ",d.grayscale[200],";border-radius:4px;display:flex;flex-direction:row;align-items:center;padding:6px 8px;gap:8px;background:",(c=>c.bgColor),";}.dropdown-menu{border-radius:3px;padding:0 0;}.sub--dropdown.btn-primary{width:100%;padding:0px;}.sub--dropdown{button:not(.date-picker-save-button-container button){border-radius:0;max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;border:none;justify-content:center;align-items:center;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNtRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQkFTRV9DT0xPUlMsIENPTE9SUyB9IGZyb20gJ0BzcmMvY29uc3RhbnRzL1RoZW1lJztcbmltcG9ydCB7IFN0eWxlZERyb3Bkb3duIH0gZnJvbSAnLi4vZmxvYXRpbmctYWN0aW9uLWJ1dHRvbic7XG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNdWx0aVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDBweDtcblx0Z2FwOiAxNnB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5tYWluLS1kcm9wZG93bi5zaG93ID4gbWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0cGFkZGluZzogNnB4IDhweDtcblx0XHRnYXA6IDhweDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5cdH1cblx0LmRyb3Bkb3duLW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblx0XHRwYWRkaW5nOiAwIDA7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24uYnRuLXByaW1hcnkge1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdHBhZGRpbmc6IDBweDtcblx0fVxuXHQuc3ViLS1kcm9wZG93biB7XG5cdFx0YnV0dG9uOm5vdCguZGF0ZS1waWNrZXItc2F2ZS1idXR0b24tY29udGFpbmVyIGJ1dHRvbikge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRcdHBhZGRpbmc6IDEwcHggNi42NjY3cHg7XG5cdFx0XHRiYWNrZ3JvdW5kOiBub25lO1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHRib3JkZXI6IG5vbmU7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5gO1xuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNMYXN0SXRlbSA/ICdub25lJyA6IGAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX1gfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJycgOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcbmA7XG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxuICAgID8gYFxuXHRcdFx0Ym94LXNoYWRvdzogMHB4IDJweCA0cHggcmdiYSgwLCAwLCAwLCAwLjA4KTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHRcdHBhZGRpbmc6IDE2cHggMjBweDtgXG4gICAgOiAnJ31cblx0Lmljb24tLWhvbGRlciB7XG5cdFx0aGVpZ2h0OiAzMnB4O1xuXHRcdHdpZHRoOiAzMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdH1cblx0fVxuYDtcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */")),o=styled.div`
+`,n=t(i)`
+	.main--dropdown.dropdown-toggle::after {
+		display: unset !important;
+	}
+	.main--dropdown.dropdown-toggle::before {
+		display: unset !important;
+	}
+	.main--dropdown.btn-primary:hover,
+	.main--dropdown.btn-primary:active,
+	.main--dropdown.btn-primary:focus,
+	.main--dropdown.btn-primary.dropdown-toggle,
+	.main--dropdown.show > main--dropdown.btn-primary.dropdown-toggle {
+		border: 1px solid ${r.grayscale[200]};
+		border-radius: 4px;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		padding: 6px 8px;
+		gap: 8px;
+		background: ${t=>t.bgColor};
+	}
+	.dropdown-menu {
+		border-radius: 3px;
+		padding: 0 0;
+	}
+	.sub--dropdown.btn-primary {
+		width: 100%;
+		padding: 0px;
+	}
+	.sub--dropdown {
+		button:not(.date-picker-save-button-container button) {
+			border-radius: 0;
+			max-width: 100%;
+			padding: 10px 6.6667px;
+			background: none;
+			text-align: center;
+			line-height: 16px;
+			border: none;
+			justify-content: center;
+			align-items: center;
+		}
+	}
+`,p=t.div`
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	padding: 12px 16px;
 	gap: 4px;
-	border-bottom: ${c=>c.isLastItem?"none":`1px solid ${d.grayscale[200]}`};
+	border-bottom: ${t=>t.isLastItem?"none":`1px solid ${r.grayscale[200]}`};
 	max-width: 240px;
 	cursor: pointer;
-	background-color: ${c=>c.isSelected?d.positive[50]:d.grayscale.white};
+	background-color: ${t=>t.isSelected?r.positive[50]:r.grayscale.white};
 	&:hover {
-		background-color: ${c=>c.isSelected?"":d.grayscale[50]};
+		background-color: ${t=>t.isSelected?"":r.grayscale[50]};
 	}
 	width: 100%;
-	border-top-left-radius: ${c=>c.isFirstItem?"4px":"0px"};
-	border-top-right-radius: ${c=>c.isFirstItem?"4px":"0px"};
-	border-bottom-left-radius: ${c=>c.isLastItem?"4px":"0px"};
-	border-bottom-right-radius: ${c=>c.isLastItem?"4px":"0px"};
-`,n=styled.div`
-	border: ${c=>c.card?1:0}px solid ${t.background.base};
+	border-top-left-radius: ${t=>t.isFirstItem?"4px":"0px"};
+	border-top-right-radius: ${t=>t.isFirstItem?"4px":"0px"};
+	border-bottom-left-radius: ${t=>t.isLastItem?"4px":"0px"};
+	border-bottom-right-radius: ${t=>t.isLastItem?"4px":"0px"};
+`,a=t.div`
+	border: ${t=>t.card?1:0}px solid ${o.background.base};
 	height: 100%;
-	${c=>c.card?"\n\t\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 16px 20px;":""}
+	${t=>t.card?"\n\t\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 16px 20px;":""}
 	.icon--holder {
 		height: 32px;
 		width: 32px;
@@ -57,15 +99,15 @@ import c from"@emotion/styled/base";import{BASE_COLORS as d,COLORS as t}from"../
 		border-radius: 5px;
 		cursor: pointer;
 		:hover {
-			background-color: ${t.surface.hovered};
+			background-color: ${o.surface.hovered};
 		}
 	}
-`,X=styled.div`
+`,s=t.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 32px;
 	height: 32px;
-	background-color: ${t.background.brandLight};
+	background-color: ${o.background.brandLight};
 	border-radius: 4px;
-`;export{i as AnalyticsChipContainer,l as AnalyticsMultiWrapper,n as AnalyticsTrendContainer,X as IconContainer,o as ItemMenuContainer,e as MainDropdown};
+`;export{e as AnalyticsChipContainer,d as AnalyticsMultiWrapper,a as AnalyticsTrendContainer,s as IconContainer,p as ItemMenuContainer,n as MainDropdown};