@bikdotai/bik-component-library 0.0.63 → 0.0.64-0.beta.help-attr-2

package/dist/esm/components/product-picker-v2/variantComponents.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+import { ProductVariantForRearrange } from './variant';
+/**
+ * Props for list of variants - applicable both in list and grid view
+ */
+export type VariantsComponentProps = {
+    selectedVariants: ProductVariantForRearrange[];
+    setSelectedVariants: React.Dispatch<React.SetStateAction<ProductVariantForRearrange[]>>;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+};
+/**
+ * Returns a react component of variants list, which are eligible to drag and drop.
+ */
+export declare const VariantsList: ({ selectedVariants, setSelectedVariants, selectedCollectionsDispatch, outOfStockAction, }: VariantsComponentProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Returns a react component of variants grid, which are eligible to drag and drop.
+ */
+export declare const VariantsGrid: ({ selectedVariants }: VariantsComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/product-picker-v2/variantComponents.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as a}from"react";import{Droppable as t,Draggable as s}from"react-beautiful-dnd";import{COLORS as n}from"../../constants/Theme.js";import{VariantCardListView as d,VariantCardGridView as i}from"./variant.js";const o=i=>{let{selectedVariants:o,setSelectedVariants:l,selectedCollectionsDispatch:c,outOfStockAction:p}=i;const[g,b]=a(-1);function f(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e(t,Object.assign({droppableId:"droppable-list"},{children:(a,t)=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign({backgroundColor:n.surface.subdued,padding:"0.05px",height:o.length<8?"550px":"100%",overflow:"auto"},a.droppableProps.style)},{children:[o.map(((r,a)=>e("div",Object.assign({style:{background:n.surface.hovered,margin:"5px",boxShadow:a===g?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>b(a),onMouseLeave:()=>b(-1)},{children:e(s,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:a},{children:(t,s)=>e("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{style:f(Object.assign(Object.assign({},t.draggableProps.style),t.draggableSnapshot))},{children:e(d,{data:r,selectedCollectionsDispatch:c,onDelete:()=>{const e=o.slice();e[a].displayOrder=null,e.splice(a,1),l(e)},outOfStockAction:p},`${r.productId}-${r.variantId}`)}))}),`${r.productId}-${r.variantId}`)}),`${r.productId}-${r.variantId}`))),a.placeholder&&t.isDraggingOver?e("div",Object.assign({style:{background:n.surface.hovered,margin:"5px"}},{children:a.placeholder})):null]}))}))},l=a=>{let{selectedVariants:n}=a;return e(t,Object.assign({droppableId:"droppable-horizontal"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign(Object.assign({},a.droppableProps.style),{display:"flex"})},{children:[e(t,Object.assign({droppableId:"droppable-vertical",direction:"horizontal"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign(Object.assign({},a.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"})},{children:[n.map(((a,t)=>e(s,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:t},{children:(t,s)=>r("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{children:[e(i,{data:a}),t.placeholder]}))}),`${a.productId}-${a.variantId}`))),a.placeholder]}))})),a.placeholder]}))}))};export{l as VariantsGrid,o as VariantsList};

package/dist/esm/components/progress-bar/CircularProgressBar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const CircularProgressBar: React.FC<{
+    percentage: number;
+    width?: number;
+    containerStyle?: React.CSSProperties;
+}>;
+export default CircularProgressBar;

package/dist/esm/components/progress-bar/CircularProgressBar.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import r from"../../assets/icons/checklistIcon.svg.js";const s=s=>{let{percentage:o,width:i=200,containerStyle:n}=s;const c=o<0?0:o>100?100:o,a=i/2-i/10,l=a*Math.PI*2,f=l-l*c/100,d=i/10,h=i/3;return t("div",Object.assign({style:n},{children:e("svg",Object.assign({width:i,height:i,viewBox:`0 0 ${i} ${i}`},{children:[t("defs",{children:e("linearGradient",Object.assign({id:"gradientStroke",x1:"0%",y1:"0%",x2:"100%",y2:"0%"},{children:[t("stop",{offset:"0%",stopColor:"#7000FF"}),t("stop",{offset:"100%",stopColor:"#AD00FF"})]}))}),t("circle",{cx:i/2,cy:i/2,strokeWidth:d,r:a,strokeOpacity:.8,fill:"none",style:{stroke:"#ffffff"}}),t("circle",{cx:i/2,cy:i/2,strokeWidth:d,r:a,style:{stroke:"url(#gradientStroke)",strokeDasharray:l,strokeDashoffset:f},transform:`rotate(-90 ${i/2} ${i/2})`,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),t(r,{x:i/2-h/2,width:h})]}))}))};export{s as default};

package/dist/esm/components/progress-bar/ProgressBarComponent.d.ts

@@ -5,7 +5,7 @@ export interface ProgressBarProps {
     color?: string;
     height?: number;
 }
-export declare const ProgressBarComponent: (props: ProgressBarProps) => JSX.Element;
+export declare const ProgressBarComponent: (props: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/esm/components/progress-bar/ProgressBarComponent.js

@@ -1 +1 @@
-import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{ProgressBar as o}from"react-bootstrap";import{COLORS as t}from"../../constants/Theme.js";const l=c=>b(I,Object.assign({color:c.color?c.color:t.content.brand},{children:b(o,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),I=c("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background-color:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJDb21wb25lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0JhciB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyQ29tcG9uZW50ID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogcHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6IENPTE9SUy5jb250ZW50LmJyYW5kIH0sIHsgY2hpbGRyZW46IF9qc3goUHJvZ3Jlc3NCYXIsIHsgYW5pbWF0ZWQ6IHByb3BzLmlzQW5pbWF0ZWQsIG5vdzogcHJvcHMuY29tcGxldGVkLCBzdHlsZTogeyBoZWlnaHQ6IGAke3Byb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6IDh9cHhgIH0gfSkgfSkpKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQ29tcGxldGVkQmFyID0gc3R5bGVkLmRpdiBgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJDb21wb25lbnQuanMubWFwIl19 */"));export{l as ProgressBarComponent,I as ProgressCompletedBar};
+import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{ProgressBar as o}from"react-bootstrap";import{COLORS as t}from"../../constants/Theme.js";const I=c=>b(l,Object.assign({color:c.color?c.color:t.content.brand},{children:b(o,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),l=c("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJDb21wb25lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0JhciB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyQ29tcG9uZW50ID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogcHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6IENPTE9SUy5jb250ZW50LmJyYW5kIH0sIHsgY2hpbGRyZW46IF9qc3goUHJvZ3Jlc3NCYXIsIHsgYW5pbWF0ZWQ6IHByb3BzLmlzQW5pbWF0ZWQsIG5vdzogcHJvcHMuY29tcGxldGVkLCBzdHlsZTogeyBoZWlnaHQ6IGAke3Byb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6IDh9cHhgIH0gfSkgfSkpKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQ29tcGxldGVkQmFyID0gc3R5bGVkLmRpdiBgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJDb21wb25lbnQuanMubWFwIl19 */"));export{I as ProgressBarComponent,l as ProgressCompletedBar};

package/dist/esm/components/progress-bar/index.d.ts

@@ -1 +1,2 @@
 export * from './ProgressBarComponent';
+export * from './CircularProgressBar';

package/dist/esm/components/progress-bar-v2/ProgressBarV2.d.ts

@@ -0,0 +1,21 @@
+export declare enum TextAlignment {
+    RIGHT = "right",
+    LEFT = "left",
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+export declare enum ProgressBarType {
+    CIRCLE = "circle",
+    LINE = "line"
+}
+export interface ProgressBarV2Props {
+    progress: number;
+    type: ProgressBarType;
+    showProgress?: boolean;
+    text?: string;
+    size?: number;
+    progressBarThickness?: number;
+    color?: string;
+    textPosition?: TextAlignment;
+}
+export declare const ProgressBarV2: (props: ProgressBarV2Props) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/progress-bar-v2/ProgressBarV2.js

@@ -0,0 +1 @@
+import g from"@emotion/styled/base";import{jsxs as c,jsx as I}from"react/jsx-runtime";import{BodyTiny as b}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";var X,C;!function(g){g.RIGHT="right",g.LEFT="left",g.TOP="top",g.BOTTOM="bottom"}(X||(X={})),function(g){g.CIRCLE="circle",g.LINE="line"}(C||(C={}));const Z=g=>{const{type:Z,progress:B,progressBarThickness:H,size:G,color:W,text:i,textPosition:u,showProgress:V}=g;let h=u;return h||(h=X.LEFT),c(y,Object.assign({alignment:h},{children:[V&&(h===X.TOP||h===X.LEFT)&&I(b,Object.assign({style:{marginBottom:h===X.TOP?"8px":void 0,marginRight:h===X.LEFT?"8px":void 0},color:l.content.secondary},{children:null!=i?i:`${B}% completed...`})),Z===C.LINE?I(J,Object.assign({size:G,progressBarThickness:H},{children:I(d,{progress:B,color:W})})):I(A,Object.assign({progress:B,color:W,size:G},{children:I(m,{progress:B,size:G,progressBarThickness:H})})),V&&(h===X.BOTTOM||h===X.RIGHT)&&I(b,Object.assign({style:{marginTop:h===X.BOTTOM?"8px":void 0,marginLeft:h===X.RIGHT?"8px":void 0},color:l.content.secondary},{children:null!=i?i:`${B}% completed...`}))]}))},y=g("div","production"===process.env.NODE_ENV?{target:"e13rvrh14"}:{target:"e13rvrh14",label:"MainContainer"})("display:flex;flex-direction:",(g=>(null==g?void 0:g.alignment)===X.TOP||(null==g?void 0:g.alignment)===X.BOTTOM?"column":"row"),";align-items:center;width:100%;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDaUMiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */")),A=g("div","production"===process.env.NODE_ENV?{target:"e13rvrh13"}:{target:"e13rvrh13",label:"CircleContainer"})("width:",(g=>{var c;return null!==(c=g.size)&&void 0!==c?c:32}),"px;height:",(g=>{var c;return null!==(c=g.size)&&void 0!==c?c:32}),"px;border-radius:50%;overflow:hidden;background:conic-gradient(\n\t\t",(g=>{var c;return null!==(c=g.color)&&void 0!==c?c:l.background.brand}),"\n\t\t\t",(g=>3.6*g.progress),"deg,\n\t\t",l.content.inactive," 0deg\n\t);position:relative;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDbUMiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */")),m=g("div","production"===process.env.NODE_ENV?{target:"e13rvrh12"}:{target:"e13rvrh12",label:"InnerCircleContainer"})("background-color:",l.background.inactive,";transition:width 0.3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:",(g=>{var c;return g.progressBarThickness?null!==(c=g.size)&&void 0!==c?c:32-g.progressBarThickness:20}),"px;height:",(g=>{var c;return g.progressBarThickness?null!==(c=g.size)&&void 0!==c?c:32-g.progressBarThickness:20}),"px;border-radius:50%;background:",l.surface.standard,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEd0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */")),J=g("div","production"===process.env.NODE_ENV?{target:"e13rvrh11"}:{target:"e13rvrh11",label:"BarContainer"})("width:",(g=>{var c;return null!==(c=g.size)&&void 0!==c?c:90}),"px;height:",(g=>{var c;return null!==(c=g.progressBarThickness)&&void 0!==c?c:8}),"px;background-color:",l.background.inactive,";border-radius:4px;overflow:hidden;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZFZ0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */")),d=g("div","production"===process.env.NODE_ENV?{target:"e13rvrh10"}:{target:"e13rvrh10",label:"InnerBarContainer"})("height:100%;width:",(g=>g.progress),"%;background-color:",(g=>{var c;return null!==(c=g.color)&&void 0!==c?c:l.background.brand}),";transition:width 0.3s ease-in-out;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GcUMiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgfSA9IHByb3BzO1xyXG4gICAgbGV0IGFsaWdubWVudCA9IHRleHRQb3NpdGlvbjtcclxuICAgIGlmICghYWxpZ25tZW50KSB7XHJcbiAgICAgICAgYWxpZ25tZW50ID0gVGV4dEFsaWdubWVudC5MRUZUO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4cyhNYWluQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgYWxpZ25tZW50OiBhbGlnbm1lbnQgfSwgeyBjaGlsZHJlbjogW3Nob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5UT1AgfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCkgJiYgKF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuTEVGVCA/ICc4cHgnIDogdW5kZWZpbmVkLFxyXG4gICAgICAgICAgICAgICAgfSwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9LCB7IGNoaWxkcmVuOiB0ZXh0ICE9PSBudWxsICYmIHRleHQgIT09IHZvaWQgMCA/IHRleHQgOiBgJHtwcm9ncmVzc30lIGNvbXBsZXRlZC4uLmAgfSkpKSwgdHlwZSA9PT0gUHJvZ3Jlc3NCYXJUeXBlLkxJTkUgPyAoX2pzeChCYXJDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBzaXplOiBzaXplLCBwcm9ncmVzc0JhclRoaWNrbmVzczogcHJvZ3Jlc3NCYXJUaGlja25lc3MgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckJhckNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciB9KSB9KSkpIDogKF9qc3goQ2lyY2xlQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHsgcHJvZ3Jlc3M6IHByb2dyZXNzLCBjb2xvcjogY29sb3IsIHNpemU6IHNpemUgfSwgeyBjaGlsZHJlbjogX2pzeChJbm5lckNpcmNsZUNvbnRhaW5lciwgeyBwcm9ncmVzczogcHJvZ3Jlc3MsIHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcyB9KSB9KSkpLCBzaG93UHJvZ3Jlc3MgJiZcclxuICAgICAgICAgICAgICAgIChhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NIHx8XHJcbiAgICAgICAgICAgICAgICAgICAgYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luVG9wOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlJJR0hUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpXSB9KSkpO1xyXG59O1xyXG5jb25zdCBNYWluQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgKHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5hbGlnbm1lbnQpID09PSBUZXh0QWxpZ25tZW50LkJPVFRPTVxyXG4gICAgPyAnY29sdW1uJ1xyXG4gICAgOiAncm93J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgQ2lyY2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMjsgfX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChcblx0XHQkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19XG5cdFx0XHQkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3MgKiAzLjZ9ZGVnLFxuXHRcdCR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9IDBkZWdcblx0KTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcclxuY29uc3QgSW5uZXJDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdHRyYW5zaXRpb246IHdpZHRoIDAuM3MgZWFzZS1pbi1vdXQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgPyAoX2EgPSBwcm9wcy5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAzMiAtIHByb3BzLnByb2dyZXNzQmFyVGhpY2tuZXNzXHJcbiAgICAgICAgOiAyMDtcclxufX1weDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcbmA7XHJcbmNvbnN0IEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTA7IH19cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3MpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDg7IH19cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5jb25zdCBJbm5lckJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMucHJvZ3Jlc3N9JTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IENPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kOyB9fTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2dyZXNzQmFyVjIuanMubWFwIl19 */"));export{C as ProgressBarType,Z as ProgressBarV2,X as TextAlignment};

package/dist/esm/components/progress-bar-v2/index.d.ts

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

package/dist/esm/components/radioButton/RadioButton.d.ts

@@ -3,6 +3,15 @@ export type RadioButtonProps = {
     isActive: boolean;
     isDisabled?: boolean;
     value?: string;
+    label?: string;
+    caption?: string;
     onValueChange: (checked: boolean, value?: string) => void;
+    skipHoverState?: boolean;
+    size?: 'DEFAULT' | 'SMALL';
+    skipSelectingOff?: boolean;
+    labelSize?: 'DEFAULT' | 'MEDIUM';
+    boldOnChecked?: boolean;
+    alwaysBold?: boolean;
+    activeColor?: string;
 };
 export declare const RadioButton: React.FC<RadioButtonProps>;

package/dist/esm/components/radioButton/RadioButton.js

@@ -1 +1 @@
-import{jsx as i,jsxs as e}from"react/jsx-runtime";import{useState as t}from"react";import{RadioButtonContainer as s,RadioButtonIcon as n}from"./RadioButton.styled.js";import{COLORS as o}from"../../constants/Theme.js";const c=t=>{const s=t.isDisabled?o.content.inactive:t.isActive?o.background.positive.vibrant:o.content.primary;return e("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),t.isActive&&i("circle",{cx:"10",cy:"10",r:"5",fill:t.isDisabled?o.content.inactive:o.background.positive.vibrant})]}))},r=e=>{const[o,r]=t(e.isActive||!1),[a,l]=t(!1),[d,v]=t(!1);return i(s,Object.assign({onClick:()=>{var i;if(!e.isDisabled){const t=!o;r(t),null===(i=e.onValueChange)||void 0===i||i.call(e,t,e.value)}},onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:i(n,Object.assign({checked:o,hovered:a,clicked:d,isDisabled:e.isDisabled||!1},{children:i(c,{isActive:o,isDisabled:e.isDisabled||!1})}))}))};export{r as RadioButton};
+import{jsxs as i,jsx as e,Fragment as s}from"react/jsx-runtime";import{useState as l,useEffect as t,useMemo as a}from"react";import{RadioButtonContainer as o,RadioButtonIcon as c}from"./RadioButton.styled.js";import{BodyCaption as r,TitleSmall as n,BodySecondary as d,BodyPrimary as b}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";const v=s=>{const l=a((()=>(null==s?void 0:s.activeColor)||m.background.positive.vibrant),[s.activeColor]),t=a((()=>s.isDisabled?m.content.inactive:s.isActive?l:m.content.primary),[s.isDisabled,s.isActive,l]);return i("svg",Object.assign({width:s.isSmall?"16":"20",height:s.isSmall?"16":"20",viewBox:s.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?6:9,stroke:t,strokeWidth:s.isSmall?1.5:2}),s.isActive&&e("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?3:5,fill:s.isDisabled?m.content.inactive:l})]}))},p=a=>{const[p,h]=l(a.isActive||!1),[g,x]=l(!1),[S,y]=l(!1);t((()=>{h(a.isActive)}),[a.isActive]);return i(o,Object.assign({onClick:()=>{var i;if(!a.skipSelectingOff&&!a.isDisabled){const e=!p;h(e),null===(i=a.onValueChange)||void 0===i||i.call(a,e,a.value)}},onMouseEnter:()=>x(!a.skipHoverState),onMouseLeave:()=>x(!1),onMouseDown:()=>y(!a.skipHoverState),onMouseUp:()=>y(!1),style:a.caption?{alignItems:"flex-start"}:{}},{children:[e(c,Object.assign({checked:p,hovered:g,clicked:S,isDisabled:a.isDisabled||!1,size:a.size,style:a.caption?{margin:"2px 0"}:{}},{children:e(v,{isSmall:"SMALL"===a.size,isActive:p,isDisabled:a.isDisabled||!1,activeColor:a.activeColor})})),i("div",{children:[a.label?a.boldOnChecked&&p||a.alwaysBold?e(n,Object.assign({color:a.isDisabled?m.text.disabled:m.text.primary},{children:a.label})):"SMALL"===a.size?e(r,Object.assign({color:a.isDisabled?m.text.disabled:m.text.primary},{children:a.label})):"MEDIUM"===a.labelSize?e(d,Object.assign({color:a.isDisabled?m.text.disabled:m.text.primary},{children:a.label})):e(b,Object.assign({color:a.isDisabled?m.text.disabled:m.text.primary},{children:a.label})):e(s,{}),a.caption&&e(r,Object.assign({color:a.isDisabled?m.text.disabled:m.text.secondary},{children:a.caption}))]})]}))};export{p as RadioButton};

package/dist/esm/components/radioButton/RadioButton.styled.d.ts

@@ -4,4 +4,5 @@ export declare const RadioButtonIcon: import("styled-components").StyledComponen
     hovered: boolean;
     clicked: boolean;
     isDisabled: boolean;
+    size?: "SMALL" | "DEFAULT" | undefined;
 }, never>;

package/dist/esm/components/radioButton/RadioButton.styled.js

@@ -1,20 +1,22 @@
-import e,{css as i}from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const o=e.div`
+import e,{css as i}from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const s=e.div`
 	display: inline-flex;
+	gap: 8px;
 	align-items: center;
 	cursor: pointer;
-`,s=e.div`
-	width: 20px;
-	height: 20px;
+`,o=e.div`
+	width: ${e=>"SMALL"===e.size?16:20}px;
+	height: ${e=>"SMALL"===e.size?16:20}px;
 	border-radius: 50%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	${e=>e.hovered&&i`
-			outline: 3px solid ${t.surface.hovered};
+			outline: ${"SMALL"===e.size?1.5:3}px solid
+				${t.surface.hovered};
 		`}
 	${e=>e.clicked&&!e.isDisabled&&i`
-			outline: 3px solid
+			outline: ${"SMALL"===e.size?1.5:3}px solid
 				${e.checked?t.stroke.positive.lightAlt:t.surface.hovered};
 			outline-offset: 2px;
 		`}
-`;export{o as RadioButtonContainer,s as RadioButtonIcon};
+`;export{s as RadioButtonContainer,o as RadioButtonIcon};

package/dist/esm/components/radioList/RadioList.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { RadioButtonProps } from "../radioButton";
+type RadioListItem = Omit<RadioButtonProps, 'onValueChange'> & {
+    value: string;
+};
+export type RadioListProps = {
+    title?: string;
+    subTitle?: string;
+    listItems: RadioListItem[];
+    onChange: (option: RadioListItem) => void;
+    listContainerStyles?: React.CSSProperties;
+    boldOnChecked?: boolean;
+};
+export declare const RadioList: React.FC<RadioListProps>;
+export {};

package/dist/esm/components/radioList/RadioList.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{RadioButton as o}from"../radioButton/RadioButton.js";import{RadioListStyled as n}from"./RadioList.styled.js";import{TitleRegular as l,BodySecondary as r}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";const c=c=>{var m;const[d,h]=i(c.listItems);s((()=>{h(c.listItems)}),[c.listItems]);const u=(t,e)=>{let i;const s=[...d];s.forEach((s=>{s.value===e?(i=s,s.isActive=t):s.isActive=!t})),h(s),c.onChange(i)};return t(n,{children:[(c.title||c.subTitle)&&t("div",Object.assign({className:"title__container"},{children:[c.title&&e(l,{children:c.title}),c.subTitle&&e(r,Object.assign({color:a.text.secondary},{children:c.subTitle}))]})),e("div",Object.assign({style:null!==(m=c.listContainerStyles)&&void 0!==m?m:{},className:"list__container"},{children:d.map((t=>e(o,Object.assign({},t,{onValueChange:u,boldOnChecked:c.boldOnChecked}),t.value)))}))]})};export{c as RadioList};

package/dist/esm/components/radioList/RadioList.styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const RadioListStyled: 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/radioList/RadioList.styled.js

@@ -0,0 +1 @@
+import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1SYWRpb0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as RadioListStyled};

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ResizableImageProps {
+    imageUrl: string;
+    targetSize: number;
+    alt?: string;
+    style?: React.CSSProperties;
+}
+export declare const ResizableImage: React.FC<ResizableImageProps>;

package/dist/esm/components/resizeImage/index.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useState as e,useEffect as r}from"react";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{resizeImage as i}from"../../utils/resizeImage.js";const o=o=>{let{imageUrl:s,targetSize:h,alt:p,style:a}=o;const[n,c]=e("");return r((()=>{i(s,h).then((t=>{c(t)})).catch((t=>{c(s)}))}),[s,h]),n?t("img",{alt:p,src:n,height:h,width:h,style:a}):t(m,{boxes:[{marginTop:"0px",height:`${h}px`,width:`${h}px`}]})};export{o as ResizableImage};

package/dist/esm/components/searchBar/searchBar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ButtonProps } from '../button/model';
 import { InputVariant } from '../input/Input';
 export interface SearchBarProps {
     width: string;
@@ -8,5 +8,12 @@ export interface SearchBarProps {
     placeholder: string;
     variant: InputVariant;
     validate?: (input?: string | number) => [boolean, string];
+    initialValue?: string;
+    reset?: boolean;
+    onClickCross?: () => void;
+    isActive?: boolean;
+    suffixButton?: ButtonProps;
+    searchValue?: string;
+    'data-test'?: string;
 }
-export declare const SearchBar: (props: SearchBarProps) => JSX.Element;
+export declare const SearchBar: (props: SearchBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/searchBar/searchBar.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{SearchIcon as t}from"../../assets/icons/searchIcon.js";import{useState as o,useEffect as a}from"react";import s from"../../assets/icons/cross.svg.js";import{Input as n}from"../input/Input.js";const r=r=>{const{isEnabled:i,onEnter:c,placeholder:l,width:d,variant:u,validate:h,isActive:v}=r,[f,m]=o("search"),[p,g]=o("default"),[C,b]=o(v?"active":i?"none":"disabled"),[k,x]=o(r.initialValue||r.searchValue||"");a((()=>{var e,t,o;x(null!==(e=r.searchValue)&&void 0!==e?e:""),(null===(o=null===(t=r.searchValue)||void 0===t?void 0:t.trim())||void 0===o?void 0:o.length)?m("cross"):m("search")}),[r.searchValue]),a((()=>{b(v?"active":i?"none":"disabled")}),[i,v]),a((()=>{r.reset&&j()}),[null==r?void 0:r.reset]);const V=e=>{i&&c(e)},j=()=>{m("search"),g("default"),x(""),r.onChange(""),b("none"),c("")};return e(n,{"data-test":r["data-test"],id:"search-bar",validate:h,onFocus:()=>{k.length&&m("cross"),"default"===p&&i&&(g("clicked"),b("active"))},width:d,state:C,leftIcon:"search"===f&&"default"===p?{icon:t}:void 0,rightIcon:"cross"!==f||r.suffixButton?void 0:{icon:s,callback:()=>{j(),r.onClickCross&&r.onClickCross()}},onChangeText:(e,t)=>{r.onChange(e),x(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?m("cross"):m("search"):V(e)},placeholder:l,variant:u,value:k,onBlur:()=>{k.length||g("default"),b("none")},button:{text:"",buttonProps:r.suffixButton}})};export{r as SearchBar};

package/dist/esm/components/shimmer/ShimmerComponent/BikShimmer.d.ts

@@ -1,12 +1,15 @@
 import { FunctionComponent } from 'react';
-interface ShimmerBox {
+export interface ShimmerBox {
     height: string;
     width: string;
     marginTop?: string;
+    borderRadius?: string;
 }
-interface OwnProps {
+export interface BikShimmerProps {
     boxes: ShimmerBox[];
+    isBrand?: boolean;
+    gap?: string;
+    direction?: 'row' | 'column';
 }
-type Props = OwnProps;
-export declare const BikShimmer: FunctionComponent<Props>;
+export declare const BikShimmer: FunctionComponent<BikShimmerProps>;
 export default BikShimmer;

package/dist/esm/components/shimmer/ShimmerComponent/BikShimmer.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{ShimmerStyled as i}from"./ShimmerStyled.js";const t=t=>e(i,{children:t.boxes.map(((i,t)=>e("div",{className:"shine",style:{width:i.width,height:i.height,marginTop:i.marginTop||"16px"}},t)))});export{t as BikShimmer,t as default};
+import{jsx as i}from"react/jsx-runtime";import{ShimmerStyled as r}from"./ShimmerStyled.js";const e=e=>i(r,Object.assign({isBrand:e.isBrand,direction:e.direction,gap:e.gap},{children:e.boxes.map(((r,e)=>i("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},e)))}));export{e as BikShimmer,e as default};

package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts

@@ -2,4 +2,17 @@
 export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    isBrand?: boolean | undefined;
+    direction?: "row" | "column" | undefined;
+    gap?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ShimmerComponentStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isBrand?: boolean | undefined;
+    height: number;
+    width: number;
+    marginTop?: number | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.js

@@ -1,4 +1,4 @@
-import b from"@emotion/styled/base";import{keyframes as i}from"@emotion/react";const t=i`
+import b from"@emotion/styled/base";import{keyframes as c}from"@emotion/react";const l=c`
   0% {
     background-position: -468px 0;
   }
@@ -6,4 +6,4 @@ import b from"@emotion/styled/base";import{keyframes as i}from"@emotion/react";c
   100% {
     background-position: 468px 0;
   }
-`,l=b("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:column;.shine{border-radius:4px;background:#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat;background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",t,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuY29uc3Qga2V5ZnJhbWVzQW5pbWF0aW9uID0ga2V5ZnJhbWVzIGBcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC00NjhweCAwO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogNDY4cHggMDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFNoaW1tZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHQuc2hpbmUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRiYWNrZ3JvdW5kOiAjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDgwMHB4IDMwNHB4O1xuXHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0XHQtd2Via2l0LWFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLW5hbWU6ICR7a2V5ZnJhbWVzQW5pbWF0aW9ufTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2hpbW1lclN0eWxlZC5qcy5tYXAiXX0= */"));export{l as ShimmerStyled};
+`,d=b("div","production"===process.env.NODE_ENV?{target:"eh9q9i91"}:{target:"eh9q9i91",label:"ShimmerStyled"})("display:flex;flex-direction:",(b=>b.direction||"column"),";width:100%;height:100%;gap:",(b=>b.gap||"0px"),";.shine{border-radius:4px;background:",(b=>b.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"),";background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",l,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogJHsocHJvcHMpID0+IHByb3BzLmRpcmVjdGlvbiB8fCAnY29sdW1uJ307XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGdhcDogJHsocHJvcHMpID0+IHByb3BzLmdhcCB8fCAnMHB4J307XG5cblx0LnNoaW5lIHtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmlzQnJhbmRcclxuICAgID8gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMwKSAwJSwgcmdiYSgyMjQsIDIyNCwgMjI0LCAwLjAwKSAxMDAlKSdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdFx0YmFja2dyb3VuZC1zaXplOiA4MDBweCAzMDRweDtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaGltbWVyQ29tcG9uZW50U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmlzQnJhbmRcclxuICAgID8gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMwKSAwJSwgcmdiYSgyMjQsIDIyNCwgMjI0LCAwLjAwKSAxMDAlKSdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMud2lkdGh9cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodH1weDtcblx0bWFyZ2luLXRvcDogJHsocHJvcHMpID0+IHByb3BzLm1hcmdpblRvcCB8fCAwfXB4O1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2hpbW1lclN0eWxlZC5qcy5tYXAiXX0= */")),i=b("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerComponentStyled"})("border-radius:4px;background:",(b=>b.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"),";width:",(b=>b.width),"px;height:",(b=>b.height),"px;margin-top:",(b=>b.marginTop||0),"px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",l,";-webkit-animation-timing-function:linear;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDaUQiLCJmaWxlIjoiU2hpbW1lclN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuY29uc3Qga2V5ZnJhbWVzQW5pbWF0aW9uID0ga2V5ZnJhbWVzIGBcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC00NjhweCAwO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogNDY4cHggMDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFNoaW1tZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiBwcm9wcy5kaXJlY3Rpb24gfHwgJ2NvbHVtbid9O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRnYXA6ICR7KHByb3BzKSA9PiBwcm9wcy5nYXAgfHwgJzBweCd9O1xuXG5cdC5zaGluZSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zMCkgMCUsIHJnYmEoMjI0LCAyMjQsIDIyNCwgMC4wMCkgMTAwJSknXHJcbiAgICA6ICcjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdCd9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogODAwcHggMzA0cHg7XG5cdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tbmFtZTogJHtrZXlmcmFtZXNBbmltYXRpb259O1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lckNvbXBvbmVudFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zMCkgMCUsIHJnYmEoMjI0LCAyMjQsIDIyNCwgMC4wMCkgMTAwJSknXHJcbiAgICA6ICcjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdCd9O1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9cHg7XG5cdG1hcmdpbi10b3A6ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW5Ub3AgfHwgMH1weDtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdC13ZWJraXQtYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcblx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0LXdlYmtpdC1hbmltYXRpb24tbmFtZTogJHtrZXlmcmFtZXNBbmltYXRpb259O1xuXHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNoaW1tZXJTdHlsZWQuanMubWFwIl19 */"));export{i as ShimmerComponentStyled,d as ShimmerStyled};

package/dist/esm/components/shimmer-image/ShimmerImage.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type ShimmerImageProps = {
+    imageUrl: string;
+    width: number | string;
+    height: number;
+    alt?: string;
+    borderRadius?: number;
+    defaultImageUrl?: string;
+    useDynamicInfoImageSize?: boolean;
+};
+export declare const DEFAULT_IMAGE = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";
+export declare const ShimmerImage: React.FC<ShimmerImageProps>;

package/dist/esm/components/shimmer-image/ShimmerImage.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useEffect as o}from"react";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";const a="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",s=s=>{let{imageUrl:l,width:n,height:c,borderRadius:m,alt:d,useDynamicInfoImageSize:h,defaultImageUrl:b=a}=s;const[g,p]=i(!0),[u,f]=i(!1);return o((()=>{const e=new Image;return e.src=l,e.onload=()=>{f(!1),p(!1)},e.onerror=()=>{f(!0),p(!1)},()=>{e.onload=null,e.onerror=null}}),[l]),e("div",Object.assign({style:Object.assign(Object.assign({position:"relative",width:h?`min(100%, ${n}px)`:n},h?{aspectRatio:1}:{height:c}),{borderRadius:m})},{children:[g&&t(r,{boxes:[{height:`${c}px`,width:`${n}px`,marginTop:"0px"}]}),t("img",u?{src:b,alt:null!=d?d:"Image",style:{borderRadius:null!=m?m:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}:{src:l,alt:null!=d?d:"Image",style:{borderRadius:null!=m?m:0,display:g?"none":"block",width:"100%",height:"100%",objectFit:"cover"}})]}))};export{a as DEFAULT_IMAGE,s as ShimmerImage};

package/dist/esm/components/shimmer-image/ShimmerImage.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
+export default _default;
+export declare const Image: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
+export declare const ImageWithError: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;

package/dist/esm/components/shimmer-image/index.d.ts

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

package/dist/esm/components/side-modal/SideModal.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ButtonProps } from '../button/model';
+export interface SideModalProps {
+    header: string;
+    children: React.ReactNode;
+    headerCustomComponent?: React.ReactNode;
+    footerCustomComponent?: React.ReactNode;
+    footerDirection?: 'row' | 'row-reverse';
+    hideCrossButton?: boolean;
+    width?: string;
+    saveButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    onClose: () => void;
+    zIndex?: number;
+    hideFooter?: boolean;
+    bodyStyle?: React.CSSProperties;
+    element?: Element | DocumentFragment;
+    headerStyle?: React.CSSProperties;
+    footerStyle?: React.CSSProperties;
+}
+export declare const SideModal: React.FC<SideModalProps>;

package/dist/esm/components/side-modal/SideModal.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import r from"react-dom";import n from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as i}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as d,SideModalHeader as l,SideModalBody as a,SideModalFooter as h,FooterButtonWrapper as m}from"./SideModal.style.js";const p=p=>{var u;return r.createPortal(e(c,Object.assign({zIndex:p.zIndex},{children:o(d,Object.assign({width:p.width},{children:[o(l,Object.assign({headerStyle:Object.assign({},p.headerStyle)},{children:[(null==p?void 0:p.headerCustomComponent)||e(i,{children:p.header}),!p.hideCrossButton&&e(n,{width:24,height:24,onClick:p.onClose})]})),e(a,Object.assign({hideFooter:p.hideFooter,bodyStyle:Object.assign({},p.bodyStyle)},{children:p.children})),!0===p.hideFooter?null:o(h,Object.assign({footerDirection:p.footerDirection,footerStyle:Object.assign({},p.footerStyle)},{children:[(p.saveButtonProps||p.cancelButtonProps)&&o(m,Object.assign({footerDirection:p.footerDirection},{children:[p.saveButtonProps&&e(s,Object.assign({},p.saveButtonProps)),p.cancelButtonProps&&e(s,Object.assign({},p.cancelButtonProps))]})),p.footerCustomComponent?p.footerCustomComponent:e(t,{})]}))]}))})),null!==(u=p.element)&&void 0!==u?u:document.body)};export{p as SideModal};

package/dist/esm/components/side-modal/SideModal.style.d.ts

@@ -0,0 +1,20 @@
+export declare const SideModalStyle: import("styled-components").StyledComponent<"div", any, {
+    zIndex?: number | undefined;
+}, never>;
+export declare const SideModalContainer: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;
+export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {
+    headerStyle: React.CSSProperties;
+}, never>;
+export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {
+    hideFooter?: boolean | undefined;
+    bodyStyle: React.CSSProperties;
+}, never>;
+export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
+    footerDirection?: "row" | "row-reverse" | undefined;
+    footerStyle: React.CSSProperties;
+}, never>;
+export declare const FooterButtonWrapper: import("styled-components").StyledComponent<"div", any, {
+    footerDirection?: "row" | "row-reverse" | undefined;
+}, never>;

package/dist/esm/components/side-modal/SideModal.style.js

@@ -0,0 +1,65 @@
+import e,{css as t}from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{ComponentZindex as i}from"../../constants/zindex.js";const r=e.div`
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: ${e=>e.zIndex||i.SIDE_MODAL};
+	height: 100%;
+	width: 100%;
+	background-color: rgba(0, 0, 0, 0.4);
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+`,n=e.div`
+	height: 100%;
+	width: ${e=>e.width||"566px"};
+	background: ${o.surface.standard};
+	position: relative;
+	display: flex;
+	flex-direction: column;
+`,d=e.div`
+	width: 100%;
+	height: 60px;
+	position: sticky;
+	top: 0;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	background: ${o.surface.standard};
+	padding: 0px 24px;
+	border-bottom: 1px solid ${o.stroke.primary};
+	svg:hover {
+		cursor: pointer;
+		background: ${o.background.base};
+		border-radius: 4px;
+	}
+	${e=>{let{headerStyle:o}=e;return t`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
+`,s=e.div`
+	overflow-y: auto;
+	padding: 24px;
+	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
+	${e=>{let{bodyStyle:o}=e;return t`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
+`,a=e.div`
+	height: 60px;
+	width: 100%;
+	position: sticky;
+	bottom: 0;
+	display: flex;
+	flex-direction: ${e=>e.footerDirection||"row"};
+	justify-content: space-between;
+	align-items: center;
+	background: ${o.surface.standard};
+	border-top: 1px solid ${o.stroke.primary};
+	padding: 0px 24px;
+	${e=>{let{footerStyle:o}=e;return t`
+		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
+	`}}
+`,p=e.div`
+	display: flex;
+	flex-direction: ${e=>e.footerDirection||"row"};
+	gap: 8px;
+`;export{p as FooterButtonWrapper,s as SideModalBody,n as SideModalContainer,a as SideModalFooter,d as SideModalHeader,r as SideModalStyle};

package/dist/esm/components/side-modal/index.d.ts

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

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

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

package/dist/esm/components/slider/slider.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface SliderBikProps {
+    min: number;
+    max: number;
+    defaultValue: number;
+    onChange: (event: Event) => void;
+    step?: number;
+    disabled?: boolean;
+}
+export declare const BikSlider: React.FC<SliderBikProps>;

package/dist/esm/components/slider/slider.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";import a from"../../node_modules/@mui/material/styles/styled.js";import o from"../../node_modules/@mui/material/Slider/Slider.js";const i=a(o)({marginTop:"30px",color:r.background.brand,height:8,"& .MuiSlider-track":{border:"none"},"& .MuiSlider-thumb":{height:24,width:24,backgroundColor:r.background.brand,border:`2px solid ${r.background.brand}`,"&:hover":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.08)"},"&:focused":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.33)"},"&.Mui-active":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.5)"},"&.Mui-focusVisible":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.08)"},"&:before":{display:"none"}},"& .MuiSlider-valueLabel":{lineHeight:1.2,fontSize:12,background:"unset",padding:0,width:32,height:32,borderRadius:"50% 50% 50% 0",backgroundColor:r.background.brand,transformOrigin:"bottom left",transform:"translate(50%, -100%) rotate(-45deg) scale(0)","&:before":{display:"none"},"&.MuiSlider-valueLabelOpen":{transform:"translate(50%, -100%) rotate(-45deg) scale(1)"},"& > *":{transform:"rotate(45deg)"}}}),t=r=>{let{min:a,max:o,defaultValue:t,onChange:d,step:n=1,disabled:l=!1}=r;return e(i,{valueLabelDisplay:"auto","aria-label":"bik slider",value:t,min:a,max:o,onChange:d,step:n,disabled:l})};export{t as BikSlider};

package/dist/esm/components/spinner/Spinner.d.ts

@@ -1,6 +1,11 @@
-/// <reference types="react" />
 import { SpinnerProps } from './model';
 export declare const Spinner: {
-    ({ size, color, className }: SpinnerProps): JSX.Element;
+    ({ size, color, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export declare const PureSpinner: import("styled-components").StyledComponent<"div", any, {
+    width: string;
+    height: string;
+    color?: string | undefined;
+    backgroundColor?: string | undefined;
+}, never>;