@bikdotai/bik-component-library 0.0.13-beta.21 → 0.0.13-beta.26

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TooltipPlacement } from '../tooltips/CustomisedTooltip';
+export interface AnalyticsChipInterface {
+    title: string;
+    primaryValue: string;
+    backgroundColor?: string;
+    captionColor?: string;
+    titleColor?: string;
+    width?: number;
+    extraJSX?: JSX.Element;
+    titleIcon?: boolean;
+    tooltipContent?: JSX.Element;
+    toolTipPlacement?: TooltipPlacement;
+}
+export declare const AnalyticsChip: React.FC<AnalyticsChipInterface>;

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

@@ -0,0 +1 @@
+import{jsxs as o,jsx as t,Fragment as r}from"react/jsx-runtime";import e from"../../assets/icons/info.svg.js";import{BASE_COLORS as i}from"../../constants/Theme.js";import{CustomisedTooltip as s,TooltipPlacement as l}from"../tooltips/CustomisedTooltip.js";import{BodyCaption as n,TitleLarge as c}from"../TypographyStyle.js";import{AnalyticsChipContainer as a}from"./CommonStyles.js";const m=m=>{const{title:p,primaryValue:g,titleColor:h,captionColor:d=i.grayscale[700],backgroundColor:j=i.grayscale[50],width:y=224.67,extraJSX:C,titleIcon:b,tooltipContent:f,toolTipPlacement:u}=m;return o(a,Object.assign({backgroundColor:j,width:y},{children:[o("div",Object.assign({className:"sub--container"},{children:[t(n,Object.assign({style:{color:d}},{children:p})),b&&t(s,{tooltipContent:f||t(r,{}),tooltipTriggerContent:t("div",{children:t(e,{height:14.67,width:14.67,color:i.grayscale[500]})}),tooltipPlacement:u||l.Right,showOnHover:!0})]})),t(c,Object.assign({style:{color:h}},{children:g})),C]}))};export{m as AnalyticsChip};

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

@@ -0,0 +1,31 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+import React from 'react';
+export interface DropdownOptions {
+    label: string;
+    value: string;
+    key: string | number;
+    isCustom?: boolean;
+    dateRangeSelectionOptions?: {
+        selectRange: boolean;
+        selectedDates?: Date[];
+        selectedDate?: Date;
+        minDate?: Date;
+        maxDate?: Date;
+    };
+}
+export interface AnalyticsDropdownInterface {
+    options: DropdownOptions[];
+    selected?: DropdownOptions;
+    placeholder?: string;
+    onOptionSelected: (chosen: DropdownOptions & {
+        selectedDate?: Date;
+        selectedRange?: [Date, Date];
+    }) => void;
+}
+export declare const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface>;
+export declare const EachItem: React.FC<{
+    eachOption: DropdownOptions;
+    selectedOption: DropdownOptions | undefined;
+    selectedDate: Date[] | undefined;
+    onClickingEachItem: (optionSelected: DropdownOptions) => void;
+}>;

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

@@ -0,0 +1 @@
+import{jsx as e,Fragment as o,jsxs as n}from"react/jsx-runtime";import{useState as t}from"react";import{Dropdown as l}from"react-bootstrap";import{BASE_COLORS as i}from"../../constants/Theme.js";import{DatePicker as s}from"../datePicker/DatePicker.js";import{BodySecondary as a,BodyCaption as c}from"../TypographyStyle.js";import{MainDropdown as d,ItemMenuContainer as r}from"./CommonStyles.js";const m=i=>{let{options:c,placeholder:r="Select an option",selected:m,onOptionSelected:u}=i;var v,h;const[O,b]=t(!1),[j,y]=t(m),[k,S]=t(),[w,D]=t(!1),R=()=>{!O&&D(!w)};return e(o,{children:n(d,Object.assign({drop:"down",show:w,onToggle:R},{children:[e(l.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown"},{children:e(a,{children:(null==j?void 0:j.isCustom)?k?`${p(k[0])} to ${p(k[1])}`:r:j?null==j?void 0:j.label:r})})),e(l.Menu,Object.assign({className:"main--dropdown"},{children:n(d,Object.assign({drop:"end",id:"sub--dropdown",show:O,onToggle:e=>{!e&&D(!1),b(!O)}},{children:[c.map((o=>e("div",{children:(null==o?void 0:o.isCustom)?e(l.Toggle,Object.assign({className:"sub--dropdown"},{children:e(g,{eachOption:o,selectedOption:j,selectedDate:k,onClickingEachItem:e=>{y(e),b(!0)}})})):e(g,{eachOption:o,selectedOption:j,selectedDate:k,onClickingEachItem:e=>{y(e),R(),u(e)}})},null==o?void 0:o.key))),e(l.Menu,Object.assign({className:"sub--dropdown"},{children:e(s,{selectRange:(null===(v=null==j?void 0:j.dateRangeSelectionOptions)||void 0===v?void 0:v.selectRange)||!1,maxDate:null===(h=null==j?void 0:j.dateRangeSelectionOptions)||void 0===h?void 0:h.maxDate,selectedDates:k,onSelectRange:(e,o)=>{var n;(null===(n=null==j?void 0:j.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)&&u(Object.assign(Object.assign({},j),{selectedRange:[e,o]})),b(!1);S([e,o]),D(!w)},onSelectDate:e=>{var o;!(null===(o=null==j?void 0:j.dateRangeSelectionOptions)||void 0===o?void 0:o.selectRange)&&u(Object.assign(Object.assign({},j),{selectedDate:e||new Date})),b(!1),S([e]),D(!w)}})}))]}))}))]}))})},g=o=>{let{eachOption:t,selectedOption:l,selectedDate:s,onClickingEachItem:d}=o;return n(r,Object.assign({onClick:()=>d(t),isSelected:t.isCustom?t.key==(null==l?void 0:l.key)&&!!s:t.key==(null==l?void 0:l.key)},{children:[e(a,Object.assign({color:t.key==(null==l?void 0:l.key)?i.positive[900]:i.grayscale[900]},{children:t.label})),s&&(null==l?void 0:l.isCustom)&&t.key==(null==l?void 0:l.key)&&e(c,{children:`${p(s[0])} to ${p(s[1])}`})]}),t.key)},p=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{m as AnalyticsDropdown,g as EachItem};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AnalyticsChipInterface } from './AnalyticsChip';
+export declare const AnalyticsMultiChip: React.FC<{
+    chipDetails: AnalyticsChipInterface[];
+}>;

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

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

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

@@ -0,0 +1,32 @@
+/// <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?: 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;
+}, {}, {}>;
+export declare const ItemMenuContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isSelected?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{BASE_COLORS as b}from"../../constants/Theme.js";import"react/jsx-runtime";import"react";import"react-bootstrap";import"../tooltips/CustomisedTooltip.js";import{StyledDropdown as d}from"../floating-action-button/FloatingActionButton.styles.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e12o03l43"}:{target:"e12o03l43",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.67),"px;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2lEIiwiZmlsZSI6IkNvbW1vblN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJBU0VfQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMjQuNjcpfXB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0d2hpdGUtc3BhY2U6IGluaXRpYWw7XG5cdG1pbi1oZWlnaHQ6IDg4cHg7XG5cdC5zdWItLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRnYXA6IDRweDtcblx0XHRhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNdWx0aVdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDBweDtcblx0Z2FwOiAxNnB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgTWFpbkRyb3Bkb3duID0gc3R5bGVkKFN0eWxlZERyb3Bkb3duKSBgXG5cdC5tYWluLS1kcm9wZG93bi5kcm9wZG93bi10b2dnbGU6OmFmdGVyIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5kcm9wZG93bi10b2dnbGU6OmJlZm9yZSB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6aG92ZXIsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTphY3RpdmUsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpmb2N1cyxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSxcblx0Lm1haW4tLWRyb3Bkb3duLnNob3cgPiBtYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwYWRkaW5nOiA2cHggOHB4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlLndoaXRlfTtcblx0Omxhc3QtY2hpbGQge1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmUgIWltcG9ydGFudDtcblx0fVxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVs1MF19O1xuXHR9XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */")),l=c("div","production"===process.env.NODE_ENV?{target:"e12o03l42"}:{target:"e12o03l42",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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuXHRtaW4taGVpZ2h0OiA4OHB4O1xuXHQuc3ViLS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTXVsdGlXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAwcHg7XG5cdGdhcDogMTZweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5tYWluLS1kcm9wZG93bi5zaG93ID4gbWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0cGFkZGluZzogNnB4IDhweDtcblx0XHRnYXA6IDhweDtcblx0fVxuXHQuZHJvcGRvd24tbWVudSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXHRcdHBhZGRpbmc6IDAgMDtcblx0fVxuXHQuc3ViLS1kcm9wZG93bi5idG4tcHJpbWFyeSB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0cGFkZGluZzogMHB4O1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duIHtcblx0XHRidXR0b24ge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRcdHBhZGRpbmc6IDEwcHggNi42NjY3cHg7XG5cdFx0XHRiYWNrZ3JvdW5kOiBub25lO1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHRib3JkZXI6IG5vbmU7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSXRlbU1lbnVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA0cHg7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdDpsYXN0LWNoaWxkIHtcblx0XHRib3JkZXItYm90dG9tOiBub25lICFpbXBvcnRhbnQ7XG5cdH1cblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbW1vblN0eWxlcy5qcy5tYXAiXX0= */",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)."}}),G=c(d,"production"===process.env.NODE_ENV?{target:"e12o03l41"}:{target:"e12o03l41",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;}.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNtRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuXHRtaW4taGVpZ2h0OiA4OHB4O1xuXHQuc3ViLS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTXVsdGlXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAwcHg7XG5cdGdhcDogMTZweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5tYWluLS1kcm9wZG93bi5zaG93ID4gbWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0cGFkZGluZzogNnB4IDhweDtcblx0XHRnYXA6IDhweDtcblx0fVxuXHQuZHJvcGRvd24tbWVudSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXHRcdHBhZGRpbmc6IDAgMDtcblx0fVxuXHQuc3ViLS1kcm9wZG93bi5idG4tcHJpbWFyeSB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0cGFkZGluZzogMHB4O1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duIHtcblx0XHRidXR0b24ge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRcdHBhZGRpbmc6IDEwcHggNi42NjY3cHg7XG5cdFx0XHRiYWNrZ3JvdW5kOiBub25lO1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHRib3JkZXI6IG5vbmU7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSXRlbU1lbnVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA0cHg7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdDpsYXN0LWNoaWxkIHtcblx0XHRib3JkZXItYm90dG9tOiBub25lICFpbXBvcnRhbnQ7XG5cdH1cblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbW1vblN0eWxlcy5qcy5tYXAiXX0= */")),Z=c("div","production"===process.env.NODE_ENV?{target:"e12o03l40"}:{target:"e12o03l40",label:"ItemMenuContainer"})("display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:4px;border-bottom:1px solid ",b.grayscale[200],";max-width:240px;cursor:pointer;background-color:",(c=>c.isSelected?b.positive[50]:b.grayscale.white),";:last-child{border-bottom:none!important;}&:hover{background-color:",b.grayscale[50],";}width:100%;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkU0QyIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuXHRtaW4taGVpZ2h0OiA4OHB4O1xuXHQuc3ViLS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTXVsdGlXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAwcHg7XG5cdGdhcDogMTZweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5tYWluLS1kcm9wZG93bi5zaG93ID4gbWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0cGFkZGluZzogNnB4IDhweDtcblx0XHRnYXA6IDhweDtcblx0fVxuXHQuZHJvcGRvd24tbWVudSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXHRcdHBhZGRpbmc6IDAgMDtcblx0fVxuXHQuc3ViLS1kcm9wZG93bi5idG4tcHJpbWFyeSB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0cGFkZGluZzogMHB4O1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duIHtcblx0XHRidXR0b24ge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRcdHBhZGRpbmc6IDEwcHggNi42NjY3cHg7XG5cdFx0XHRiYWNrZ3JvdW5kOiBub25lO1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHRib3JkZXI6IG5vbmU7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSXRlbU1lbnVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA0cHg7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdDpsYXN0LWNoaWxkIHtcblx0XHRib3JkZXItYm90dG9tOiBub25lICFpbXBvcnRhbnQ7XG5cdH1cblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbW1vblN0eWxlcy5qcy5tYXAiXX0= */"));export{X as AnalyticsChipContainer,l as AnalyticsMultiWrapper,Z as ItemMenuContainer,G as MainDropdown};

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

@@ -0,0 +1,3 @@
+export * from './AnalyticsChip';
+export * from './AnalyticsDropdown';
+export * from './AnalyticsMultiChip';

package/dist/esm/components/avatar/Avatar.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from "./AvatarHelper";
+export declare const AVATAR_SIZE_VS_ICON_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};
+export declare const BACKGROUND_VS_TEXT_COLOR_MAP: {
+    LIGHT: string;
+    DARK: string;
+};
+export type AvatarProps = {
+    type: AVATAR_TYPES;
+    size: SIZE;
+    background: AVATAR_BACKGROUND;
+    name?: string;
+    photoUrl?: string;
+    icon?: React.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+};
+export declare const Avatar: React.FC<AvatarProps>;

package/dist/esm/components/avatar/Avatar.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{AvatarStyle as t}from"./Avatar.styled.js";import{SIZE as o,AVATAR_BACKGROUND as s,AVATAR_TYPES as i,AVATAR_SIZE_MAP as c}from"./AvatarHelper.js";import{BodyTiny as n,TitleSmall as a,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";const p={[o.SMALL]:16,[o.MEDIUM]:20,[o.LARGE]:32},h={[s.LIGHT]:l.content.secondary,[s.DARK]:l.surface.standard},m=s=>e(t,Object.assign({size:s.size,background:s.background},{children:[s.type===i.IMAGE&&r("img",{alt:"",width:c[s.size],height:c[s.size],style:{borderRadius:"50%"},src:s.photoUrl}),s.type===i.INITIALS&&r("div",{children:(()=>{const e=(s.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return s.size===o.SMALL?r(n,Object.assign({style:{color:h[s.background]}},{children:e})):s.size===o.MEDIUM?r(a,Object.assign({style:{color:h[s.background]}},{children:e})):s.size===o.LARGE?r(d,Object.assign({style:{color:h[s.background]}},{children:e})):void 0})()}),s.type===i.ICON&&s.icon&&r(s.icon,{width:p[s.size],height:p[s.size],color:h[s.background]})]}));export{p as AVATAR_SIZE_VS_ICON_SIZE_MAP,m as Avatar,h as BACKGROUND_VS_TEXT_COLOR_MAP};

package/dist/esm/components/avatar/Avatar.styled.d.ts

@@ -0,0 +1,5 @@
+import { AVATAR_BACKGROUND, SIZE } from "./AvatarHelper";
+export declare const AvatarStyle: import("styled-components").StyledComponent<"div", any, {
+    size: SIZE;
+    background: AVATAR_BACKGROUND;
+}, never>;

package/dist/esm/components/avatar/Avatar.styled.js

@@ -0,0 +1,10 @@
+import r from"styled-components";import{AVATAR_SIZE_MAP as e,AVATAR_BACKGROUND as o}from"./AvatarHelper.js";import{COLORS as t}from"../../constants/Theme.js";const s=r.div`
+	width: ${r=>e[r.size]+"px"};
+	height: ${r=>e[r.size]+"px"};
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-color: ${r=>r.background===o.LIGHT?t.background.base:t.background.inverse};
+	border: ${r=>r.background===o.LIGHT?"1px solid "+t.stroke.primary:0};
+	border-radius: 50%;
+`;export{s as AvatarStyle};

package/dist/esm/components/avatar/AvatarHelper.d.ts

@@ -0,0 +1,19 @@
+export declare enum AVATAR_TYPES {
+    IMAGE = "IMAGE",
+    INITIALS = "INITIALS",
+    ICON = "ICON"
+}
+export declare enum SIZE {
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE"
+}
+export declare enum AVATAR_BACKGROUND {
+    LIGHT = "LIGHT",
+    DARK = "DARK"
+}
+export declare const AVATAR_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};

package/dist/esm/components/avatar/AvatarHelper.js

@@ -0,0 +1 @@
+var I,L,A;!function(I){I.IMAGE="IMAGE",I.INITIALS="INITIALS",I.ICON="ICON"}(I||(I={})),function(I){I.SMALL="SMALL",I.MEDIUM="MEDIUM",I.LARGE="LARGE"}(L||(L={})),function(I){I.LIGHT="LIGHT",I.DARK="DARK"}(A||(A={}));const M={[L.SMALL]:24,[L.MEDIUM]:40,[L.LARGE]:64};export{A as AVATAR_BACKGROUND,M as AVATAR_SIZE_MAP,I as AVATAR_TYPES,L as SIZE};

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
+export type CurtainProps = {
+    type: CURTAIN_TYPES;
+    mode: CURTAIN_MODE;
+    text: string;
+    icon?: React.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    actionButtonText?: string;
+    actionButtonClickHandler?: () => void;
+    hideCrossIcon?: boolean;
+    onCloseHandler?: () => void;
+    strokeAtTop?: boolean;
+    strokeAtBottom?: boolean;
+};
+export declare const Curtain: React.FC<CurtainProps>;

package/dist/esm/components/curtain/Curtain.js

@@ -0,0 +1 @@
+import{jsx as o,Fragment as t,jsxs as e}from"react/jsx-runtime";import{useState as r}from"react";import{CurtainStyle as n}from"./Curtain.styled.js";import{COLOR_CONFIG_MAP as s,CURTAIN_MODE as i}from"./CurtainHelper.js";import{BodySecondary as c,BodySecondaryLink as l}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import a from"../../assets/icons/cross.svg.js";const p=p=>{const[d,h]=r(!1);if(d)return o(t,{});return e(n,Object.assign({mode:p.mode,type:p.type,strokeAtTop:p.strokeAtTop,strokeAtBottom:p.strokeAtBottom},{children:[p.icon&&o(p.icon,{color:s[p.mode][p.type].textColor,height:16,width:16}),o(c,Object.assign({style:{color:s[p.mode][p.type].textColor,marginLeft:8}},{children:p.text})),p.actionButtonText&&o(l,Object.assign({onClick:p.actionButtonClickHandler,style:{color:p.mode===i.DARK?s[p.mode][p.type].textColor:m.content.brand,marginLeft:16,textDecoration:"underline"}},{children:p.actionButtonText})),!p.hideCrossIcon&&o(a,{onClick:()=>{h(!0),p.onCloseHandler&&p.onCloseHandler()},style:{position:"absolute",right:16},cursor:"pointer",height:20,width:20,color:s[p.mode][p.type].crossIconColor})]}))};export{p as Curtain};

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

@@ -0,0 +1,7 @@
+import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
+export declare const CurtainStyle: import("styled-components").StyledComponent<"div", any, {
+    mode: CURTAIN_MODE;
+    type: CURTAIN_TYPES;
+    strokeAtTop?: boolean | undefined;
+    strokeAtBottom?: boolean | undefined;
+}, never>;

package/dist/esm/components/curtain/Curtain.styled.js

@@ -0,0 +1,14 @@
+import o from"styled-components";import{COLOR_CONFIG_MAP as t}from"./CurtainHelper.js";const e=o.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	padding: 8px 16px;
+	background-color: ${o=>t[o.mode][o.type].backgroundColor};
+	border-top: ${o=>o.strokeAtTop?"1px solid "+t[o.mode][o.type].strokeColor:0};
+	border-bottom: ${o=>o.strokeAtBottom?"1px solid "+t[o.mode][o.type].strokeColor:0};
+	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
+	width: 100%;
+	position: absolute;
+	top: 0;
+	z-index: 1;
+`;export{e as CurtainStyle};

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

@@ -0,0 +1,72 @@
+export declare enum CURTAIN_TYPES {
+    NEGATIVE = "Negative",
+    WARNING = "Warning",
+    POSITIVE = "Positive",
+    NEUTRAL = "Neutral",
+    SPECIAL = "Special"
+}
+export declare enum CURTAIN_MODE {
+    LIGHT = "LIGHT",
+    DARK = "DARK"
+}
+export declare const COLOR_CONFIG_MAP: {
+    DARK: {
+        Negative: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+        };
+        Warning: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+        };
+        Positive: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+        };
+        Neutral: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+        };
+        Special: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+        };
+    };
+    LIGHT: {
+        Negative: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+            strokeColor: string;
+        };
+        Warning: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+            strokeColor: string;
+        };
+        Positive: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+            strokeColor: string;
+        };
+        Neutral: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+            strokeColor: string;
+        };
+        Special: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+            strokeColor: string;
+        };
+    };
+};

package/dist/esm/components/curtain/CurtainHelper.js

@@ -0,0 +1 @@
+import{COLORS as o}from"../../constants/Theme.js";var r,n;!function(o){o.NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.SPECIAL="Special"}(r||(r={})),function(o){o.LIGHT="LIGHT",o.DARK="DARK"}(n||(n={}));const t={[n.DARK]:{[r.NEGATIVE]:{backgroundColor:o.background.negative.vibrant,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.WARNING]:{backgroundColor:o.background.warning.vibrant,textColor:o.content.primary,crossIconColor:o.content.secondary},[r.POSITIVE]:{backgroundColor:o.background.positive.vibrant,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.NEUTRAL]:{backgroundColor:o.background.inverse,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.SPECIAL]:{backgroundColor:o.background.inverse,textColor:o.surface.standard,crossIconColor:o.surface.standard}},[n.LIGHT]:{[r.NEGATIVE]:{backgroundColor:o.background.negative.light,textColor:o.content.negative,crossIconColor:o.content.secondary,strokeColor:o.stroke.negative.lightAlt},[r.WARNING]:{backgroundColor:o.background.warning.light,textColor:o.content.warning,crossIconColor:o.content.secondary,strokeColor:o.stroke.warning.lightAlt},[r.POSITIVE]:{backgroundColor:o.background.positive.light,textColor:o.content.positive,crossIconColor:o.content.secondary,strokeColor:o.stroke.positive.lightAlt},[r.NEUTRAL]:{backgroundColor:o.surface.subdued,textColor:o.content.secondary,crossIconColor:o.content.secondary,strokeColor:o.stroke.primary},[r.SPECIAL]:{backgroundColor:o.background.brandLight,textColor:o.content.primary,crossIconColor:o.content.secondary,strokeColor:o.stroke.brandLightAlt}}};export{t as COLOR_CONFIG_MAP,n as CURTAIN_MODE,r as CURTAIN_TYPES};

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

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

package/dist/esm/components/datePicker/DatePicker.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-import { CalendarProps } from 'react-calendar';
-import { CSSProperties } from 'styled-components';
-declare const DatePicker: React.FC<{
-    val?: Date | Date[];
-    onChange: (val: Date | Date[]) => void;
-    calendarProps?: CalendarProps;
-    pickerStyles?: CSSProperties;
-    nativeID?: string;
-    disabled?: boolean;
-}>;
-export default DatePicker;
+export type DatePickerProps = {
+    selectRange: boolean;
+    selectedDates?: Date[];
+    selectedDate?: Date;
+    onSelectRange: (startDate: Date, endDate: Date) => void;
+    onSelectDate: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+};
+export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/esm/components/datePicker/DatePicker.js

@@ -1 +1 @@
-import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import o,{useState as a}from"react";import n from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DateBtn as m,PickerContainer as u}from"./DatePicker.styled.js";const g=g=>{let{val:D,onChange:v,calendarProps:b,disabled:p,pickerStyles:y,nativeID:f}=g;var h,S,j,w;const[C,k]=a(!1),L=o.createRef();return i(L,(()=>{k(!1)})),t(e,{children:[t(m,Object.assign({id:f,bgColor:p?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>k(!C)},{children:[r(d,Object.assign({style:{color:p?s.content.inactive:s.content.secondary,flex:1}},{children:D?Array.isArray(D)?(null===(h=null==D?void 0:D[0])||void 0===h?void 0:h.toString())&&(null===(S=null==D?void 0:D[1])||void 0===S?void 0:S.toString())?`${new Date(null===(j=null==D?void 0:D[0])||void 0===j?void 0:j.toString()).toLocaleDateString()}-${new Date(null===(w=null==D?void 0:D[1])||void 0===w?void 0:w.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(D.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),r(c,{width:20,height:20,color:p?s.content.inactive:s.content.secondary})]})),C&&!p&&r(u,Object.assign({ref:L,style:Object.assign({},y),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(n,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:t=>{v(t),k(!1)},value:D?Array.isArray(D)?2===D.length?[new Date(D[0]),new Date(D[1])]:null:new Date(D):null},b))}))]})};export{g as default};
+import{jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import a from"react-calendar";import{PickerContainer as n}from"./DatePicker.styled.js";const c=c=>{const[r,s]=t(c.selectedDates),[l,o]=t(c.selectedDate);return e(n,Object.assign({selectRange:c.selectRange},{children:e(a,{onChange:e=>{c.selectRange?(c.onSelectRange(e[0],e[1]),s([e[0],e[1]])):(c.onSelectDate(e),o(e))},value:c.selectRange?r:l,selectRange:c.selectRange,minDate:c.minDate,maxDate:c.maxDate})}))};export{c as DatePicker};

package/dist/esm/components/datePicker/DatePicker.styled.d.ts

@@ -1,11 +1,8 @@
-export declare const DateBtn: import("styled-components").StyledComponent<"div", any, {
-    bgColor: string;
-    borderColor: string;
-}, never>;
-export declare const PickerContainer: import("styled-components").StyledComponent<"div", any, {
-    bgColor: string;
-    borderColor: string;
-    brandColor: string;
-    subDued: string;
-    contentPrimary: string;
-}, never>;
+/// <reference types="react" />
+import 'react-calendar/dist/Calendar.css';
+export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selectRange: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/datePicker/DatePicker.styled.js

@@ -1,68 +1 @@
-import o from"styled-components";const r=o.div`
-	display: flex;
-	padding: 5px 8px;
-	background: ${o=>o.bgColor};
-	border-width: 1px;
-	border-style: solid;
-	border-color: ${o=>o.borderColor};
-	border-radius: 4px;
-	flex-direction: row;
-	align-items: center;
-
-	position: relative;
-`,e=o.div`
-	position: absolute;
-	top: calc(100% + 8px);
-	zindex: 9;
-	.custom__calendar {
-		background: ${o=>o.bgColor};
-		border-width: 1px;
-		border-style: solid;
-		border-color: ${o=>o.borderColor};
-		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
-		border-radius: 4px;
-	}
-
-	.custom__tile:hover,
-	.custom__tile:focus,
-	.react-calendar__tile--active {
-		background: ${o=>o.brandColor};
-	}
-
-	.react-calendar__month-view__weekdays__weekday {
-		font-family: 'Inter';
-		font-style: normal;
-		overflow: hidden;
-		font-weight: 600;
-		font-size: 14px;
-		line-height: 20px;
-		color: ${o=>o.contentPrimary};
-
-		abbr[title] {
-			text-decoration: none !important;
-		}
-	}
-
-	.react-calendar__month-view__weekdays {
-		background: ${o=>o.subDued};
-	}
-
-	.react-calendar__navigation {
-		display: flex;
-		padding: 12px 20px;
-
-		button {
-			border: 0;
-			background: transparent;
-		}
-
-		.react-calendar__navigation__arrow
-			react-calendar__navigation__prev2-button {
-			font-size: 20px;
-		}
-
-		.react-calendar__navigation__arrow react-calendar__navigation__prev-button {
-			font-size: 20px;
-		}
-	}
-`;export{r as DateBtn,e as PickerContainer};
+import c from"@emotion/styled/base";import"react-calendar/dist/Calendar.css";import{COLORS as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e1wgjc5p0"}:{target:"e1wgjc5p0",label:"PickerContainer"})("position:relative;z-index:99999;.react-calendar{background:",d.text.white,";border-width:1px;border-style:solid;border-color:",d.text.white,";box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;color:",d.text.primary,";&--selectRange{.react-calendar{&__year-view{.react-calendar__tile--hover{background-color:unset;}}&__month-view{.react-calendar__tile--hover{background-color:",d.background.brandLight,";}}}}.react-calendar{&__tile{transition:all 0.25s;&:enabled:hover{background-color:",d.surface.hovered,";border-radius:4px;}&--hasActive:enabled:hover,&--hasActive:enabled:focus{background:",d.background.brand,";color:",d.text.white,";}&.react-calendar__tile{&--range{&:enabled:hover{border-radius:0;}}&--rangeStart{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;background:",d.background.brand,";color:",d.text.white,";&:enabled:hover{border-top-right-radius:0;background:",d.background.brand,";border-color:",d.background.brand,";border-bottom-right-radius:0;}&.react-calendar__tile--rangeEnd{",(c=>(c=>c.selectRange?"\n      border-top-right-radius: 0 !important;\n      border-bottom-right-radius: 0 !important;\n    ":"\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n    ")(c))," border-top-left-radius:4px;border-bottom-left-radius:4px;&:enabled:hover{background:",d.background.brand,";border-color:",d.background.brand,";border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;}}}&--rangeEnd{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;background:",d.background.brand,";color:",d.text.white,";&:enabled:hover{border-top-left-radius:0;background:",d.background.brand,";border-color:",d.background.brand,";border-bottom-left-radius:0;}}}}}.react-calendar__tile--active{background:",d.background.brandLight,";color:",d.text.primary,";}.react-calendar__tile--now{background:",d.text.white,";border-radius:4px;border-color:",d.background.brand,";border-style:solid;border-width:1px;}.react-calendar__month-view__weekdays__weekday{font-style:normal;overflow:hidden;font-weight:600;font-size:14px;line-height:20px;color:",d.text.primary,";abbr[title]{text-decoration:none!important;}}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:",d.background.brandLight,";border-radius:4px;}.react-calendar__month-view__weekends{color:",d.text.primary,";}.react-calendar__month-view__days__day--weekend{color:",d.text.primary,";}.react-calendar__month-view__weekdays{background:",d.surface.subdued,";}.react-calendar__navigation{display:flex;padding:12px 20px;button{border:0!important;background:transparent!important;}.react-calendar__navigation__arrow react-calendar__navigation__prev2-button{font-size:20px;}.react-calendar__navigation__arrow react-calendar__navigation__prev-button{font-size:20px;}}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVQaWNrZXIuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEMiLCJmaWxlIjoiRGF0ZVBpY2tlci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCAncmVhY3QtY2FsZW5kYXIvZGlzdC9DYWxlbmRhci5jc3MnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IGdlbmVyYXRlQm9yZGVyUmFkaXVzID0gKHByb3BzKSA9PiB7XHJcbiAgICBpZiAocHJvcHMuc2VsZWN0UmFuZ2UpIHtcclxuICAgICAgICByZXR1cm4gYFxuICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwICFpbXBvcnRhbnQ7XG4gICAgYDtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICAgIHJldHVybiBgXG4gICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4O1xuICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDRweDtcbiAgICBgO1xyXG4gICAgfVxyXG59O1xyXG5leHBvcnQgY29uc3QgUGlja2VyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0ei1pbmRleDogOTk5OTk7XG5cblx0LnJlYWN0LWNhbGVuZGFyIHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy50ZXh0LndoaXRlfTtcblx0XHRib3JkZXItd2lkdGg6IDFweDtcblx0XHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRcdGJvcmRlci1jb2xvcjogJHtDT0xPUlMudGV4dC53aGl0ZX07XG5cdFx0Ym94LXNoYWRvdzogMHB4IDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKTtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0Ji0tc2VsZWN0UmFuZ2Uge1xuXHRcdFx0LnJlYWN0LWNhbGVuZGFyIHtcblx0XHRcdFx0Jl9feWVhci12aWV3IHtcblx0XHRcdFx0XHQucmVhY3QtY2FsZW5kYXJfX3RpbGUtLWhvdmVyIHtcblx0XHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0XHQmX19tb250aC12aWV3IHtcblx0XHRcdFx0XHQucmVhY3QtY2FsZW5kYXJfX3RpbGUtLWhvdmVyIHtcblx0XHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHRcdC5yZWFjdC1jYWxlbmRhciB7XG5cdFx0XHQmX190aWxlIHtcblx0XHRcdFx0dHJhbnNpdGlvbjogYWxsIDAuMjVzO1xuXHRcdFx0XHQmOmVuYWJsZWQ6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdFx0XHR9XG5cdFx0XHRcdCYtLWhhc0FjdGl2ZTplbmFibGVkOmhvdmVyLFxuXHRcdFx0XHQmLS1oYXNBY3RpdmU6ZW5hYmxlZDpmb2N1cyB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQud2hpdGV9O1xuXHRcdFx0XHR9XG5cdFx0XHRcdCYucmVhY3QtY2FsZW5kYXJfX3RpbGUge1xuXHRcdFx0XHRcdCYtLXJhbmdlIHtcblx0XHRcdFx0XHRcdCY6ZW5hYmxlZDpob3ZlciB7XG5cdFx0XHRcdFx0XHRcdGJvcmRlci1yYWRpdXM6IDA7XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCYtLXJhbmdlU3RhcnQge1xuXHRcdFx0XHRcdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG5cdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0XHRcdFx0XHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNHB4ICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LndoaXRlfTtcblxuXHRcdFx0XHRcdFx0JjplbmFibGVkOmhvdmVyIHtcblx0XHRcdFx0XHRcdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG5cdFx0XHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0XHRib3JkZXItY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdCYucmVhY3QtY2FsZW5kYXJfX3RpbGUtLXJhbmdlRW5kIHtcblx0XHRcdFx0XHRcdFx0JHsocHJvcHMpID0+IGdlbmVyYXRlQm9yZGVyUmFkaXVzKHByb3BzKX1cblx0XHRcdFx0XHRcdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0XHRcdFx0XHRcdCY6ZW5hYmxlZDpob3ZlciB7XG5cdFx0XHRcdFx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdFx0XHRcdFx0XHRcdFx0Ym9yZGVyLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHRcdFx0XHRcdFx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRcdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0XHRcdFx0XHRcdFx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHggIWltcG9ydGFudDtcblx0XHRcdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0cHggIWltcG9ydGFudDtcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHQmLS1yYW5nZUVuZCB7XG5cdFx0XHRcdFx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0XHRcdFx0XHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHggIWltcG9ydGFudDtcblx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiA0cHggIWltcG9ydGFudDtcblx0XHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQud2hpdGV9O1xuXG5cdFx0XHRcdFx0XHQmOmVuYWJsZWQ6aG92ZXIge1xuXHRcdFx0XHRcdFx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHRcdFx0XHRcdFx0Ym9yZGVyLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHRcdFx0XHRcdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cblx0XHQucmVhY3QtY2FsZW5kYXJfX3RpbGUtLWFjdGl2ZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0fVxuXG5cdFx0LnJlYWN0LWNhbGVuZGFyX190aWxlLS1ub3cge1xuXHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMudGV4dC53aGl0ZX07XG5cdFx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0XHRib3JkZXItY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0XHRcdGJvcmRlci13aWR0aDogMXB4O1xuXHRcdH1cblxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fbW9udGgtdmlld19fd2Vla2RheXNfX3dlZWtkYXkge1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0XHRmb250LXNpemU6IDE0cHg7XG5cdFx0XHRsaW5lLWhlaWdodDogMjBweDtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXG5cdFx0XHRhYmJyW3RpdGxlXSB7XG5cdFx0XHRcdHRleHQtZGVjb3JhdGlvbjogbm9uZSAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fbmF2aWdhdGlvbiBidXR0b246ZW5hYmxlZDpob3Zlcixcblx0XHQucmVhY3QtY2FsZW5kYXJfX25hdmlnYXRpb24gYnV0dG9uOmVuYWJsZWQ6Zm9jdXMge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHR9XG5cblx0XHQucmVhY3QtY2FsZW5kYXJfX21vbnRoLXZpZXdfX3dlZWtlbmRzIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdH1cblxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fbW9udGgtdmlld19fZGF5c19fZGF5LS13ZWVrZW5kIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdH1cblxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fbW9udGgtdmlld19fd2Vla2RheXMge1xuXHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHR9XG5cblx0XHQucmVhY3QtY2FsZW5kYXJfX25hdmlnYXRpb24ge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdHBhZGRpbmc6IDEycHggMjBweDtcblxuXHRcdFx0YnV0dG9uIHtcblx0XHRcdFx0Ym9yZGVyOiAwICFpbXBvcnRhbnQ7XG5cdFx0XHRcdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cblx0XHRcdC5yZWFjdC1jYWxlbmRhcl9fbmF2aWdhdGlvbl9fYXJyb3dcblx0XHRcdFx0cmVhY3QtY2FsZW5kYXJfX25hdmlnYXRpb25fX3ByZXYyLWJ1dHRvbiB7XG5cdFx0XHRcdGZvbnQtc2l6ZTogMjBweDtcblx0XHRcdH1cblxuXHRcdFx0LnJlYWN0LWNhbGVuZGFyX19uYXZpZ2F0aW9uX19hcnJvd1xuXHRcdFx0XHRyZWFjdC1jYWxlbmRhcl9fbmF2aWdhdGlvbl9fcHJldi1idXR0b24ge1xuXHRcdFx0XHRmb250LXNpemU6IDIwcHg7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1EYXRlUGlja2VyLnN0eWxlZC5qcy5tYXAiXX0= */"));export{X as PickerContainer};

package/dist/esm/components/datePicker/DatePickerWrapper.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { CalendarProps } from 'react-calendar';
+import { CSSProperties } from 'styled-components';
+declare const DatePickerWrapper: React.FC<{
+    val?: Date | Date[];
+    onChange: (val: Date | Date[]) => void;
+    calendarProps?: CalendarProps;
+    pickerStyles?: CSSProperties;
+    nativeID?: string;
+    disabled?: boolean;
+}>;
+export default DatePickerWrapper;

package/dist/esm/components/datePicker/DatePickerWrapper.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o,{useState as a}from"react";import n from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DateBtn as m,PickerContainer as u}from"./DatePickerWrapper.styled.js";const g=g=>{let{val:D,onChange:p,calendarProps:v,disabled:b,pickerStyles:y,nativeID:f}=g;var h,S,j,w;const[C,k]=a(!1),L=o.createRef();return i(L,(()=>{k(!1)})),e(t,{children:[e(m,Object.assign({id:f,bgColor:b?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>k(!C)},{children:[r(d,Object.assign({style:{color:b?s.content.inactive:s.content.secondary,flex:1}},{children:D?Array.isArray(D)?(null===(h=null==D?void 0:D[0])||void 0===h?void 0:h.toString())&&(null===(S=null==D?void 0:D[1])||void 0===S?void 0:S.toString())?`${new Date(null===(j=null==D?void 0:D[0])||void 0===j?void 0:j.toString()).toLocaleDateString()}-${new Date(null===(w=null==D?void 0:D[1])||void 0===w?void 0:w.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(D.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),r(c,{width:20,height:20,color:b?s.content.inactive:s.content.secondary})]})),C&&!b&&r(u,Object.assign({ref:L,style:Object.assign({},y),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(n,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:e=>{p(e),k(!1)},value:D?Array.isArray(D)?2===D.length?[new Date(D[0]),new Date(D[1])]:null:new Date(D):null},v))}))]})};export{g as default};

package/dist/esm/components/datePicker/DatePickerWrapper.styled.d.ts

@@ -0,0 +1,11 @@
+export declare const DateBtn: import("styled-components").StyledComponent<"div", any, {
+    bgColor: string;
+    borderColor: string;
+}, never>;
+export declare const PickerContainer: import("styled-components").StyledComponent<"div", any, {
+    bgColor: string;
+    borderColor: string;
+    brandColor: string;
+    subDued: string;
+    contentPrimary: string;
+}, never>;

package/dist/esm/components/datePicker/DatePickerWrapper.styled.js

@@ -0,0 +1,68 @@
+import o from"styled-components";const r=o.div`
+	display: flex;
+	padding: 5px 8px;
+	background: ${o=>o.bgColor};
+	border-width: 1px;
+	border-style: solid;
+	border-color: ${o=>o.borderColor};
+	border-radius: 4px;
+	flex-direction: row;
+	align-items: center;
+
+	position: relative;
+`,e=o.div`
+	position: absolute;
+	top: calc(100% + 8px);
+	zindex: 9;
+	.custom__calendar {
+		background: ${o=>o.bgColor};
+		border-width: 1px;
+		border-style: solid;
+		border-color: ${o=>o.borderColor};
+		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
+		border-radius: 4px;
+	}
+
+	.custom__tile:hover,
+	.custom__tile:focus,
+	.react-calendar__tile--active {
+		background: ${o=>o.brandColor};
+	}
+
+	.react-calendar__month-view__weekdays__weekday {
+		font-family: 'Inter';
+		font-style: normal;
+		overflow: hidden;
+		font-weight: 600;
+		font-size: 14px;
+		line-height: 20px;
+		color: ${o=>o.contentPrimary};
+
+		abbr[title] {
+			text-decoration: none !important;
+		}
+	}
+
+	.react-calendar__month-view__weekdays {
+		background: ${o=>o.subDued};
+	}
+
+	.react-calendar__navigation {
+		display: flex;
+		padding: 12px 20px;
+
+		button {
+			border: 0;
+			background: transparent;
+		}
+
+		.react-calendar__navigation__arrow
+			react-calendar__navigation__prev2-button {
+			font-size: 20px;
+		}
+
+		.react-calendar__navigation__arrow react-calendar__navigation__prev-button {
+			font-size: 20px;
+		}
+	}
+`;export{r as DateBtn,e as PickerContainer};

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

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

package/dist/esm/components/dropdown/Dropdown.d.ts

@@ -5,5 +5,4 @@ export type DropdownProps = OpenDropdownProps & {
     size?: 'default' | 'small';
     disabled?: boolean;
 };
-declare const Dropdown: React.FC<DropdownProps>;
-export default Dropdown;
+export declare const Dropdown: React.FC<DropdownProps>;