@bikdotai/bik-component-library 0.0.49 → 0.0.51--beta.ai-1

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

@@ -0,0 +1,130 @@
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{ScreenName as t}from"./modal.js";const o=e.div`
+	display: flex;
+	background-color: white;
+	height: 75vh;
+	flex-direction: column;
+`,n=e.div`
+	overflow-y: scroll;
+	overflow-x: hidden;
+
+	::-webkit-scrollbar {
+		display: block;
+		width: 8px;
+	}
+
+	::-webkit-scrollbar-thumb {
+		background-color: ${e=>e.screenName!==t.RearrangeProducts?"#888":"#fff"};
+		border-radius: 8px;
+	}
+`,r=e.div`
+	height: 64px;
+	background-color: ${e=>e.isDisabled?"#F0F0F0":e.isActive?i.background.positive.light:"white"};
+	border-bottom: 1px solid #e0e0e0;
+	padding: ${e=>e.usedInSearch?"12px 16px":"12px 24px"};
+	display: flex;
+	flex-direction: row;
+	column-gap: 16px;
+	justify-content: space-between;
+	align-items: center;
+	:hover {
+		cursor: pointer;
+		background-color: ${i.surface.hovered};
+	}
+`,d=e.div`
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	column-gap: 18px;
+`,p=e.div`
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+`,l=e.div`
+	display: flex;
+	flex-direction: row;
+	max-height: 32px;
+	min-height: 32px;
+	background-color: ${i.background.base};
+	justify-content: flex-start;
+	align-items: center;
+	padding: 8px 16px;
+	margin-top: 16px;
+	position: sticky;
+	top: 0;
+	z-index: 10;
+`,c=e.div`
+	display: flex;
+	flex-direction: row;
+	column-gap: 16px;
+	padding: 12px 16px;
+	border-bottom: 1px solid #e0e0e0;
+	align-items: center;
+`,a=e.div`
+	min-height: 64px;
+	background-color: ${e=>e.isActive?i.background.positive.light:"white"};
+	border-bottom: 1px solid #e0e0e0;
+	padding: 12px 16px;
+	display: flex;
+	flex-direction: row;
+	column-gap: 16px;
+	justify-content: flex-start;
+	align-items: center;
+	padding-left: ${e=>e.isVariant?"42px":"16px"};
+	:hover {
+		cursor: pointer;
+		background-color: ${i.surface.hovered};
+	}
+`,x=e.div`
+	display: flex;
+	flex-direction: row;
+	max-height: 32px;
+	min-height: 32px;
+	background-color: ${i.background.base};
+	justify-content: flex-start;
+	align-items: center;
+	padding: 8px 16px;
+	position: sticky;
+	top: 0;
+	z-index: 10;
+`,s=e.div`
+	display: flex;
+	flex-direction: column;
+`,g=e.div`
+	min-height: 72px;
+	background: white;
+	padding: 12px 16px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+
+	.text-container {
+		display: flex;
+		justify-content: space-between;
+		gap: 16px;
+	}
+
+	.tooltip-title-tag {
+		display: flex;
+		flex: 1;
+		flex-direction: column;
+		gap: 2px;
+	}
+`,f=e.div`
+	height: 72px;
+	width: 72px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin: 16px;
+`;e.div`
+	display: flex;
+	width: 32px;
+	height: 32px;
+	padding: 6px;
+	justify-content: center;
+	align-items: center;
+	border: 1px solid ${i.stroke.primary};
+	border-radius: 4px;
+`;export{p as CollectionCardDetailStyle,d as CollectionCardInfoStyle,r as CollectionCardStyle,s as CollectionNameHolder,o as ContainerStyle,a as ProductCardStyle,c as ProductScreenCollectionCardStyle,l as ProductScreenHeader,n as ScrollContainerStyle,x as SelectedScreenHeader,f as VariantCardGridStyle,g as VariantCardListStyle};

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

@@ -0,0 +1,6 @@
+export declare enum OUT_OF_STOCK_ACTION {
+    HIDE = "HIDE",
+    NORMAL = "NORMAL",
+    /** @description shows OOS label  */
+    BLUR = "BLUR"
+}

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

@@ -0,0 +1 @@
+var L;!function(L){L.HIDE="HIDE",L.NORMAL="NORMAL",L.BLUR="BLUR"}(L||(L={}));export{L as OUT_OF_STOCK_ACTION};

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

@@ -0,0 +1,38 @@
+import { Collection, FbStatusFetcherReturn, Product, SelectedItems } from './modal';
+import { CollectionsActions } from './reducers';
+export declare const liftTheStateUp: (payload: any, data: any) => any;
+export declare function paginateSelectedItems(selectedItems: SelectedItems, limit: number, offset: number): {
+    [key: string]: Collection;
+};
+/**
+ * 3 scenarios.
+ * 1. If no api is provided -> marks everything as approved.
+ * 2. If api is success -> sets the status
+ * 3. If api is failure -> marks everything as approved.
+ *
+ * We first get the variant ids to fetch and only if we have variant ids, we call api.
+ */
+export declare const fetchFbStatusCollection: (data: SelectedItems, storeId: string, dispatcher: any, fbStatusFetcher?: ((storeId: string, variantIds: string[]) => FbStatusFetcherReturn) | undefined, dispatchType?: string) => void;
+/**
+ * Instead of collection level, we do it product level.
+ *
+ * For more info refer @function getVariantIdsToFetch
+ */
+export declare const getVariantIdsToFetchAtProductLevel: (products: {
+    [key: string]: Product;
+}, globalData?: Collection) => string[];
+/**
+ * Instead of collection level, we do it product level.
+ *
+ * For more info refer @function markVariantsAsApproved
+ */
+export declare const markVariantsAsApprovedProductsLevel: (products: {
+    [key: string]: Product;
+}, dispatcher: React.Dispatch<CollectionsActions>, collectionId: string, curScreenData?: Collection, setCurScreenData?: React.Dispatch<React.SetStateAction<Collection>>) => void;
+/**
+ * If product has only one variant and variant name has product name, returns false.
+ * Other cases returns true.
+ */
+export declare const shouldShowVariant: (data: Product) => boolean;
+export declare const isProductPartiallyChecked: (collectionId: string, productId: string, selectedData: SelectedItems, currentCollection: Collection, hideProductVariants?: boolean) => boolean;
+export declare const isCollectionPartiallyChecked: (collectionId: string, collection: Collection, selectedCollections: SelectedItems, hideProductVariants?: boolean) => boolean;

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

@@ -0,0 +1 @@
+import{cloneDeep as o}from"lodash";const l=(l,n)=>{const i=o(n);if(delete i.products,(l=Object.assign(Object.assign({},l),{catalogOnlyData:i})).productId&&n.products){const t=o(n.products[l.productId]);(null==t?void 0:t.variants)&&delete t.variants,l=Object.assign(Object.assign({},l),{catalogOnlyData:i,productOnlyData:t})}return l};function n(o,l,n){var t;const d={};let v=0;for(const u in o)if(Object.prototype.hasOwnProperty.call(o,u)){const s=o[u],c=i(s.products,l,n-v);c&&Object.keys(c).length>0&&(d[u]=Object.assign(Object.assign({},s),{products:c})),v+=Object.keys(null!==(t=s.products)&&void 0!==t?t:{}).length}return d}function i(o,l,n){if(!o)return{};const i=Object.keys(o).slice(n,n+l),t={};return i.forEach((l=>{t[l]=o[l]})),t}const t=(o,l,n)=>{Object.keys(o).forEach((l=>{var n,i;const t=null!==(i=null===(n=o[l])||void 0===n?void 0:n.products)&&void 0!==i?i:{};Object.keys(t).forEach((n=>{var i,t,d,v;const u=null!==(v=null===(d=null===(t=null===(i=o[l])||void 0===i?void 0:i.products)||void 0===t?void 0:t[n])||void 0===d?void 0:d.variants)&&void 0!==v?v:{};Object.keys(u).forEach((i=>{var t,d,v,u;const s=null===(u=null===(v=null===(d=null===(t=o[l])||void 0===t?void 0:t.products)||void 0===d?void 0:d[n])||void 0===v?void 0:v.variants)||void 0===u?void 0:u[i];s&&!s.fbStatus&&(s.fbStatus="APPROVED")}))}))})),l({type:n,data:o})},d=function(o,l,n,i){let d=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"paged";i||t(o,n,d);const v=(o=>{const l=[];return Object.keys(o).forEach((n=>{var i,t;const d=null!==(t=null===(i=o[n])||void 0===i?void 0:i.products)&&void 0!==t?t:{};Object.keys(d).forEach((i=>{var t,d,v,u;const s=null!==(u=null===(v=null===(d=null===(t=o[n])||void 0===t?void 0:t.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)&&void 0!==u?u:{};Object.keys(s).forEach((t=>{var d,v,u,s;const c=null===(s=null===(u=null===(v=null===(d=o[n])||void 0===d?void 0:d.products)||void 0===v?void 0:v[i])||void 0===u?void 0:u.variants)||void 0===s?void 0:s[t];(null==c?void 0:c.fbStatus)||l.push(t)}))}))})),l})(o);v.length>0&&i&&i(l,v).then((l=>{const i=Object.assign({},o);Object.keys(i).forEach((o=>{var n,t;const d=null!==(t=null===(n=i[o])||void 0===n?void 0:n.products)&&void 0!==t?t:{};Object.keys(d).forEach((n=>{var t,d,v,u;const s=null!==(u=null===(v=null===(d=null===(t=i[o])||void 0===t?void 0:t.products)||void 0===d?void 0:d[n])||void 0===v?void 0:v.variants)&&void 0!==u?u:{};Object.keys(s).forEach((t=>{var d,v,u,s;const c=null===(s=null===(u=null===(v=null===(d=i[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[n])||void 0===u?void 0:u.variants)||void 0===s?void 0:s[t];c&&"REJECTED"===l[t]?c.fbStatus="REJECTED":c&&"APPROVED"===l[t]&&(c.fbStatus="APPROVED")}))}))})),n({type:d,data:i})})).catch((l=>{console.error("Error in fbStatusFetcher",l),t(o,n,d)}))},v=(o,l)=>{const n=[];return Object.keys(null!=o?o:{}).forEach((i=>{var t,d;const v=null!==(d=null===(t=null==o?void 0:o[i])||void 0===t?void 0:t.variants)&&void 0!==d?d:{};Object.keys(v).forEach((t=>{var d,v,u,s,c;let r;r=l?null===(u=null===(v=null===(d=null==l?void 0:l.products)||void 0===d?void 0:d[i])||void 0===v?void 0:v.variants)||void 0===u?void 0:u[t]:null===(c=null===(s=null==o?void 0:o[i])||void 0===s?void 0:s.variants)||void 0===c?void 0:c[t],(null==r?void 0:r.fbStatus)||n.push(t)}))})),n},u=(o,l,n,i,t)=>{const d=Object.assign({},o);if(Object.keys(o).forEach((l=>{var n,i;Object.keys(null!==(i=null===(n=null==o?void 0:o[l])||void 0===n?void 0:n.variants)&&void 0!==i?i:{}).forEach((n=>{var i,t;const v=null===(i=null==o?void 0:o[l].variants)||void 0===i?void 0:i[n];v&&(v.fbStatus="APPROVED");const u=null===(t=null==d?void 0:d[l])||void 0===t?void 0:t.variants;u&&u[n]&&(u[n]=v)}))})),i&&t){const o=Object.assign({},i);o.products=d,t(o),l({type:"productsPaged",data:{collectionId:n,products:d}})}else l({type:"productsPaged",data:{collectionId:n,products:d}})},s=o=>{const l=Object.keys(o.variants||[]);let n=!1;return!(l.length<=1)||(l.forEach((l=>{var i,t;n=null!==(t=null===(i=o.variants)||void 0===i?void 0:i[l].name.includes(o.name))&&void 0!==t&&t})),!n)},c=(o,l,n,i,t)=>{var d,v,u,s,c,r,a,e,f,p,b,O,h,j,y,E,k,g,P;let D=0,S=0;if(null===(v=null===(d=null==n?void 0:n[o])||void 0===d?void 0:d.products)||void 0===v?void 0:v[l]){if(t)return!1;const d=(null===(c=null===(s=null===(u=null==n?void 0:n[o])||void 0===u?void 0:u.products)||void 0===s?void 0:s[l])||void 0===c?void 0:c.variants)||[];if(1===Object.keys(d).length)for(const i in d){const t=null===(a=null===(r=null==n?void 0:n[o])||void 0===r?void 0:r.products)||void 0===a?void 0:a[l],d=null===(b=null===(p=null===(f=null===(e=null==n?void 0:n[o])||void 0===e?void 0:e.products)||void 0===f?void 0:f[l])||void 0===p?void 0:p.variants)||void 0===b?void 0:b[i];if(null===(O=null==d?void 0:d.name)||void 0===O?void 0:O.includes(null!==(h=null==t?void 0:t.name)&&void 0!==h?h:""))return!1}if(null===(E=Object.keys((null===(y=null===(j=null==i?void 0:i.products)||void 0===j?void 0:j[l])||void 0===y?void 0:y.variants)||[]))||void 0===E||E.forEach((()=>S++)),Object.keys((null===(P=null===(g=null===(k=null==n?void 0:n[o])||void 0===k?void 0:k.products)||void 0===g?void 0:g[l])||void 0===P?void 0:P.variants)||[]).forEach((()=>D++)),D>0&&S!==D)return!0}return!1},r=function(o,l,n){var i,t,d,v;let u=0,s=0;if(arguments.length>3&&void 0!==arguments[3]&&arguments[3]){const v=null!==(i=null==l?void 0:l.products)&&void 0!==i?i:{};u=Object.keys(v).length;const c=null!==(d=null===(t=n[o])||void 0===t?void 0:t.products)&&void 0!==d?d:{};s=Object.keys(c).length}else if(n[o]){const i=null==l?void 0:l.products;i&&Object.keys(i).forEach((o=>{var l;const n=null===(l=i[o])||void 0===l?void 0:l.variants;n&&Object.keys(n).forEach((o=>u+=1))}));const t=null===(v=n[o])||void 0===v?void 0:v.products;if(t&&Object.keys(t).forEach((o=>{var l;const n=null===(l=t[o])||void 0===l?void 0:l.variants;n&&Object.keys(n).forEach((o=>s+=1))})),u<=0&&s>0)return!1}return s>0&&u!==s};export{d as fetchFbStatusCollection,v as getVariantIdsToFetchAtProductLevel,r as isCollectionPartiallyChecked,c as isProductPartiallyChecked,l as liftTheStateUp,u as markVariantsAsApprovedProductsLevel,n as paginateSelectedItems,s as shouldShowVariant};

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { ProductVariant } from './modal';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+/**
+ * Extended type from Product Variant, which contains ids and name.
+ */
+export type ProductVariantForRearrange = ProductVariant & {
+    variantId: string;
+    productId: string;
+    collectionId: string;
+    productName: string;
+};
+/**
+ * Props type for variant card in rearrange screen
+ */
+export interface VariantCardInterface {
+    data: ProductVariantForRearrange;
+    selectedCollectionsDispatch?: React.Dispatch<SelectedCollectionsActions>;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    onDelete?: () => void;
+}
+/**
+ * Variant card in list view format.
+ * Displays image, name and delete icon
+ */
+export declare const VariantCardListView: (props: VariantCardInterface) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Variant card in grid view format.
+ * Displays only image
+ */
+export declare const VariantCardGridView: (props: VariantCardInterface) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/delete.svg.js";import i from"../../assets/icons/drag_handle.svg.js";import{COLORS as r}from"../../constants/Theme.js";import{IconButton as a}from"../icon-button/IconButton.js";import{ShimmerImage as n}from"../shimmer-image/ShimmerImage.js";import{TitleRegular as c}from"../TypographyStyle.js";import{ProductPickerTag as s}from"./ProductPickerTag.js";import{VariantCardListStyle as d,VariantCardGridStyle as l}from"./style.js";import{Tooltip as m}from"../tooltips/Tooltip.js";const h=l=>{const{data:h,selectedCollectionsDispatch:p,outOfStockAction:g}=l,u=()=>{let t;return t=h.name.includes(h.productName)?h.name:`${h.productName} ${h.name}`,t};return t(d,{children:[t("div",Object.assign({className:"text-container"},{children:[e(i,{width:24,height:24,color:r.content.placeholder}),e("div",{children:e(n,{width:40,height:40,imageUrl:h.image,alt:"Item",borderRadius:4},h.variantId)}),t("div",Object.assign({className:"tooltip-title-tag"},{children:[e(m,Object.assign({body:u(),placement:"bottom",delay:400,variant:"light"},{children:e(c,Object.assign({numberOfLines:1},{children:u()}))})),e(s,{isVariant:!0,data:h,outOfStockAction:g})]}))]})),e(a,{Icon:()=>e(o,{width:24,height:24,color:r.content.placeholder}),onClick:()=>{p&&p({type:"variantUnselected",data:{productId:h.productId,variantId:h.variantId,collectionId:h.collectionId}}),l.onDelete&&l.onDelete()}})]})},p=t=>{const{data:o}=t;return e(l,{children:e(m,Object.assign({body:o.name,alwaysVisible:!1,variant:"dark",placement:"bottom"},{children:e(n,{width:72,height:72,imageUrl:o.image,alt:"Item",borderRadius:4})}))})};export{p as VariantCardGridView,h as VariantCardListView};

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,12 @@ export type RadioButtonProps = {
     isActive: boolean;
     isDisabled?: boolean;
     value?: string;
+    label?: string;
     onValueChange: (checked: boolean, value?: string) => void;
+    skipHoverState?: boolean;
+    size?: 'DEFAULT' | 'SMALL';
+    skipSelectingOff?: boolean;
+    labelSize?: 'DEFAULT' | 'MEDIUM';
+    boldOnChecked?: boolean;
 };
 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}from"react";import{RadioButtonContainer as a,RadioButtonIcon as r}from"./RadioButton.styled.js";import{TitleSmall as o,BodyCaption as c,BodySecondary as n,BodyPrimary as d}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=s=>{const l=s.isDisabled?b.content.inactive:s.isActive?b.background.positive.vibrant:b.content.primary;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:l,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?b.content.inactive:b.background.positive.vibrant})]}))},v=v=>{const[p,h]=l(v.isActive||!1),[S,g]=l(!1),[x,u]=l(!1);t((()=>{h(v.isActive)}),[v.isActive]);return i(a,Object.assign({onClick:()=>{var i;if(!v.skipSelectingOff&&!v.isDisabled){const e=!p;h(e),null===(i=v.onValueChange)||void 0===i||i.call(v,e,v.value)}},onMouseEnter:()=>g(!v.skipHoverState),onMouseLeave:()=>g(!1),onMouseDown:()=>u(!v.skipHoverState),onMouseUp:()=>u(!1)},{children:[e(r,Object.assign({checked:p,hovered:S,clicked:x,isDisabled:v.isDisabled||!1,size:v.size},{children:e(m,{isSmall:"SMALL"===v.size,isActive:p,isDisabled:v.isDisabled||!1})})),v.label?v.boldOnChecked&&p?e(o,Object.assign({color:v.isDisabled?b.text.disabled:b.text.primary},{children:v.label})):"SMALL"===v.size?e(c,Object.assign({color:v.isDisabled?b.text.disabled:b.text.primary},{children:v.label})):"MEDIUM"===v.labelSize?e(n,Object.assign({color:v.isDisabled?b.text.disabled:b.text.primary},{children:v.label})):e(d,Object.assign({color:v.isDisabled?b.text.disabled:b.text.primary},{children:v.label})):e(s,{})]}))};export{v 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,14 @@
+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;
+};
+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 r}from"./RadioList.styled.js";import{TitleRegular as n,BodySecondary as l}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";const c=c=>{var m;const[d,u]=i(c.listItems);s((()=>{u(c.listItems)}),[c.listItems]);const h=(t,e)=>{let i;const s=[...d];s.forEach((s=>{s.value===e?(i=s,s.isActive=t):s.isActive=!t})),u(s),c.onChange(i)};return t(r,{children:[(c.title||c.subTitle)&&t("div",Object.assign({className:"title__container"},{children:[c.title&&e(n,{children:c.title}),c.subTitle&&e(l,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:h}),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

@@ -7,5 +7,9 @@ export interface SearchBarProps {
     placeholder: string;
     variant: InputVariant;
     validate?: (input?: string | number) => [boolean, string];
+    initialValue?: string;
+    reset?: boolean;
+    onClickCross?: () => void;
+    isActive?: boolean;
 }
-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 o}from"../../assets/icons/searchIcon.js";import{useState as t,useEffect as n}from"react";import s from"../../assets/icons/cross.svg.js";import{Input as a}from"../input/Input.js";const i=i=>{const{isEnabled:r,onEnter:c,placeholder:l,width:d,variant:h,validate:u,isActive:v}=i,[m,f]=t("search"),[p,g]=t("default"),[C,k]=t(v?"active":r?"none":"disabled"),[b,j]=t(i.initialValue||"");n((()=>{k(v?"active":r?"none":"disabled")}),[r,v]),n((()=>{i.reset&&I()}),[null==i?void 0:i.reset]);const w=e=>{r&&c(e)},I=()=>{f("search"),g("default"),j(""),i.onChange(""),k("none"),c("")};return e(a,{id:"search-bar",validate:u,onFocus:()=>{b.length&&f("cross"),"default"===p&&r&&(g("clicked"),k("active"))},width:d,state:C,leftIcon:"search"===m&&"default"===p?{icon:o}:void 0,rightIcon:"cross"===m?{icon:s,callback:()=>{I(),i.onClickCross&&i.onClickCross()}}:void 0,onChangeText:(e,o)=>{i.onChange(e),j(e),"keydown"!==(null==o?void 0:o.type)||13!==o.which&&13!==o.keyCode?e.trim().length?f("cross"):f("search"):w(e)},placeholder:l,variant:h,value:b,onBlur:()=>{b.length||g("default"),k("none")}})};export{i 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>, {}>;