@bikdotai/bik-component-library 0.3.0-bik-layout-beta → 0.4.0-bik-layout-beta

package/dist/esm/components/sample-button/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Color, Variant } from './SampleButton';
+export declare function getTheme(color: Color, variant: Variant): import("@emotion/utils").SerializedStyles;

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

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

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

@@ -0,0 +1,11 @@
+import { InputVariant } from '../input/Input';
+export interface SearchBarProps {
+    width: string;
+    isEnabled: boolean;
+    onChange: (searchText: string) => void;
+    onEnter: (searchText: string) => void;
+    placeholder: string;
+    variant: InputVariant;
+    validate?: (input?: string | number) => [boolean, string];
+}
+export declare const SearchBar: (props: SearchBarProps) => JSX.Element;

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

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+interface ShimmerBox {
+    height: string;
+    width: string;
+    marginTop?: string;
+}
+interface OwnProps {
+    boxes: ShimmerBox[];
+}
+type Props = OwnProps;
+export declare const BikShimmer: FunctionComponent<Props>;
+export default BikShimmer;

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

@@ -0,0 +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};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ShimmerStyled: 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/shimmer/ShimmerComponent/ShimmerStyled.js

@@ -0,0 +1,9 @@
+import b from"@emotion/styled/base";import{keyframes as i}from"@emotion/react";const t=i`
+  0% {
+    background-position: -468px 0;
+  }
+
+  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};

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export type ShimmerImageProps = {
+    imageUrl: string;
+    width: number;
+    height: number;
+    alt?: string;
+};
+export declare const ShimmerImage: React.FC<ShimmerImageProps>;

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

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as r}from"react";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";const m=m=>{let{imageUrl:n,width:h,height:l,alt:s}=m;const[a,c]=i(!0);return r((()=>{const t=new Image;return t.src=n,t.onload=()=>{c(!1)},()=>{t.onload=null}}),[n]),t("div",Object.assign({style:{position:"relative",width:h,height:l}},{children:[a&&e(o,{boxes:[{height:`${l}px`,width:`${h}`,marginTop:"0px"}]}),e("img",{src:n,alt:null!=s?s:"Image",style:{display:a?"none":"block",width:"100%",height:"100%"}})]}))};export{m as ShimmerImage};

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

@@ -0,0 +1,5 @@
+/// <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>>;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { SpinnerProps } from './model';
+export declare const Spinner: {
+    ({ size, color, className }: SpinnerProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/components/spinner/Spinner.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import e from"react-lottie";import{COLORS as o}from"../../constants/Theme.js";import*as s from"./lotties/black.json.js";import*as r from"./lotties/brand.json.js";import*as i from"./lotties/red.json.js";import*as n from"./lotties/white.json.js";import{SizeMap as a}from"./themes.js";const m={[o.stroke.brand]:r,[o.content.primary]:s,[o.content.primaryInverse]:n,[o.content.negative]:i},p=s=>{let{size:r,color:i,className:n}=s;const p={loop:!0,autoplay:!0,animationData:m[null!=i?i:o.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return t("div",Object.assign({className:`spinner-container ${n}`},{children:t(e,{options:p,width:a[r],isStopped:!1,isPaused:!1})}))};p.displayName="Spinner";export{p as Spinner};

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

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

package/dist/esm/components/spinner/lotties/black.json.js

@@ -0,0 +1 @@
+var a="loader for public",i=0,k=246,t=246,x={g:"LottieFiles AE 0.1.21"},s=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.12941176470588237,.12941176470588237,.12941176470588237,.5,.12941176470588237,.12941176470588237,.12941176470588237,1,.12941176470588237,.12941176470588237,.12941176470588237],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],e="5.5.7",r=60,m=90,o=0,p=[],l={nm:a,ddd:0,h:246,w:246,meta:x,layers:s,v:e,fr:60,op:90,ip:0,assets:p};export{p as assets,i as ddd,l as default,r as fr,k as h,o as ip,s as layers,x as meta,a as nm,m as op,e as v,t as w};

package/dist/esm/components/spinner/lotties/brand.json.js

@@ -0,0 +1 @@
+var a="loader for public",i=0,k=246,t=246,x={g:"LottieFiles AE 0.1.21"},s=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.45098039215686275,.11372549019607843,.8117647058823529,.5,.45098039215686275,.11372549019607843,.8117647058823529,1,.45098039215686275,.11372549019607843,.8117647058823529],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],e="5.5.7",r=60,m=90,o=0,p=[],l={nm:a,ddd:0,h:246,w:246,meta:x,layers:s,v:e,fr:60,op:90,ip:0,assets:p};export{p as assets,i as ddd,l as default,r as fr,k as h,o as ip,s as layers,x as meta,a as nm,m as op,e as v,t as w};

package/dist/esm/components/spinner/lotties/red.json.js

@@ -0,0 +1 @@
+var a="loader for public",i=0,k=246,t=246,x={g:"LottieFiles AE 0.1.21"},s=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.7254901960784313,.13725490196078433,.12941176470588237,.5,.7254901960784313,.13725490196078433,.12941176470588237,1,.7254901960784313,.13725490196078433,.12941176470588237],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],e="5.5.7",r=60,m=90,o=0,p=[],l={nm:a,ddd:0,h:246,w:246,meta:x,layers:s,v:e,fr:60,op:90,ip:0,assets:p};export{p as assets,i as ddd,l as default,r as fr,k as h,o as ip,s as layers,x as meta,a as nm,m as op,e as v,t as w};

package/dist/esm/components/spinner/lotties/white.json.js

@@ -0,0 +1 @@
+var a="loader for public",i=0,k=246,t=246,x={g:"LottieFiles AE 0.1.21"},s=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,1,1,1,.5,1,1,1,1,1,1,1],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],e="5.5.7",r=60,m=90,o=0,p=[],l={nm:a,ddd:0,h:246,w:246,meta:x,layers:s,v:e,fr:60,op:90,ip:0,assets:p};export{p as assets,i as ddd,l as default,r as fr,k as h,o as ip,s as layers,x as meta,a as nm,m as op,e as v,t as w};

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Size of the spinner
+     *
+     */
+    size: 'small' | 'large';
+    /**
+     * Color of the spinner.
+     * Defaults to COLORS.content.brand
+     */
+    color?: string;
+}

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

@@ -0,0 +1,3 @@
+export declare const SizeMap: {
+    [key in 'small' | 'large']: number;
+};

package/dist/esm/components/spinner/themes.js

@@ -0,0 +1 @@
+const l={small:16,large:40};export{l as SizeMap};

package/dist/esm/components/states/StateComponent.d.ts

@@ -0,0 +1,30 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+export declare enum StateInterface {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    LOADING = "loading"
+}
+export declare enum ButtonActions {
+    CANCEL = "cancel",
+    OTHER = "other"
+}
+export declare enum ButtonTypes {
+    SINGLE = "SINGLE",
+    DOUBLE = "DOUBLE"
+}
+export type StateComponentProps = {
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    icon?: JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonIcon?: ReactJSXElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width: number;
+};
+export declare const StateComponent: React.FC<StateComponentProps>;

package/dist/esm/components/states/StateComponent.js

@@ -0,0 +1 @@
+import{jsxs as n,jsx as t,Fragment as o}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";import e from"../../assets/icons/errorIcon.svg.js";import i from"../../assets/icons/successIcon.svg.js";import s from"../../assets/icons/warningIcon.svg.js";import{Button as c}from"../button/Button.js";import{Spinner as a}from"../spinner/Spinner.js";import{TitleMedium as m,BodyPrimary as l}from"../TypographyStyle.js";import{StateComponentContainer as d,StateIcon as p,StateHeading as h,StateSubline as u,ButtonContainer as E}from"./StateComponent.styled.js";var g,C,f;!function(n){n.SUCCESS="success",n.ERROR="error",n.WARNING="warning",n.LOADING="loading"}(g||(g={})),function(n){n.CANCEL="cancel",n.OTHER="other"}(C||(C={})),function(n){n.SINGLE="SINGLE",n.DOUBLE="DOUBLE"}(f||(f={}));const j=j=>{const y=()=>I==g.SUCCESS?t(i,{}):I==g.WARNING?t(s,{}):I==g.ERROR?t(e,{}):I===g.LOADING?t(a,{size:"large"}):void 0,{states:I,heading:O,subline:R,icon:S=y(),isButtonEnabled:b,type:L,buttonText:N,onButtonClick:T,leadingIcon:A,width:B}=j;return n(d,Object.assign({width:B},{children:[t(p,{children:S}),t(h,{children:t(m,{children:O})}),t(u,{children:t(l,Object.assign({color:r.content.secondary},{children:R}))}),b&&t(o,{children:n(E,{children:[L==f.DOUBLE&&t(c,{onClick:()=>T&&T(C.CANCEL),buttonType:"secondary",buttonText:"Cancel",matchParentWidth:!0}),t(c,{onClick:()=>T&&T(C.OTHER),buttonType:"primary",LeadingIcon:A,buttonText:null!=N?N:"Retry",matchParentWidth:!0})]})})]}))};export{C as ButtonActions,f as ButtonTypes,j as StateComponent,g as StateInterface};

package/dist/esm/components/states/StateComponent.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const StateComponentContainer: import("styled-components").StyledComponent<"div", any, {
+    width: number;
+}, never>;
+export declare const StateIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StateHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StateSubline: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/states/StateComponent.styled.js

@@ -0,0 +1,26 @@
+import i from"styled-components";const t=i.div`
+	width: ${i=>i.width?`${i.width}px`:"400px"};
+	position: relative;
+	border-radius: 4px;
+	padding: 32px 24px 24px 24px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+`,p=i.div`
+	width: 64px;
+	height: 64px;
+`,x=i.div`
+	margin-top: 16px;
+	text-align: center;
+	max-width: 100%;
+`,d=i.div`
+	display: flex;
+	margin-top: 24px;
+	gap: 12px;
+	width: 100%;
+`,e=i.div`
+	margin-top: 4px;
+	max-width: 100%;
+	text-align: center;
+	max-width: 100%;
+`;export{d as ButtonContainer,t as StateComponentContainer,x as StateHeading,p as StateIcon,e as StateSubline};

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

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

package/dist/esm/components/states-modal/DeleteConfirmationModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface DeleteConfirmationModalProps {
+    header: string;
+    subHeader: string;
+    confirmationText: string;
+    onDeleteConfirmed: () => void;
+    onCancelClicked: () => void;
+}
+export declare const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps>;

package/dist/esm/components/states-modal/DeleteConfirmationModal.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{StyledModal as t}from"../modals/styledModal.js";const n=n=>e(t,{centralContainerStyles:{width:400},onClose:()=>n.onCancelClicked(),open:!0,headingTitle:n.header,headingSubtitle:n.subHeader,primaryButton:{buttonText:n.confirmationText,buttonType:"destructive",size:"small",onClick:()=>n.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>n.onCancelClicked()}});export{n as DeleteConfirmationModal};

package/dist/esm/components/states-modal/StateModalComponent.d.ts

@@ -0,0 +1,19 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+import { ButtonActions, ButtonTypes, StateInterface } from '../states/StateComponent';
+export type StateModalComponentProps = {
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    icon?: JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonIcon?: ReactJSXElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width?: number;
+    onClose?: () => void;
+    zIndex?: number;
+};
+export declare const StateModalComponent: React.FC<StateModalComponentProps>;

package/dist/esm/components/states-modal/StateModalComponent.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import e from"../../assets/icons/warningIcon.svg.js";import{Modal as i}from"../modals/Modal.js";import{Spinner as r}from"../spinner/Spinner.js";import{StateInterface as c,StateComponent as a}from"../states/StateComponent.js";const l=l=>{const m=()=>d==c.SUCCESS?t(s,{}):d==c.WARNING?t(e,{}):d==c.ERROR?t(o,{}):d===c.LOADING?t(r,{size:"large"}):void 0,{states:d,heading:p,subline:u,icon:C=m(),isButtonEnabled:I,type:f,buttonText:g,onButtonClick:j,leadingIcon:b,width:h,zIndex:x}=l,[O,S]=n(!0);return t(i,Object.assign({open:O,onClose:function(){l.onClose&&l.onClose(),S(!1)},closeOnOutsideClick:!(d===c.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:h},hideCrossButton:d===c.LOADING,zIndex:x},{children:t(a,{states:d,heading:p,subline:u,isButtonEnabled:I,leadingIcon:b,type:f,buttonText:g,onButtonClick:j,icon:C,width:h||400})}))};export{l as StateModalComponent};

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

@@ -0,0 +1,2 @@
+export * from './StateModalComponent';
+export * from './DeleteConfirmationModal';

package/dist/esm/components/stepper/Stepper.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
+export interface StepperProps {
+    steps: EachStep[];
+    activeStep: EachStep;
+    onClickingEachStep: (step: EachStep) => void;
+}
+export interface EachStep {
+    stepKey: string;
+    stepName: string;
+    isCompleted: boolean;
+    isError: boolean;
+    isInActive: boolean;
+}
+export interface SingleStepperProps {
+    index: number;
+    isLastElement: boolean;
+    eachStep: EachStep;
+    isActive: boolean;
+    onClickingStep: (step: EachStep) => void;
+}
+export declare const Stepper: (stepperDetails: StepperProps) => JSX.Element;

package/dist/esm/components/stepper/Stepper.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import s from"../../assets/icons/check.svg.js";import c from"../../assets/icons/errorInfo.svg.js";import{BodySecondary as r,BodyPrimary as n}from"../TypographyStyle.js";import{StepperContainer as o,SingleStepperChildContainer as a}from"./Stepper.styled.js";const l=t=>{const{steps:i,activeStep:s,onClickingEachStep:c}=t;return e(o,{children:i.map(((t,r)=>e(p,{eachStep:t,onClickingStep:e=>{c(e)},isActive:(null==s?void 0:s.stepKey)==(null==t?void 0:t.stepKey),isLastElement:r==i.length-1,index:r},r)))})},p=o=>{const{eachStep:l,isLastElement:p,index:d,isActive:m,onClickingStep:h}=o,{stepName:g,isCompleted:v,isError:j,isInActive:S}=l,b=()=>m?"active":v?"completed":j?"error":S?"inactive":"default";return t(a,Object.assign({onClick:()=>{!S&&h(l)},selectedState:b()},{children:[t("div",Object.assign({className:`hover-container ${S?"blocked":"pointer"} `},{children:[e("div",Object.assign({className:"badge"},{children:"completed"==b()?e(s,{height:16,width:16,color:i.content.positive}):"error"==b()?e(c,{height:16,width:16}):e(r,Object.assign({className:"badge-text"},{children:d+1}))})),e(n,Object.assign({className:"step-text",title:g},{children:g}))]})),e("div",{className:p?"":"horizontal-divider"})]}))};export{l as Stepper};

package/dist/esm/components/stepper/Stepper.styled.d.ts

@@ -0,0 +1,6 @@
+import { StepperStates } from './Stepper';
+export declare const StepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SingleStepperChildContainer: import("styled-components").StyledComponent<"div", any, {
+    selectedState: StepperStates;
+}, never>;
+export declare const WorkingStepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/stepper/Stepper.styled.js

@@ -0,0 +1,83 @@
+import e from"styled-components";import{getTheme as t}from"./themes.js";const o=e.div`
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	gap: 16px;
+`,i=e.div`
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	gap: 8px;
+
+	.pointer {
+		cursor: pointer;
+	}
+	.blocked {
+		cursor: not-allowed;
+	}
+
+	.hover-container {
+		padding: 6px 8px 6px 6px;
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		gap: 8px;
+		&:hover {
+			padding: 6px 8px 6px 6px;
+			background: #f0f0f0;
+			border-radius: 30px;
+		}
+	}
+	.badge {
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		padding: 4px;
+		gap: 10px;
+		width: 32px;
+		height: 24px;
+		background: ${e=>t(e.selectedState).badgeBackground};
+		border: 1px solid ${e=>t(e.selectedState).badgeBorder};
+		border-radius: 30px;
+		.badge-text {
+			font-weight: ${e=>t(e.selectedState).fontWeight};
+			color: ${e=>t(e.selectedState).badgeColor};
+		}
+	}
+	.step-text {
+		font-weight: ${e=>t(e.selectedState).fontWeight};
+		font-feature-settings: 'tnum' on, 'lnum' on, 'case' on, 'ss04' on;
+		color: ${e=>t(e.selectedState).textColor};
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 200px;
+	}
+	.horizontal-divider {
+		width: 48px;
+		height: 1px;
+		background: ${e=>t(e.selectedState).dividerBackground};
+		margin-left: 8px;
+	}
+`;e.div`
+	.top-bar {
+		position: sticky;
+		top: 0px;
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		background: white;
+	}
+	.main-container {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		overflow-y: auto;
+	}
+`;export{i as SingleStepperChildContainer,o as StepperContainer};

package/dist/esm/components/stepper/StepperService.d.ts

@@ -0,0 +1,4 @@
+import { EachStep } from './Stepper';
+export default class StepperService {
+    updateSteps: (steps: EachStep[], stepToUpdate: EachStep, propertiesToUpdate: Partial<EachStep>) => EachStep[];
+}

package/dist/esm/components/stepper/WorkingStepper.d.ts

@@ -0,0 +1,14 @@
+export declare const WorkingStepper: () => JSX.Element;
+export declare enum STEPENUM {
+    STEP1 = "STEP1",
+    STEP2 = "STEP2",
+    STEP3 = "STEP3",
+    STEP4 = "STEP4"
+}
+export declare const Steps: {
+    stepKey: STEPENUM;
+    stepName: string;
+    isCompleted: boolean;
+    isError: boolean;
+    isInActive: boolean;
+}[];

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

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

package/dist/esm/components/stepper/themes.d.ts

@@ -0,0 +1,18 @@
+import type { StepperStates } from './Stepper';
+export declare function getTheme(step: StepperStates): {
+    textColor: string;
+    badgeColor: string;
+    badgeBackground: string;
+    badgeBorder: string;
+    dividerBackground: string;
+    fontWeight: string;
+    background?: undefined;
+} | {
+    textColor: string;
+    background: string;
+    badgeColor: string;
+    badgeBorder: string;
+    dividerBackground: string;
+    fontWeight: string;
+    badgeBackground?: undefined;
+};

package/dist/esm/components/stepper/themes.js

@@ -0,0 +1 @@
+import{COLORS as e}from"../../constants/Theme.js";function t(t){switch(t){case"active":return{textColor:`${e.content.positive}`,badgeColor:`${e.content.primaryInverse}`,badgeBackground:`${e.background.positive.vibrant}`,badgeBorder:"transparent",dividerBackground:`${e.content.positive}`,fontWeight:"600"};case"completed":return{textColor:`${e.content.positive}`,badgeColor:`${e.content.positive}`,badgeBackground:`${e.background.positive.light}`,badgeBorder:`${e.content.positive}`,dividerBackground:`${e.content.positive}`,fontWeight:"400"};case"error":return{textColor:`${e.content.negative}`,badgeBackground:`${e.background.negative.light}`,badgeColor:`${e.content.negative}`,badgeBorder:`${e.content.negative}`,dividerBackground:`${e.content.negative}`,fontWeight:"400"};case"inactive":return{textColor:`${e.content.inactive}`,badgeBackground:"transparent",badgeColor:`${e.content.inactive}`,badgeBorder:`${e.content.inactive}`,dividerBackground:`${e.content.inactive}`,fontWeight:"400"};default:return{textColor:`${e.content.secondary}`,background:"trasparent",badgeColor:`${e.content.secondary}`,badgeBorder:`${e.content.secondary}`,dividerBackground:`${e.content.secondary}`,fontWeight:"400"}}}export{t as getTheme};

package/dist/esm/components/switch/Switch.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { SwitchColorProps, SwitchProps } from './Switch.d';
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    trackLength: number;
+    trackHeight: number;
+    trackColor: SwitchColorProps;
+    value: boolean;
+    borderColor: SwitchColorProps;
+    duration: number;
+    disabled?: boolean | undefined;
+    outlineColor: SwitchColorProps;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Thumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    value: boolean;
+    duration: number;
+    thumbColor: SwitchColorProps;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Loader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    value: boolean;
+    trackColor: SwitchColorProps;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/switch/Switch.js

@@ -0,0 +1 @@
+import g from"@emotion/styled/base";import{__awaiter as I}from"../../_virtual/_tslib.js";import{jsx as c,Fragment as b}from"react/jsx-runtime";import{forwardRef as C,useState as A,useEffect as l}from"react";import{COLORS as G,DEFAULT_THEME as d}from"../../constants/Theme.js";const H=C((g=>{let{customThumbColor:C,trackColor:G,trackHeight:H,trackLength:y,disabled:m,value:x,onValueChange:W,duration:J,containerStyle:n,type:B,isLoading:u}=g;var a,Y,V,t;const{colorsV2:R}=d,[o,v]=A(x),[h,s]=A(null!=u&&u),e=null!=J?J:200;l((()=>{"boolean"==typeof u&&s(u)}),[u]),l((()=>{v(x)}),[x]);const p=m?{false:R.background.inactive,true:R.background.inactive}:{false:(null!==(a=null==G?void 0:G.false)&&void 0!==a?a:"greenred"===B)?R.background.negative.light:R.background.base,true:(null!==(Y=null==G?void 0:G.true)&&void 0!==Y?Y:"greenred"===B)?R.background.positive.vibrant:R.background.brand},N={false:"greenred"===B?R.stroke.negative.lightAlt:R.stroke.primary,true:"greenred"===B?R.background.positive.vibrant:R.background.brand},F=m?{false:R.content.inactive,true:R.content.inactive}:{false:(null!==(V=null==C?void 0:C.false)&&void 0!==V?V:"greenred"===B)?R.content.negative:R.text.primary,true:null!==(t=null==C?void 0:C.true)&&void 0!==t?t:R.surface.standard},w=B?{false:"greenred"===B?R.stroke.negative.lightAlt:R.stroke.primary,true:"greenred"===B?R.stroke.positive.lightAlt:R.background.brandLight}:{false:R.stroke.primary,true:R.stroke.primary};return c(b,{children:c(Z,Object.assign({trackLength:null!=y?y:40,trackHeight:null!=H?H:20,onClick:()=>function(){return I(this,void 0,void 0,(function*(){if(!m){"boolean"!=typeof u&&s(!0);try{yield null==W?void 0:W(!o),v(!o)}catch(g){console.log(g)}"boolean"!=typeof u&&s(!1)}}))}(),trackColor:p,value:o,style:n,borderColor:N,duration:e,disabled:m,outlineColor:w},{children:h?c(i,{value:o,trackColor:p}):c(X,{value:o,duration:e,thumbColor:F})}))})}));H.displayName="Switch";const Z=g("div","production"===process.env.NODE_ENV?{target:"e1u17pni2"}:{target:"e1u17pni2",label:"SwitchContainer"})("display:flex;flex-direction:row;margin-top:5px;margin-bottom:5px;border-radius:30px;background-color:red;background-color:",(g=>g.value?g.trackColor.true:g.trackColor.false),";width:",(g=>g.trackLength+"px"),";height:",(g=>g.trackHeight+"px"),";border-width:",(g=>g.disabled?"0px":"1px"),";border-style:solid;border-color:",(g=>g.value?g.borderColor.true:g.borderColor.false),";transition:",(g=>g.duration/1e3+"s ease all"),";align-items:center;cursor:pointer;:focus{outline:",(g=>g.value?g.outlineColor.true:g.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}:active{outline:",(g=>g.value?g.outlineColor.true:g.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUYwQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0OmZvY3VzIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cblx0OmFjdGl2ZSB7XG5cdFx0b3V0bGluZTogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMub3V0bGluZUNvbG9yLnRydWUgOiBwcm9wcy5vdXRsaW5lQ29sb3IuZmFsc2V9O1xuXHRcdG91dGxpbmUtc3R5bGU6IHNvbGlkO1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cdFx0b3V0bGluZS13aWR0aDogMnB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAxMnB4O1xuXHR3aWR0aDogMTJweDtcblx0bWFyZ2luOiA0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdHRyYW5zaXRpb246ICR7KHByb3BzKSA9PiBgJHtwcm9wcy5kdXJhdGlvbiAvIDEwMDB9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMb2FkZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cdEBrZXlmcmFtZXMgc3BpbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN3aXRjaC5qcy5tYXAiXX0= */")),X=g("div","production"===process.env.NODE_ENV?{target:"e1u17pni1"}:{target:"e1u17pni1",label:"Thumb"})("height:12px;width:12px;margin:4px;border-radius:8px;position:relative;left:",(g=>g.value?"calc(100% - 20px)":"0px"),";transition:",(g=>g.duration/1e3+"s ease all"),";background-color:",(g=>g.value?g.thumbColor.true:g.thumbColor.false),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0OmZvY3VzIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cblx0OmFjdGl2ZSB7XG5cdFx0b3V0bGluZTogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMub3V0bGluZUNvbG9yLnRydWUgOiBwcm9wcy5vdXRsaW5lQ29sb3IuZmFsc2V9O1xuXHRcdG91dGxpbmUtc3R5bGU6IHNvbGlkO1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cdFx0b3V0bGluZS13aWR0aDogMnB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAxMnB4O1xuXHR3aWR0aDogMTJweDtcblx0bWFyZ2luOiA0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdHRyYW5zaXRpb246ICR7KHByb3BzKSA9PiBgJHtwcm9wcy5kdXJhdGlvbiAvIDEwMDB9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMb2FkZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cdEBrZXlmcmFtZXMgc3BpbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN3aXRjaC5qcy5tYXAiXX0= */")),i=g("div","production"===process.env.NODE_ENV?{target:"e1u17pni0"}:{target:"e1u17pni0",label:"Loader"})("border-width:2px;border-style:solid;border-color:",(g=>g.value?g.trackColor.true:g.trackColor.false),";border-top-width:2px;border-top-style:solid;border-top-color:",(g=>g.value?G.text.white:G.background.brand),";border-radius:50%;height:8px;width:8px;margin:4px;position:relative;left:",(g=>g.value?"calc(100% - 20px)":"0px"),";animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUhpQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0OmZvY3VzIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cblx0OmFjdGl2ZSB7XG5cdFx0b3V0bGluZTogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMub3V0bGluZUNvbG9yLnRydWUgOiBwcm9wcy5vdXRsaW5lQ29sb3IuZmFsc2V9O1xuXHRcdG91dGxpbmUtc3R5bGU6IHNvbGlkO1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cdFx0b3V0bGluZS13aWR0aDogMnB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAxMnB4O1xuXHR3aWR0aDogMTJweDtcblx0bWFyZ2luOiA0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdHRyYW5zaXRpb246ICR7KHByb3BzKSA9PiBgJHtwcm9wcy5kdXJhdGlvbiAvIDEwMDB9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMb2FkZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cdEBrZXlmcmFtZXMgc3BpbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN3aXRjaC5qcy5tYXAiXX0= */"));export{i as Loader,H as Switch,Z as SwitchContainer,X as Thumb};

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

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

package/dist/esm/components/tabs/Tabs.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TabItemComponentProps, TabViewHeaderProps } from './Tabs.d';
+export declare const Tabs: React.FC<TabViewHeaderProps>;
+export declare const TabItemComponent: React.FC<TabItemComponentProps>;

package/dist/esm/components/tabs/Tabs.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as r}from"react";import{DEFAULT_THEME as n}from"../../constants/Theme.js";import{BodyCaption as l}from"../TypographyStyle.js";import{TabHeader as a,EmptyTab as s,RightComponent as c,TabItem as i,TabItemText as d,TrailingNumberContainer as b}from"./Tabs.styles.js";const m=l=>{var i,d;const{tabs:b,initialTab:m,onTabSelected:T,TabItemStyledProps:u,selectedTab:C,extendedBorder:g,rightComponent:y}=l,[h,x]=o(m||b[0].key),{colorsV2:j}=n;r((()=>{C&&x(C)}),[C]);const S=l.backgroundColor,k=null!==(i=l.selectedTextColor)&&void 0!==i?i:j.background.brand,I=null!==(d=l.textColor)&&void 0!==d?d:j.content.secondary;return e(a,Object.assign({bgColor:S},{children:[b.map((e=>t(p,{hasEqualSpacing:l.hasEqualSpacing,selectedTextColor:k,textColor:I,tab:e,currentTab:h,TabItemStyledProps:u,IconComponent:e.icon,setCurrentTab:e=>{T(e),x(e)}},e.key))),g&&t(s,{}),t(c,{children:y})]}))},p=o=>{const{tab:r,currentTab:a,setCurrentTab:s,TabItemStyledProps:c,IconComponent:m}=o,p=r.key===a,{colorsV2:T}=n;return e(i,Object.assign({style:c,selected:p,hasEqualSpacing:o.hasEqualSpacing,onClick:()=>s(o.tab.key),selectedTextColor:o.selectedTextColor},{children:[m&&t(m,{selected:p?T.background.brand:T.content.secondary}),t(d,Object.assign({textColor:o.textColor,selectedTextColor:o.selectedTextColor,selected:p},{children:r.title})),void 0!==r.trailingNumber&&null!==r.trailingNumber&&t(b,Object.assign({selected:p},{children:t(l,Object.assign({color:T.content.primaryInverse},{children:r.trailingNumber}))}))]}))};m.displayName="Tabs",p.displayName="TabItemComponent";export{p as TabItemComponent,m as Tabs};

package/dist/esm/components/tabs/Tabs.styles.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { TabItemProps, TabItemTextProps } from './Tabs.d';
+export declare const TabHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    bgColor?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TabItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TrailingNumberContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selected: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabItemText: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & TabItemTextProps, {}, {}>;
+export declare const EmptyTab: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RightComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;