@bikdotai/bik-component-library 0.0.687-beta.8 → 0.0.687

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

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as n,useRef as a,useEffect as s}from"react";import{Dropdown as i}from"react-bootstrap";import l from"react-dom";import{DEFAULT_THEME as r,BASE_COLORS as c}from"../../constants/Theme.js";import{DatePicker as d}from"../datePicker/DatePicker.js";import"react-calendar";import{BodySecondary as m,BodyCaption as p,Caption as g}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import{MainDropdown as u,ItemMenuContainer as y}from"./CommonStyles.js";const h=({options:c,placeholder:p="Select an option",selected:y,onOptionSelected:h,resetDropdown:k,maxHeight:S,backgroundcolor:b,calendarPopperConfig:O,variant:R="default",datePickerPlacement:w,closeDropdown:v,labelColor:C,styleProps:I})=>{const[x,L]=n(!1),[P,F]=n(y),[$,j]=n(),[T,E]=n(!1),[N,A]=n(y),H=a(null),M="small"===R?g:m;s((()=>{k&&F(void 0)}),[k]),s((()=>{y?.isCustom&&y.dateRangeSelectionOptions?.selectedDates?j(y.dateRangeSelectionOptions.selectedDates):j(void 0),F(y)}),[y]),s((()=>{E(!1),L(!1)}),[v]);const V=e=>{void 0!==e?(E(e),x&&L(!1)):E((e=>!e))},W=e=>{H.current&&!H.current.contains(e.target)&&(x&&L(!1),V(!1))};return s((()=>(T&&document.addEventListener("mousedown",W),()=>{document.removeEventListener("mousedown",W)})),[T]),e(t,{children:o(u,{drop:"down",show:T,onToggle:V,bgColor:b,id:"analytic-dropdown",children:[e(i.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===R?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${r.colorsV2.stroke.primary}`}:I||void 0,children:e(M,{style:"small"===R||C?{color:C||r.colorsV2.content.secondary}:void 0,children:P?.isCustom?$?D($[0])===D($[1])?`${D($[0])}`:`${D($[0])} to ${D($[1])}`:N?.label?N?.label:p:P?P?.label:p})}),l.createPortal(e(i.Menu,{className:"main--dropdown",style:{padding:0},ref:H,children:o(u,{drop:w??"end",id:"sub--dropdown",show:x,onToggle:e=>{!e&&E(!1),L(!x)},children:[e("div",{style:{maxHeight:S||"auto",overflowY:"scroll"},children:c.map(((t,o)=>e("div",{children:t?.isCustom?e(i.Toggle,{className:"sub--dropdown",children:e(f,{isFirstItem:0===o,isLastItem:o===c.length-1,eachOption:t,selectedOption:P,selectedDate:$,onClickingEachItem:e=>{F(e),L(!0)},rangeSelection:!!t?.dateRangeSelectionOptions?.selectRange})}):e(f,{isFirstItem:0===o,isLastItem:o===c.length-1,eachOption:t,selectedOption:P,selectedDate:$,onClickingEachItem:e=>{if(j(void 0),F(e),A(e),V(),!e.noOfDays)return void h(e);const t=new Date,o=new Date;o.setDate(t.getDate()-e.noOfDays),h({...e,selectedRange:[o,t]})}})},t?.key)))}),e(i.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[O?.offsetSkid||0,O?.offsetDistance||0]}}]},children:e(d,{selectRange:P?.dateRangeSelectionOptions?.selectRange||!1,maxDate:P?.dateRangeSelectionOptions?.maxDate,minDate:P?.dateRangeSelectionOptions?.minDate,selectedDates:$,onSelectRange:(e,t)=>{const o=[e,t];P?.dateRangeSelectionOptions&&(P.dateRangeSelectionOptions.selectedDates=o,h({...P,selectedRange:[e,t]})),A(P),L(!1),j(o),E(!T)},onSelectDate:e=>{P?.dateRangeSelectionOptions&&(P.dateRangeSelectionOptions.selectedDates=[e,e],h({...P,selectedRange:[e,e]})),A(P),L(!1),j([e,e]),E(!T)}})})]})}),document.body)]})})},f=({eachOption:n,selectedOption:a,selectedDate:s,onClickingEachItem:i,rangeSelection:l,isLastItem:r,isFirstItem:d})=>o(y,{isFirstItem:d,isLastItem:r,onClick:()=>i(n),isSelected:n.isCustom?n.key==a?.key&&!!s:n.key==a?.key,children:[e(m,{color:n.key==a?.key?c.positive[900]:c.grayscale[900],children:n.label}),n.subLabel?e(p,{style:{color:c.grayscale[700]},children:n.subLabel}):e(t,{}),s&&a?.isCustom&&n.key==a?.key&&e(p,{children:l?`${D(s[0])} to ${D(s[1])}`:`${D(s[0])}`})]},n.key),D=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{h as AnalyticsDropdown,f as EachItem,D as formatDate};
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as l}from"react";import{Dropdown as s}from"react-bootstrap";import a from"react-dom";import{DEFAULT_THEME as d,BASE_COLORS as c}from"../../constants/Theme.js";import{DatePicker as r}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as m,BodyCaption as g,Caption as p}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import{MainDropdown as u,ItemMenuContainer as v}from"./CommonStyles.js";const b=c=>{let{options:g,placeholder:v="Select an option",selected:b,onOptionSelected:h,resetDropdown:f,maxHeight:j,backgroundcolor:D,calendarPopperConfig:k,variant:S="default",datePickerPlacement:R,closeDropdown:w,labelColor:C,styleProps:I}=c;var x,P,L;const[F,$]=n(!1),[T,E]=n(b),[N,A]=n(),[H,M]=n(!1),[V,U]=n(b),W=i(null),Y="small"===S?p:m;l((()=>{f&&E(void 0)}),[f]),l((()=>{var e;(null==b?void 0:b.isCustom)&&(null===(e=b.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?A(b.dateRangeSelectionOptions.selectedDates):A(void 0),E(b)}),[b]),l((()=>{M(!1),$(!1)}),[w]);const q=e=>{void 0!==e?(M(e),F&&$(!1)):M((e=>!e))},z=e=>{W.current&&!W.current.contains(e.target)&&(F&&$(!1),q(!1))};return l((()=>(H&&document.addEventListener("mousedown",z),()=>{document.removeEventListener("mousedown",z)})),[H]),e(t,{children:o(u,Object.assign({drop:"down",show:H,onToggle:q,bgColor:D,id:"analytic-dropdown"},{children:[e(s.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===S?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${d.colorsV2.stroke.primary}`}:I||void 0},{children:e(Y,Object.assign({style:"small"===S||C?{color:C||d.colorsV2.content.secondary}:void 0},{children:(null==T?void 0:T.isCustom)?N?y(N[0])===y(N[1])?`${y(N[0])}`:`${y(N[0])} to ${y(N[1])}`:(null==V?void 0:V.label)?null==V?void 0:V.label:v:T?null==T?void 0:T.label:v}))})),a.createPortal(e(s.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:W},{children:o(u,Object.assign({drop:null!=R?R:"end",id:"sub--dropdown",show:F,onToggle:e=>{!e&&M(!1),$(!F)}},{children:[e("div",Object.assign({style:{maxHeight:j||"auto",overflowY:"scroll"}},{children:g.map(((t,o)=>{var n;return e("div",{children:(null==t?void 0:t.isCustom)?e(s.Toggle,Object.assign({className:"sub--dropdown"},{children:e(O,{isFirstItem:0===o,isLastItem:o===g.length-1,eachOption:t,selectedOption:T,selectedDate:N,onClickingEachItem:e=>{E(e),$(!0)},rangeSelection:!!(null===(n=null==t?void 0:t.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)})})):e(O,{isFirstItem:0===o,isLastItem:o===g.length-1,eachOption:t,selectedOption:T,selectedDate:N,onClickingEachItem:e=>{if(A(void 0),E(e),U(e),q(),!e.noOfDays)return void h(e);const t=new Date,o=new Date;o.setDate(t.getDate()-e.noOfDays),h(Object.assign(Object.assign({},e),{selectedRange:[o,t]}))}})},null==t?void 0:t.key)}))})),e(s.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==k?void 0:k.offsetSkid)||0,(null==k?void 0:k.offsetDistance)||0]}}]}},{children:e(r,{selectRange:(null===(x=null==T?void 0:T.dateRangeSelectionOptions)||void 0===x?void 0:x.selectRange)||!1,maxDate:null===(P=null==T?void 0:T.dateRangeSelectionOptions)||void 0===P?void 0:P.maxDate,minDate:null===(L=null==T?void 0:T.dateRangeSelectionOptions)||void 0===L?void 0:L.minDate,selectedDates:N,onSelectRange:(e,t)=>{const o=[e,t];(null==T?void 0:T.dateRangeSelectionOptions)&&(T.dateRangeSelectionOptions.selectedDates=o,h(Object.assign(Object.assign({},T),{selectedRange:[e,t]}))),U(T),$(!1),A(o),M(!H)},onSelectDate:e=>{(null==T?void 0:T.dateRangeSelectionOptions)&&(T.dateRangeSelectionOptions.selectedDates=[e,e],h(Object.assign(Object.assign({},T),{selectedRange:[e,e]}))),U(T),$(!1),A([e,e]),M(!H)}})}))]}))})),document.body)]}))})},O=n=>{let{eachOption:i,selectedOption:l,selectedDate:s,onClickingEachItem:a,rangeSelection:d,isLastItem:r,isFirstItem:p}=n;return o(v,Object.assign({isFirstItem:p,isLastItem:r,onClick:()=>a(i),isSelected:i.isCustom?i.key==(null==l?void 0:l.key)&&!!s:i.key==(null==l?void 0:l.key)},{children:[e(m,Object.assign({color:i.key==(null==l?void 0:l.key)?c.positive[900]:c.grayscale[900]},{children:i.label})),i.subLabel?e(g,Object.assign({style:{color:c.grayscale[700]}},{children:i.subLabel})):e(t,{}),s&&(null==l?void 0:l.isCustom)&&i.key==(null==l?void 0:l.key)&&e(g,{children:d?`${y(s[0])} to ${y(s[1])}`:`${y(s[0])}`})]}),i.key)},y=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{b as AnalyticsDropdown,O as EachItem,y as formatDate};

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

@@ -1,21 +1,18 @@
-import React__default from 'react';
-import { AnalyticsTrendInterface } from './AnalyticsTrend.js';
-
-declare const AnalyticsMetric: React__default.FC<{
-    title?: string;
-    RightHeaderComponent?: React__default.ReactElement;
-    trends: AnalyticsTrendInterface[];
-    containerStyle?: React__default.CSSProperties;
-    trendStyle?: React__default.CSSProperties;
-    trendContainerStyle?: React__default.CSSProperties;
-    trendIconStyle?: React__default.CSSProperties;
-    titleSize?: 'large' | 'small';
-    titleColor?: string;
-    perRow?: number;
-    isLoading?: boolean;
-    hideHeaderDiv?: boolean;
-    relativePercentageDiff?: number;
-    isInternationalStore?: boolean;
-}>;
-
-export { AnalyticsMetric };
+import React from 'react';
+import { AnalyticsTrendInterface } from './AnalyticsTrend';
+export declare const AnalyticsMetric: React.FC<{
+    title?: string;
+    RightHeaderComponent?: React.ReactElement;
+    trends: AnalyticsTrendInterface[];
+    containerStyle?: React.CSSProperties;
+    trendStyle?: React.CSSProperties;
+    trendContainerStyle?: React.CSSProperties;
+    trendIconStyle?: React.CSSProperties;
+    titleSize?: 'large' | 'small';
+    titleColor?: string;
+    perRow?: number;
+    isLoading?: boolean;
+    hideHeaderDiv?: boolean;
+    relativePercentageDiff?: number;
+    isInternationalStore?: boolean;
+}>;

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

@@ -1,5 +1 @@
-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`
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-`,s=({title:i,trends:s,RightHeaderComponent:p,containerStyle:c,titleSize:h,titleColor:m,perRow:y,isLoading:g,trendStyle:f,trendContainerStyle:S,trendIconStyle:x,hideHeaderDiv:w,isInternationalStore:v})=>{const j="large"===h?l:o,C=y||(s.length<=4?s.length:s.length%3==0?3:4),T=Math.ceil(s.length/C);return e("div",{style:{paddingTop:24,paddingBottom:24,...c??{}},children:[e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:w?0:12},children:[i&&t(j,{color:m??r.content.secondary,style:{paddingLeft:24,paddingRight:24},children:i}),p]}),t(a,{children:Array.from({length:T}).map(((e,i)=>t(n,{children:t("div",{style:{display:"flex",width:"100%",marginTop:0===i?0:16},children:s.slice(i*C,(i+1)*C).map(((e,n)=>t("div",{style:{flex:1,maxWidth:1===s.length?"100%":"50%"},children:t(d,{...e,isLoading:g,card:!1,size:e.size??"small",rightSeparator:n+i*C<Math.min((i+1)*C-1,s.length-1),trendStyle:f,trendIconStyle:x,trendContainerStyle:S,isInternationalStore:v})},n)))},i)})))})]})};export{s as AnalyticsMetric};
+import g from"@emotion/styled/base";import{jsxs as I,jsx as C,Fragment as A}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{TitleMedium as c,TitleRegular as e}from"../TypographyStyle.js";import{AnalyticsTrend as b}from"./AnalyticsTrend.js";const t=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIGlzTG9hZGluZywgdHJlbmRTdHlsZSwgdHJlbmRDb250YWluZXJTdHlsZSwgdHJlbmRJY29uU3R5bGUsIGhpZGVIZWFkZXJEaXYsIGlzSW50ZXJuYXRpb25hbFN0b3JlLCB9KSA9PiB7XHJcbiAgICBjb25zdCBUeXBvID0gdGl0bGVTaXplID09PSAnbGFyZ2UnID8gVGl0bGVNZWRpdW0gOiBUaXRsZVJlZ3VsYXI7XHJcbiAgICBjb25zdCBwZXJSb3dMb2NhbCA9IHBlclJvdyB8fFxyXG4gICAgICAgICh0cmVuZHMubGVuZ3RoIDw9IDQgPyB0cmVuZHMubGVuZ3RoIDogdHJlbmRzLmxlbmd0aCAlIDMgPT0gMCA/IDMgOiA0KTtcclxuICAgIGNvbnN0IHJvd3MgPSBNYXRoLmNlaWwodHJlbmRzLmxlbmd0aCAvIHBlclJvd0xvY2FsKTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiBoaWRlSGVhZGVyRGl2ID8gMCA6IDEyLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IEFycmF5LmZyb20oeyBsZW5ndGg6IHJvd3MgfSkubWFwKChfLCByb3dJbmRleCkgPT4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpblRvcDogcm93SW5kZXggPT09IDAgPyAwIDogMTYsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdHJlbmRzXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiB0cmVuZHMubGVuZ3RoID09PSAxID8gJzEwMCUnIDogJzUwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBpc0xvYWRpbmc6IGlzTG9hZGluZywgY2FyZDogZmFsc2UsIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdzbWFsbCcsIHJpZ2h0U2VwYXJhdG9yOiBpICsgcm93SW5kZXggKiBwZXJSb3dMb2NhbCA8XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBNYXRoLm1pbigocm93SW5kZXggKyAxKSAqIHBlclJvd0xvY2FsIC0gMSwgdHJlbmRzLmxlbmd0aCAtIDEpLCB0cmVuZFN0eWxlOiB0cmVuZFN0eWxlLCB0cmVuZEljb25TdHlsZTogdHJlbmRJY29uU3R5bGUsIHRyZW5kQ29udGFpbmVyU3R5bGU6IHRyZW5kQ29udGFpbmVyU3R5bGUsIGlzSW50ZXJuYXRpb25hbFN0b3JlOiBpc0ludGVybmF0aW9uYWxTdG9yZSB9KSkgfSksIGkpKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSksIHJvd0luZGV4KSB9KSkpIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",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)."}}),d=g=>{let{title:d,trends:i,RightHeaderComponent:n,containerStyle:s,titleSize:Z,titleColor:a,perRow:o,isLoading:m,trendStyle:G,trendContainerStyle:u,trendIconStyle:y,hideHeaderDiv:p,isInternationalStore:J}=g;const H="large"===Z?c:e,X=o||(i.length<=4?i.length:i.length%3==0?3:4),r=Math.ceil(i.length/X);return I("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=s?s:{})},{children:[I("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:p?0:12}},{children:[d&&C(H,Object.assign({color:null!=a?a:l.content.secondary,style:{paddingLeft:24,paddingRight:24}},{children:d})),n]})),C(t,{children:Array.from({length:r}).map(((g,I)=>C(A,{children:C("div",Object.assign({style:{display:"flex",width:"100%",marginTop:0===I?0:16}},{children:i.slice(I*X,(I+1)*X).map(((g,A)=>{var l;return C("div",Object.assign({style:{flex:1,maxWidth:1===i.length?"100%":"50%"}},{children:C(b,Object.assign({},g,{isLoading:m,card:!1,size:null!==(l=g.size)&&void 0!==l?l:"small",rightSeparator:A+I*X<Math.min((I+1)*X-1,i.length-1),trendStyle:G,trendIconStyle:y,trendContainerStyle:u,isInternationalStore:J}))}),A)}))}),I)})))})]}))};export{d as AnalyticsMetric};

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

@@ -1,9 +1,6 @@
-import React__default from 'react';
-import { AnalyticsChipInterface } from './AnalyticsChip.js';
-
-declare const AnalyticsMultiChip: React__default.FC<{
-    chipDetails: AnalyticsChipInterface[];
-    wrapperStyle?: React__default.CSSProperties;
-}>;
-
-export { AnalyticsMultiChip };
+import React from 'react';
+import { AnalyticsChipInterface } from './AnalyticsChip';
+export declare const AnalyticsMultiChip: React.FC<{
+    chipDetails: AnalyticsChipInterface[];
+    wrapperStyle?: React.CSSProperties;
+}>;

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

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{createElement as t}from"react";import{AnalyticsChip as m}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as o}from"./CommonStyles.js";const e=({chipDetails:e,wrapperStyle:i})=>r(o,{style:i??{},children:e.map(((r,o)=>t(m,{...r,key:o+"_chip"})))});export{e as AnalyticsMultiChip};
+import{jsx as t}from"react/jsx-runtime";import{createElement as r}from"react";import{AnalyticsChip as e}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as i}from"./CommonStyles.js";const m=m=>{let{chipDetails:o,wrapperStyle:s}=m;return t(i,Object.assign({style:null!=s?s:{}},{children:o.map(((t,i)=>r(e,Object.assign({},t,{key:i+"_chip"}))))}))};export{m as AnalyticsMultiChip};

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

@@ -1,37 +1,33 @@
-import React__default from 'react';
-
-interface AnalyticsTrendInterface {
-    title: string;
-    value?: number | string;
-    trendPercent?: number;
-    trendRaw?: number;
-    formatVal?: boolean;
-    timeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
-    customRange?: Date[];
-    type?: 'vertical' | 'horizontal';
-    tooltip?: string;
-    card?: boolean;
-    rightSeparator?: boolean;
-    size?: 'big' | 'small';
-    share?: boolean;
-    prefixSymbol?: string;
-    trailingIcon?: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
-    onTrailIconClick?: () => void;
-    iconTooltipBody?: string;
-    funnelPercent?: number;
-    isLoading?: boolean;
-    suffixText?: string;
-    trendStyle?: React__default.CSSProperties;
-    iconContainerStyle?: React__default.CSSProperties;
-    trendContainerStyle?: React__default.CSSProperties;
-    trendIconStyle?: React__default.CSSProperties;
-    containerStyle?: React__default.CSSProperties;
-    prevTrendDiff?: number;
-    relativePercentageDiff?: number;
-    isInternationalStore?: boolean;
-    Icon?: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
-}
-declare const AnalyticsTrend: React__default.FC<AnalyticsTrendInterface>;
-
-export { AnalyticsTrend };
-export type { AnalyticsTrendInterface };
+import React from 'react';
+export interface AnalyticsTrendInterface {
+    title: string;
+    value?: number | string;
+    trendPercent?: number;
+    trendRaw?: number;
+    formatVal?: boolean;
+    timeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
+    customRange?: Date[];
+    type?: 'vertical' | 'horizontal';
+    tooltip?: string;
+    card?: boolean;
+    rightSeparator?: boolean;
+    size?: 'big' | 'small';
+    share?: boolean;
+    prefixSymbol?: string;
+    trailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    onTrailIconClick?: () => void;
+    iconTooltipBody?: string;
+    funnelPercent?: number;
+    isLoading?: boolean;
+    suffixText?: string;
+    trendStyle?: React.CSSProperties;
+    iconContainerStyle?: React.CSSProperties;
+    trendContainerStyle?: React.CSSProperties;
+    trendIconStyle?: React.CSSProperties;
+    containerStyle?: React.CSSProperties;
+    prevTrendDiff?: number;
+    relativePercentageDiff?: number;
+    isInternationalStore?: boolean;
+    Icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+}
+export declare const AnalyticsTrend: React.FC<AnalyticsTrendInterface>;

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import r,{useState as n,useEffect as o}from"react";import{ShimmerComponentStyled as l}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import a from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/arrow_down.svg.js";import d from"../../assets/icons/arrow_up.svg.js";import m from"../../assets/icons/info.svg.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as p}from"../tooltips/Tooltip.js";import{BodyCaption as y,Caption as g,TitleLarge as f,TitleMedium as v}from"../TypographyStyle.js";import{truncateValueForInternationalStore as u,truncateValueForIndianStore as x}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as b,IconContainer as S}from"./CommonStyles.js";const w=({title:n,value:o,trendPercent:a,type:c="horizontal",timeline:d,customRange:g,tooltip:w,card:I=!0,rightSeparator:T=!1,size:j="big",share:R=!1,formatVal:C,prefixSymbol:D,trailingIcon:M,onTrailIconClick:k,iconTooltipBody:z,funnelPercent:L,isLoading:P,trendRaw:F,suffixText:N,trendStyle:W,trendContainerStyle:_,trendIconStyle:A,containerStyle:B,prevTrendDiff:E,relativePercentageDiff:U,isInternationalStore:V,Icon:q,iconContainerStyle:G})=>{const H="big"===j?f:v,J=void 0!==a?a<0?"negative":0===a?"neutral":"positive":void 0,K=void 0!==a?R?Math.round(a):Math.abs(Math.round(a)):void 0;return e(b,{card:I,style:{...B},children:t("div",{style:{display:"flex",flexDirection:"row",gap:q?12:4,borderRightWidth:T?1:0,borderRightColor:s.stroke.primary,borderRightStyle:"solid",paddingLeft:I?0:24,paddingRight:I?0:24,height:"100%",justifyContent:q?"flex-start":"space-between",alignItems:"center",..._??{}},children:[!!q&&e(S,{style:{...G},children:e(q,{})}),t("div",{style:{display:"flex",flexDirection:"column",gap:4,height:"100%",...W??{}},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[e(y,{style:{color:s.content.secondary},children:n}),w&&e(p,{body:w,placement:"right",width:300,children:e("div",{style:{display:"flex",cursor:"pointer",height:"100%"},children:e(m,{color:s.content.primary,height:16,width:16})})})]}),t("div",{style:{display:"flex",flexDirection:"row",gap:12,alignItems:"center",...R?{justifyContent:"space-between"}:{}},children:[P&&e(l,{width:108,height:26}),!P&&e(H,{style:{color:s.content.primary},children:void 0===o?"--":"number"==typeof o&&C?o>999?V?`${D??""}${u(o)} ${N??""}`:`${D??""}${x(o)} ${N??""}`:`${D??""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(o)} ${N??""}`:`${D??""}${o} ${N??""}`}),"number"==typeof U&&e(h,{tagText:`${U}%`,theme:"light",type:"neutral"}),"horizontal"===c&&!P&&!R&&e($,{timeline:d,customRange:g,percent:K,direction:J,trendRaw:F,prefixSymbol:D,trendIconStyle:A,isInternationalStore:V}),P&&!R&&"horizontal"===c&&e(l,{height:20,width:141,marginTop:6}),"vertical"===c&&!P&&void 0!==L&&e(h,{tagText:`${L} %`,theme:"light",type:"neutral"}),R&&!P&&void 0!==K&&e(h,{tagText:`${K} %`,theme:"light",type:"neutral"}),R||P||!E||0==E?e(i,{}):e(h,{tagText:(e=>{const t=Math.abs(e);return t%1!=0?`${t.toFixed(1)} %`:`${t} %`})(E),theme:"light",type:"neutral"})]}),"vertical"===c&&!P&&!R&&e("div",{style:{marginTop:10},children:e($,{timeline:d,customRange:g,percent:K,direction:J,trendRaw:F,prefixSymbol:D,trendIconStyle:A,isInternationalStore:V})}),P&&"vertical"===c&&e(l,{height:20,width:141,marginTop:6})]}),z&&!P&&e(p,{body:z,placement:"right",children:M&&e("div",{className:"icon--holder",onClick:k,children:r.createElement(M,{height:20,width:20,color:s.content.secondary})})})]})})},$=({percent:i,direction:r,timeline:l,customRange:m,trendRaw:h,prefixSymbol:p,trendIconStyle:y,isInternationalStore:f})=>{const v=()=>void 0===h?"--":`${((h??0)>0?"+":"")+(p??"")??""}${(()=>{let e="--";if(h)return e=String(f?u(Math.abs(h)):x(Math.abs(h))),h<0?"-"+e:e})()}`,[b,S]=n(v()),[w,$]=n("");o((()=>{$("today"===l?"vs yesterday":"yesterday"===l?"vs 1 day before":"7 days"===l?"vs last 7 days":"30 days"===l?"vs last 30 days":"custom"===l&&m?a.getAnalyticsCustomDateTimelineText(m):"")}),[l,m]),o((()=>{S(v())}),[h]);const I="negative"===r?c:d,T="negative"===r?s.background.negative.vibrant:"positive"===r?s.background.positive.vibrant:s.content.placeholder;return t("div",{style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"},children:["number"==typeof i&&e(I,{color:T,height:16,width:16,style:{marginRight:2,...y??{}}}),"number"==typeof i&&r&&t(g,{style:{color:T},children:["neutral"===r?0:i<1e3?i:">999","%"]}),!!h&&e(g,{style:{marginLeft:4,color:s.content.placeholder},children:`(${b})`}),l&&e(g,{style:{marginLeft:4,color:s.content.placeholder},children:w})]})};export{w as AnalyticsTrend};
+import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import n,{useState as r,useEffect as o}from"react";import{ShimmerComponentStyled as l}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import a from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/arrow_down.svg.js";import d from"../../assets/icons/arrow_up.svg.js";import g from"../../assets/icons/info.svg.js";import{Tag as m}from"../tag/Tag.js";import{Tooltip as h}from"../tooltips/Tooltip.js";import{BodyCaption as p,Caption as y,TitleLarge as u,TitleMedium as f}from"../TypographyStyle.js";import{truncateValueForInternationalStore as b,truncateValueForIndianStore as v}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as j,IconContainer as x}from"./CommonStyles.js";const S=r=>{let{title:o,value:a,trendPercent:c,type:d="horizontal",timeline:y,customRange:S,tooltip:w,card:$=!0,rightSeparator:I=!1,size:T="big",share:R=!1,formatVal:C,prefixSymbol:D,trailingIcon:M,onTrailIconClick:k,iconTooltipBody:z,funnelPercent:L,isLoading:P,trendRaw:F,suffixText:N,trendStyle:W,trendContainerStyle:_,trendIconStyle:A,containerStyle:B,prevTrendDiff:E,relativePercentageDiff:U,isInternationalStore:V,Icon:q,iconContainerStyle:G}=r;const H="big"===T?u:f,J=void 0!==c?c<0?"negative":0===c?"neutral":"positive":void 0,K=void 0!==c?R?Math.round(c):Math.abs(Math.round(c)):void 0;return e(j,Object.assign({card:$,style:Object.assign({},B)},{children:t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:q?12:4,borderRightWidth:I?1:0,borderRightColor:s.stroke.primary,borderRightStyle:"solid",paddingLeft:$?0:24,paddingRight:$?0:24,height:"100%",justifyContent:q?"flex-start":"space-between",alignItems:"center"},null!=_?_:{})},{children:[!!q&&e(x,Object.assign({style:Object.assign({},G)},{children:e(q,{})})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=W?W:{})},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(p,Object.assign({style:{color:s.content.secondary}},{children:o})),w&&e(h,Object.assign({body:w,placement:"right",width:300},{children:e("div",Object.assign({style:{display:"flex",cursor:"pointer",height:"100%"}},{children:e(g,{color:s.content.primary,height:16,width:16})}))}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},R?{justifyContent:"space-between"}:{})},{children:[P&&e(l,{width:108,height:26}),!P&&e(H,Object.assign({style:{color:s.content.primary}},{children:void 0===a?"--":"number"==typeof a&&C?a>999?V?`${null!=D?D:""}${b(a)} ${null!=N?N:""}`:`${null!=D?D:""}${v(a)} ${null!=N?N:""}`:`${null!=D?D:""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(a)} ${null!=N?N:""}`:`${null!=D?D:""}${a} ${null!=N?N:""}`})),"number"==typeof U&&e(m,{tagText:`${U}%`,theme:"light",type:"neutral"}),"horizontal"===d&&!P&&!R&&e(O,{timeline:y,customRange:S,percent:K,direction:J,trendRaw:F,prefixSymbol:D,trendIconStyle:A,isInternationalStore:V}),P&&!R&&"horizontal"===d&&e(l,{height:20,width:141,marginTop:6}),"vertical"===d&&!P&&void 0!==L&&e(m,{tagText:`${L} %`,theme:"light",type:"neutral"}),R&&!P&&void 0!==K&&e(m,{tagText:`${K} %`,theme:"light",type:"neutral"}),R||P||!E||0==E?e(i,{}):e(m,{tagText:(e=>{const t=Math.abs(e);return t%1!=0?`${t.toFixed(1)} %`:`${t} %`})(E),theme:"light",type:"neutral"})]})),"vertical"===d&&!P&&!R&&e("div",Object.assign({style:{marginTop:10}},{children:e(O,{timeline:y,customRange:S,percent:K,direction:J,trendRaw:F,prefixSymbol:D,trendIconStyle:A,isInternationalStore:V})})),P&&"vertical"===d&&e(l,{height:20,width:141,marginTop:6})]})),z&&!P&&e(h,Object.assign({body:z,placement:"right"},{children:M&&e("div",Object.assign({className:"icon--holder",onClick:k},{children:n.createElement(M,{height:20,width:20,color:s.content.secondary})}))}))]}))}))},O=i=>{let{percent:n,direction:l,timeline:g,customRange:m,trendRaw:h,prefixSymbol:p,trendIconStyle:u,isInternationalStore:f}=i;const j=()=>{const e=((null!=h?h:0)>0?"+":"")+(null!=p?p:"");return void 0===h?"--":`${null!=e?e:""}${(()=>{let e="--";if(h)return e=String(f?b(Math.abs(h)):v(Math.abs(h))),h<0?"-"+e:e})()}`},[x,S]=r(j()),[O,w]=r("");o((()=>{w("today"===g?"vs yesterday":"yesterday"===g?"vs 1 day before":"7 days"===g?"vs last 7 days":"30 days"===g?"vs last 30 days":"custom"===g&&m?a.getAnalyticsCustomDateTimelineText(m):"")}),[g,m]),o((()=>{S(j())}),[h]);const $="negative"===l?c:d,I="negative"===l?s.background.negative.vibrant:"positive"===l?s.background.positive.vibrant:s.content.placeholder;return t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"}},{children:["number"==typeof n&&e($,{color:I,height:16,width:16,style:Object.assign({marginRight:2},null!=u?u:{})}),"number"==typeof n&&l&&t(y,Object.assign({style:{color:I}},{children:["neutral"===l?0:n<1e3?n:">999","%"]})),!!h&&e(y,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:`(${x})`})),g&&e(y,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:O}))]}))};export{S as AnalyticsTrend};

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

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+export declare const AnalyticsChipContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    backgroundColor?: string | undefined;
+    width?: string | number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AnalyticsMultiWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MainDropdown: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    height?: string | undefined;
+    bgColor?: string | undefined;
+}, {}, {}>;
+export declare const ItemMenuContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isSelected?: boolean | undefined;
+    isLastItem?: boolean | undefined;
+    isFirstItem?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AnalyticsTrendContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    card: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,113 +1 @@
-import t from"@emotion/styled";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: ${t=>t.backgroundColor};
-	border-radius: 8px;
-	width: ${t=>t.width?t.width:"224.67px"};
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: initial;
-	min-height: 88px;
-	.sub--container {
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-start;
-		gap: 4px;
-		align-items: baseline;
-	}
-`,d=t.div`
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	padding: 0px;
-	gap: 16px;
-	flex-wrap: wrap;
-`,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 {
-			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: ${t=>t.isLastItem?"none":`1px solid ${r.grayscale[200]}`};
-	max-width: 240px;
-	cursor: pointer;
-	background-color: ${t=>t.isSelected?r.positive[50]:r.grayscale.white};
-	&:hover {
-		background-color: ${t=>t.isSelected?"":r.grayscale[50]};
-	}
-	width: 100%;
-	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%;
-	${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;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: 5px;
-		cursor: pointer;
-		:hover {
-			background-color: ${o.surface.hovered};
-		}
-	}
-`,s=t.div`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 32px;
-	height: 32px;
-	background-color: ${o.background.brandLight};
-	border-radius: 4px;
-`;export{e as AnalyticsChipContainer,d as AnalyticsMultiWrapper,a as AnalyticsTrendContainer,s as IconContainer,p as ItemMenuContainer,n as MainDropdown};
+import c from"@emotion/styled/base";import{BASE_COLORS as b,COLORS as X}from"../../constants/Theme.js";import"react/jsx-runtime";import"react";import"react-bootstrap";import"../tooltips/Tooltip.js";import"../TypographyStyle.js";import{StyledDropdown as d}from"../floating-action-button/FloatingActionButton.styles.js";const G=c("div","production"===process.env.NODE_ENV?{target:"e12o03l45"}:{target:"e12o03l45",label:"AnalyticsChipContainer"})("display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:8px;background:",(c=>c.backgroundColor),";border-radius:8px;width:",(c=>c.width?c.width:"224.67px"),";overflow:hidden;text-overflow:ellipsis;white-space:initial;min-height:88px;.sub--container{display:flex;flex-direction:row;justify-content:flex-start;gap:4px;align-items:baseline;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2lEIiwiZmlsZSI6IkNvbW1vblN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJBU0VfQ09MT1JTLCBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFN0eWxlZERyb3Bkb3duIH0gZnJvbSAnLi4vZmxvYXRpbmctYWN0aW9uLWJ1dHRvbic7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NDaGlwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDhweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJhY2tncm91bmRDb2xvcn07XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICcyMjQuNjdweCcpfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuXHRtaW4taGVpZ2h0OiA4OHB4O1xuXHQuc3ViLS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTXVsdGlXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAwcHg7XG5cdGdhcDogMTZweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5tYWluLS1kcm9wZG93bi5zaG93ID4gbWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0cGFkZGluZzogNnB4IDhweDtcblx0XHRnYXA6IDhweDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5cdH1cblx0LmRyb3Bkb3duLW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblx0XHRwYWRkaW5nOiAwIDA7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24uYnRuLXByaW1hcnkge1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdHBhZGRpbmc6IDBweDtcblx0fVxuXHQuc3ViLS1kcm9wZG93biB7XG5cdFx0YnV0dG9uIHtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDA7XG5cdFx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0XHRwYWRkaW5nOiAxMHB4IDYuNjY2N3B4O1xuXHRcdFx0YmFja2dyb3VuZDogbm9uZTtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNMYXN0SXRlbSA/ICdub25lJyA6IGAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX1gfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJycgOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMuY2FyZCA/IDEgOiAwKX1weCBzb2xpZCAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdCR7KHByb3BzKSA9PiBwcm9wcy5jYXJkXHJcbiAgICA/IGBcblx0XHRcdGJveC1zaGFkb3c6IDBweCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0XHRwYWRkaW5nOiAxNnB4IDIwcHg7YFxyXG4gICAgOiAnJ31cblx0Lmljb24tLWhvbGRlciB7XG5cdFx0aGVpZ2h0OiAzMnB4O1xuXHRcdHdpZHRoOiAzMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbW1vblN0eWxlcy5qcy5tYXAiXX0= */")),l=c("div","production"===process.env.NODE_ENV?{target:"e12o03l44"}:{target:"e12o03l44",label:"AnalyticsMultiWrapper"})("production"===process.env.NODE_ENV?{name:"74vbls",styles:"display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:16px;flex-wrap:wrap"}:{name:"74vbls",styles:"display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:16px;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLmlzTGFzdEl0ZW0gPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19YH07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/ICcnIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5cdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxyXG4gICAgPyBgXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdFx0cGFkZGluZzogMTZweCAyMHB4O2BcclxuICAgIDogJyd9XG5cdC5pY29uLS1ob2xkZXIge1xuXHRcdGhlaWdodDogMzJweDtcblx0XHR3aWR0aDogMzJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */",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)."}}),H=c(d,"production"===process.env.NODE_ENV?{target:"e12o03l43"}:{target:"e12o03l43",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 ",b.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{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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNtRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLmlzTGFzdEl0ZW0gPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19YH07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/ICcnIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5cdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxyXG4gICAgPyBgXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdFx0cGFkZGluZzogMTZweCAyMHB4O2BcclxuICAgIDogJyd9XG5cdC5pY29uLS1ob2xkZXIge1xuXHRcdGhlaWdodDogMzJweDtcblx0XHR3aWR0aDogMzJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */")),Z=c("div","production"===process.env.NODE_ENV?{target:"e12o03l42"}:{target:"e12o03l42",label:"ItemMenuContainer"})("display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:4px;border-bottom:",(c=>c.isLastItem?"none":`1px solid ${b.grayscale[200]}`),";max-width:240px;cursor:pointer;background-color:",(c=>c.isSelected?b.positive[50]:b.grayscale.white),";&:hover{background-color:",(c=>c.isSelected?"":b.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"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEU0QyIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLmlzTGFzdEl0ZW0gPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19YH07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/ICcnIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5cdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxyXG4gICAgPyBgXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdFx0cGFkZGluZzogMTZweCAyMHB4O2BcclxuICAgIDogJyd9XG5cdC5pY29uLS1ob2xkZXIge1xuXHRcdGhlaWdodDogMzJweDtcblx0XHR3aWR0aDogMzJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */")),x=c("div","production"===process.env.NODE_ENV?{target:"e12o03l41"}:{target:"e12o03l41",label:"AnalyticsTrendContainer"})("border:",(c=>c.card?1:0),"px solid ",X.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;":"")," .icon--holder{height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer;:hover{background-color:",X.surface.hovered,";}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZrRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLmlzTGFzdEl0ZW0gPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19YH07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/ICcnIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5cdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxyXG4gICAgPyBgXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdFx0cGFkZGluZzogMTZweCAyMHB4O2BcclxuICAgIDogJyd9XG5cdC5pY29uLS1ob2xkZXIge1xuXHRcdGhlaWdodDogMzJweDtcblx0XHR3aWR0aDogMzJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */")),R=c("div","production"===process.env.NODE_ENV?{target:"e12o03l40"}:{target:"e12o03l40",label:"IconContainer"})("display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:",X.background.brandLight,";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUh3QyIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLmlzTGFzdEl0ZW0gPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19YH07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/ICcnIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5cdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxyXG4gICAgPyBgXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdFx0cGFkZGluZzogMTZweCAyMHB4O2BcclxuICAgIDogJyd9XG5cdC5pY29uLS1ob2xkZXIge1xuXHRcdGhlaWdodDogMzJweDtcblx0XHR3aWR0aDogMzJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */"));export{G as AnalyticsChipContainer,l as AnalyticsMultiWrapper,x as AnalyticsTrendContainer,R as IconContainer,Z as ItemMenuContainer,H as MainDropdown};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.d.ts

@@ -1,49 +1,3 @@
-import { TooltipItem, FontSpec } from 'chart';
-
-interface AxisDetailsI {
-	title?: string;
-	titleColor?: string;
-	data: number[];
-	labelColor?: string;
-	ticksCallback?: (value: string) => string;
-	stepSize?: number;
-	max?: number;
-	toolTipCallback?: (value: any) => string;
-}
-
-interface RGBColorI {
-	r: number;
-	g: number;
-	b: number;
-	a?: number;
-}
-
-interface ChartHeadingI {
-	heading: string;
-	color?: string;
-}
-
-interface HorizontalGraphI {
-	graphCanvasHeight?: number;
-	tickColor?: string;
-	labelColor?: string;
-	chartHeading?: ChartHeadingI;
-	xAxis: AxisDetailsI;
-	yAxis: AxisDetailsI;
-	barColorRGBA?: RGBColorI;
-	outerPadding?: string;
-	maintainAspectRatio?: boolean;
-	showTotal?: boolean;
-	tooltipConfig?: {
-		titleCallback?: (toolTipItems: TooltipItem<'bar'>[]) => string | string[];
-		labelCallback?: (toolTipItem: TooltipItem<'bar'>) => string | string[];
-		footerCallback?: (toolTipItems: TooltipItem<'bar'>[]) => string | string[];
-		footerStyles?: {
-			footerFont?: Partial<FontSpec>;
-		};
-	};
-	skipOuterLayout?: boolean;
-	isInternationalStore?: boolean;
-}
-
-export type { AxisDetailsI, ChartHeadingI, HorizontalGraphI, RGBColorI };
+import React from 'react';
+import { HorizontalGraphI } from './HorizontalGraph.d';
+export declare const HorizontalGraph: React.FC<HorizontalGraphI>;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js

@@ -1 +1 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as a,CategoryScale as e,LinearScale as i,BarElement as r,Tooltip as n}from"chart.js";import l from"chartjs-plugin-datalabels";import{Bar as s}from"react-chartjs-2";import{TitleRegular as c}from"../../../TypographyStyle.js";import{COLORS as d,FONTS as p}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as x,truncateValueForIndianStore as g}from"../utils/calcPercentage.js";import{GraphContainerWrapper as m}from"./HorizontalGraph.styles.js";a.register(e,i,r,n,l);const b=a=>{const e=-1===a.xAxis.data.findIndex((t=>0!==t)),i={min:0,max:2e3,stepSize:a.xAxis.stepSize??200},r={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:a.maintainAspectRatio,layout:{padding:{right:a.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!e,callbacks:{label:a.xAxis.toolTipCallback,footer:a.tooltipConfig?.footerCallback},footerFont:a.tooltipConfig?.footerStyles?.footerFont},datalabels:{display:(!e&&a.showTotal)??!1,anchor:"end",align:"end",clamp:!0,formatter:(t,o)=>{const e=o.datasetIndex,i=o.chart.data.datasets;if(e!==i.length-1)return"";const r=o.dataIndex;let n=0;for(let t=0;t<i.length;t++)n+=i[t].data[r]??0;return n?a.isInternationalStore?x(n):g(n):""},color:d.content.secondary}},scales:{y:{title:{display:!!a.yAxis.title,text:a.yAxis.title,color:a.yAxis.titleColor,font:{size:p.caption.fontSize,color:a.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:d.background.base},ticks:{fontSize:p.caption.fontSize,color:a.yAxis.labelColor??d.content.secondary}},x:{title:{display:!!a.xAxis.title,text:a.xAxis.title,color:a.xAxis.titleColor,font:{size:p.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:d.background.base},ticks:{callback:a.xAxis.ticksCallback,fontSize:p.caption.fontSize,color:a.xAxis.labelColor??d.content.secondary,...e?i:{max:a.xAxis.max,stepSize:a.xAxis.stepSize}}}}},n={labels:a.yAxis.data.map((t=>t.toString())),datasets:[{data:e?[250,1e3,800,1500,300,600]:a.xAxis.data,backgroundColor:t=>(t=>{const o=t.chart.ctx.createLinearGradient(0,0,0,200);let i="";if(e)i="rgba(0,0,0,0)";else if(a.barColorRGBA){const t=a.barColorRGBA;i=`rgba(${t.r}, ${t.g}, ${t.b}, ${t.a??"0.3"})`}return o.addColorStop(0,i||"rgba(146, 96, 237, 0.3)"),o.addColorStop(1,i||"rgba(146, 96, 237, 0.3)"),o})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(m,{padding:a.outerPadding,skipOuterLayout:a.skipOuterLayout,children:[a.chartHeading&&o(c,{color:a.chartHeading.color??d.content.secondary,children:a.chartHeading.heading}),o("div",{style:{height:a.maintainAspectRatio?void 0:a.graphCanvasHeight??500},children:o(s,{options:r,data:n})})]})};export{b as HorizontalGraph};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as a,CategoryScale as i,LinearScale as e,BarElement as r,Tooltip as l}from"chart.js";import n from"chartjs-plugin-datalabels";import{Bar as s}from"react-chartjs-2";import{TitleRegular as d}from"../../../TypographyStyle.js";import{COLORS as c,FONTS as p}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as g,truncateValueForIndianStore as x}from"../utils/calcPercentage.js";import{GraphContainerWrapper as b}from"./HorizontalGraph.styles.js";a.register(i,e,r,l,n);const m=a=>{var i,e,r,l,n,m,f,u,y;const h=-1===a.xAxis.data.findIndex((t=>0!==t)),A={min:0,max:2e3,stepSize:null!==(i=a.xAxis.stepSize)&&void 0!==i?i:200},v={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:a.maintainAspectRatio,layout:{padding:{right:a.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!h,callbacks:{label:a.xAxis.toolTipCallback,footer:null===(e=a.tooltipConfig)||void 0===e?void 0:e.footerCallback},footerFont:null===(l=null===(r=a.tooltipConfig)||void 0===r?void 0:r.footerStyles)||void 0===l?void 0:l.footerFont},datalabels:{display:null!==(n=!h&&a.showTotal)&&void 0!==n&&n,anchor:"end",align:"end",clamp:!0,formatter:(t,o)=>{var i;const e=o.datasetIndex,r=o.chart.data.datasets;if(e!==r.length-1)return"";const l=o.dataIndex;let n=0;for(let t=0;t<r.length;t++)n+=null!==(i=r[t].data[l])&&void 0!==i?i:0;return n?a.isInternationalStore?g(n):x(n):""},color:c.content.secondary}},scales:{y:{title:{display:!!a.yAxis.title,text:a.yAxis.title,color:a.yAxis.titleColor,font:{size:p.caption.fontSize,color:a.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:p.caption.fontSize,color:null!==(m=a.yAxis.labelColor)&&void 0!==m?m:c.content.secondary}},x:{title:{display:!!a.xAxis.title,text:a.xAxis.title,color:a.xAxis.titleColor,font:{size:p.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign({callback:a.xAxis.ticksCallback,fontSize:p.caption.fontSize,color:null!==(f=a.xAxis.labelColor)&&void 0!==f?f:c.content.secondary},h?A:{max:a.xAxis.max,stepSize:a.xAxis.stepSize})}}},C={labels:a.yAxis.data.map((t=>t.toString())),datasets:[{data:h?[250,1e3,800,1500,300,600]:a.xAxis.data,backgroundColor:t=>(t=>{var o;const i=t.chart.ctx.createLinearGradient(0,0,0,200);let e="";if(h)e="rgba(0,0,0,0)";else if(a.barColorRGBA){const t=a.barColorRGBA;e=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return i.addColorStop(0,e||"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,e||"rgba(146, 96, 237, 0.3)"),i})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(b,Object.assign({padding:a.outerPadding,skipOuterLayout:a.skipOuterLayout},{children:[a.chartHeading&&o(d,Object.assign({color:null!==(u=a.chartHeading.color)&&void 0!==u?u:c.content.secondary},{children:a.chartHeading.heading})),o("div",Object.assign({style:{height:a.maintainAspectRatio?void 0:null!==(y=a.graphCanvasHeight)&&void 0!==y?y:500}},{children:o(s,{options:v,data:C})}))]}))};export{m as HorizontalGraph};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {
+    padding?: string | undefined;
+    skipOuterLayout?: boolean | undefined;
+}, never>;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.js

@@ -1,4 +1,4 @@
-import o from"styled-components";import{COLORS as t}from"../../../../constants/Theme.js";const r=o.div`
-	background-color: ${o=>o.skipOuterLayout?"transparent":t.surface.standard};
-	padding: ${o=>o.padding??"24px"};
-`;export{r as GraphContainerWrapper};
+import r from"styled-components";import{COLORS as o}from"../../../../constants/Theme.js";const t=r.div`
+	background-color: ${r=>r.skipOuterLayout?"transparent":o.surface.standard};
+	padding: ${r=>{var o;return null!==(o=r.padding)&&void 0!==o?o:"24px"}};
+`;export{t as GraphContainerWrapper};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface LegendData {
+    color: string;
+    text: string;
+}
+export declare const Legend: React.FC<LegendData>;

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

@@ -1,19 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"@emotion/styled";import{BodyPrimary as o}from"../../../TypographyStyle.js";const i=t.div`
-	display: flex;
-	align-items: center;
-	flex-direction: row;
-	flex: 1;
-
-	.color {
-		width: 12px;
-		height: 12px;
-		border-radius: 20px;
-	}
-
-	.title {
-		color: #474747;
-		margin-left: 12px;
-		margin-right: 12px;
-		flex: 1;
-	}
-`,l=({color:t,text:l})=>{return r(i,{children:[e("div",{className:"color",style:{backgroundColor:t}}),e(o,{className:"title",children:(a=l,a.charAt(0).toUpperCase()+a.slice(1))})]});var a};export{l as Legend};
+import c from"@emotion/styled/base";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{BodyPrimary as l}from"../../../TypographyStyle.js";const o=c("div","production"===process.env.NODE_ENV?{target:"e1y33sa70"}:{target:"e1y33sa70",label:"LegendStyled"})("production"===process.env.NODE_ENV?{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}"}:{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6IkxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5jb25zdCBMZWdlbmRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleDogMTtcblxuXHQuY29sb3Ige1xuXHRcdHdpZHRoOiAxMnB4O1xuXHRcdGhlaWdodDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHR9XG5cblx0LnRpdGxlIHtcblx0XHRjb2xvcjogIzQ3NDc0Nztcblx0XHRtYXJnaW4tbGVmdDogMTJweDtcblx0XHRtYXJnaW4tcmlnaHQ6IDEycHg7XG5cdFx0ZmxleDogMTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7IGNvbG9yLCB0ZXh0IH0pID0+IHtcclxuICAgIGNvbnN0IHRvVXBwZXJDYXNlID0gKG5hbWUpID0+IHtcclxuICAgICAgICByZXR1cm4gbmFtZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIG5hbWUuc2xpY2UoMSk7XHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIChfanN4cyhMZWdlbmRTdHlsZWQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiAnY29sb3InLCBzdHlsZTogeyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yIH0gfSksIF9qc3goQm9keVByaW1hcnksIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICd0aXRsZScgfSwgeyBjaGlsZHJlbjogdG9VcHBlckNhc2UodGV4dCkgfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxlZ2VuZC5qcy5tYXAiXX0= */",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)."}}),i=c=>{let{color:i,text:a}=c;return t(o,{children:[e("div",{className:"color",style:{backgroundColor:i}}),e(l,Object.assign({className:"title"},{children:(r=a,r.charAt(0).toUpperCase()+r.slice(1))}))]});var r};export{i as Legend};