@bikdotai/bik-component-library 1.0.0 → 1.1.1-beta.10

package/dist/cjs/components/pagination/Pagination.styled.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"e14rxdu80"}:{target:"e14rxdu80",label:"Pagination"})("production"===process.env.NODE_ENV?{name:"ifuiz5",styles:"display:flex;align-items:center;justify-content:start;column-gap:16px;width:100%"}:{name:"ifuiz5",styles:"display:flex;align-items:center;justify-content:start;column-gap:16px;width:100%",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24uc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDcUMiLCJmaWxlIjoiUGFnaW5hdGlvbi5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRjb2x1bW4tZ2FwOiAxNnB4O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBhZ2luYXRpb24uc3R5bGVkLmpzLm1hcCJdfQ== */",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)."}});exports.Pagination=t;

package/dist/cjs/components/pagination/index.d.ts

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

package/dist/cjs/components/postPicker/PostPicker.styled.d.ts

@@ -0,0 +1,14 @@
+export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitleMedium: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledProductGrid: import("styled-components").StyledComponent<"div", any, {
+    mediaType: string;
+}, never>;
+export declare const StyledProduct: import("styled-components").StyledComponent<"div", any, {
+    mediaType: string;
+}, never>;
+export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonViewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/postPicker/PostPicker.styled.js

@@ -0,0 +1,130 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,o=i(e);!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(d||(d={})),o.default.div`
+	position: fixed;
+	top: 0;
+	left: 0;
+	cursor: default;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	background-color: rgba(0, 0, 0, 0.5);
+	align-items: center;
+	justify-content: center;
+`,o.default.div`
+	background-color: #fff;
+	width: 1032px;
+	height: auto;
+	max-height: 600px;
+	border-radius: 4px;
+	padding: 24px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	position: relative;
+`,o.default.div`
+	display: flex;
+	justify-content: space-between;
+	flex-direction: row;
+	gap: 20px;
+	width: 1032px;
+`,o.default(t.TitleMedium)`
+	padding: 6px 6px 20px 6px;
+`,o.default.div`
+	padding: 6px 6px 20px 6px;
+`;const p=o.default.div`
+	display: grid;
+	grid-template-columns: repeat(
+		${e=>e.mediaType==d.POST?6:8},
+		${e=>e.mediaType==d.POST?156:113}px
+	);
+	grid-gap: 16px;
+	overflow-y: scroll;
+	height: calc(564px - 140px);
+	overflow-y: auto;
+	padding: 0 24px;
+
+	/* Hide scrollbar by default */
+	&::-webkit-scrollbar {
+		width: 0.5em;
+	}
+	/* Show scrollbar on hover */
+	&:hover::-webkit-scrollbar {
+		width: 0.5em;
+	}
+`,r=o.default.div`
+	position: relative;
+	cursor: pointer;
+	height: ${e=>e.mediaType==d.POST?155:180}px;
+	padding: 2px;
+	border-radius: 4px;
+	border: 2px solid transparent;
+
+	img {
+		width: ${e=>e.mediaType==d.POST?148:104}px;
+		height: ${e=>e.mediaType==d.POST?148:172}px;
+		object-fit: cover;
+		border-radius: 4px;
+	}
+
+	.overlay {
+		position: absolute;
+		top: 2px;
+		left: 2px;
+		width: ${e=>e.mediaType==d.POST?148:104}px;
+		height: ${e=>e.mediaType==d.POST?148:172}px;
+		background-color: rgba(255, 255, 255, 0.9);
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: space-between;
+		opacity: 0;
+		transition: opacity 0.2s ease-in-out;
+		border-radius: 4px;
+
+		a {
+			text-decoration: none;
+		}
+	}
+
+	.overlay__caption {
+		text-align: center;
+		background: #fafafa;
+		padding: 10px 20px;
+		height: 40px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.overlay__redirection {
+		display: flex;
+		justify-content: center;
+		gap: 5px;
+		padding: 10px;
+	}
+
+	&:hover .overlay {
+		opacity: 1;
+	}
+
+	&.selected {
+		border: 2px solid #731dcf;
+	}
+`;o.default.div`
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	padding-top: 12px;
+	justify-content: space-between;
+	border-top: 1px solid #e0e0e0;
+`,o.default.div`
+	flex: 1;
+	padding-top: 10px;
+	display: flex;
+	justify-content: flex-start;
+`,o.default.div`
+	flex: 1;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+	gap: 10px;
+`,exports.StyledProduct=r,exports.StyledProductGrid=p;

package/dist/cjs/components/postPicker/index.d.ts

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

package/dist/cjs/components/postPicker/postPicker.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare enum MEDIA_TYPES {
+    STORY = "story",
+    POST = "post",
+    REEL = "reel"
+}
+export type Media = {
+    imageUrl: string;
+    redirectionUrl: string;
+    overlayCaption: string;
+    id: string;
+};
+export type PostPickerProps = {
+    title: string;
+    showModal: boolean;
+    onClose: (e: any) => void;
+    onSelect: (Media: Media[]) => void;
+    media: Media[];
+    mediaType: MEDIA_TYPES;
+    previouslySelected?: Media[];
+    limit?: number;
+    selected: Media[];
+};
+export declare const PostPicker: React.FC<PostPickerProps>;

package/dist/cjs/components/postPicker/postPicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),s=require("react"),r=require("./PostPicker.styled.js"),i=require("../tag/Tag.js"),a=require("../TypographyStyle.js"),l=require("../../utils/unCamelCase.js"),n=require("../../constants/colors.js"),o=require("../../constants/Theme.js"),c=require("../../assets/icons/instagram.svg.js"),d=require("../../assets/icons/warning.svg.js"),u=require("../modals/styledModal.js");exports.MEDIA_TYPES=void 0,(e=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",e.POST="post",e.REEL="reel";exports.PostPicker=e=>{var y;const[g,j]=s.useState(null!==(y=e.previouslySelected)&&void 0!==y?y:[]),[h,p]=s.useState("");s.useEffect((()=>{j(e.selected||[])}),[]),s.useEffect((()=>{g.length>0&&p("")}),[g.length]);return t.jsx(t.Fragment,{children:t.jsx(u.StyledModal,Object.assign({zIndex:3,open:e.showModal,headingTitle:e.title,onClose:t=>e.onClose(t),centralContainerStyles:{width:1071,height:564},primaryButton:{buttonType:"primary",buttonText:`Select ${l.unCamelCase(e.mediaType)}`,onClick:()=>{g.length?e.onSelect(g):p("Please select a post to proceed")}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:t=>e.onClose(t)},footerLeftCustomElement:h?t.jsx(i.Tag,{tagText:h,type:"negative",LeadingIcon:d.default}):g.length?t.jsxs(a.BodySecondary,{children:[g.length," selected"]}):null},{children:t.jsx(r.StyledProductGrid,Object.assign({mediaType:e.mediaType},{children:e.media.map((s=>t.jsxs(r.StyledProduct,Object.assign({mediaType:e.mediaType,className:""+(g.includes(s)?"selected":""),onClick:()=>{return t=s,void j((()=>g.includes(t)?g.filter((e=>e!==t)):!e.limit||g.length<e.limit?[...g,t]:g));var t}},{children:[t.jsx("img",{src:s.imageUrl,alt:s.overlayCaption}),t.jsxs("div",Object.assign({className:"overlay"},{children:[t.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:s.redirectionUrl},{children:t.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[t.jsx(c.default,{height:22,width:22}),t.jsx(a.BodyPrimary,Object.assign({color:n.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),t.jsx("div",Object.assign({className:"overlay__caption"},{children:t.jsx(a.BodyCaption,Object.assign({color:o.COLORS.content.placeholder},{children:s.overlayCaption}))}))]}))]}),s.id)))}))}))})};

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface ProgressBarProps {
+    completed: number;
+    isAnimated: boolean;
+    color?: string;
+    height?: number;
+}
+export declare const ProgressBarComponent: (props: ProgressBarProps) => JSX.Element;
+export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("react/jsx-runtime"),b=require("react-bootstrap"),t=require("../../constants/Theme.js");function o(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const s=o(c).default("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 */"));exports.ProgressBarComponent=c=>e.jsx(s,Object.assign({color:c.color?c.color:t.COLORS.content.brand},{children:e.jsx(b.ProgressBar,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),exports.ProgressCompletedBar=s;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export type RadioButtonProps = {
+    isActive: boolean;
+    isDisabled?: boolean;
+    value?: string;
+    onValueChange: (checked: boolean, value?: string) => void;
+};
+export declare const RadioButton: React.FC<RadioButtonProps>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),t=require("../../constants/Theme.js");const n=i=>{const s=i.isDisabled?t.COLORS.content.inactive:i.isActive?t.COLORS.background.positive.vibrant:t.COLORS.content.primary;return e.jsxs("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),i.isActive&&e.jsx("circle",{cx:"10",cy:"10",r:"5",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant})]}))};exports.RadioButton=t=>{const[o,c]=i.useState(t.isActive||!1),[r,a]=i.useState(!1),[l,u]=i.useState(!1);return e.jsx(s.RadioButtonContainer,Object.assign({onClick:()=>{var e;if(!t.isDisabled){const i=!o;c(i),null===(e=t.onValueChange)||void 0===e||e.call(t,i,t.value)}},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onMouseDown:()=>u(!0),onMouseUp:()=>u(!1)},{children:e.jsx(s.RadioButtonIcon,Object.assign({checked:o,hovered:r,clicked:l,isDisabled:t.isDisabled||!1},{children:e.jsx(n,{isActive:o,isDisabled:t.isDisabled||!1})}))}))};

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

@@ -0,0 +1,7 @@
+export declare const RadioButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RadioButtonIcon: import("styled-components").StyledComponent<"div", any, {
+    checked: boolean;
+    hovered: boolean;
+    clicked: boolean;
+    isDisabled: boolean;
+}, never>;

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

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const s=o.default.div`
+	display: inline-flex;
+	align-items: center;
+	cursor: pointer;
+`,r=o.default.div`
+	width: 20px;
+	height: 20px;
+	border-radius: 50%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	${i=>i.hovered&&e.css`
+			outline: 3px solid ${t.COLORS.surface.hovered};
+		`}
+	${i=>i.clicked&&!i.isDisabled&&e.css`
+			outline: 3px solid
+				${i.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
+			outline-offset: 2px;
+		`}
+`;exports.RadioButtonContainer=s,exports.RadioButtonIcon=r;

package/dist/cjs/components/radioButton/index.d.ts

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

package/dist/cjs/components/sample-button/SampleButton.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warn';
+export type Variant = 'solid' | 'outline' | 'text';
+export interface SampleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The color of the Button.
+     *
+     * @default 'primary'
+     */
+    color?: Color;
+    /**
+     * The visual style of the Button.
+     *
+     * @default 'solid'
+     */
+    variant?: Variant;
+}
+export declare const SampleButton: import("react").ForwardRefExoticComponent<SampleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/sample-button/SampleButton.styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Color, Variant } from './SampleButton';
+export declare const SampleButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $color: Color;
+    variant: Variant;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/cjs/components/sample-button/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/components/spinner/Spinner.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-lottie"),r=require("../../constants/Theme.js"),s=require("./lotties/black.json.js"),i=require("./lotties/brand.json.js"),n=require("./lotties/red.json.js"),o=require("./lotties/white.json.js"),a=require("./themes.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(t);const u={[r.COLORS.stroke.brand]:i,[r.COLORS.content.primary]:s,[r.COLORS.content.primaryInverse]:o,[r.COLORS.content.negative]:n},p=t=>{let{size:s,color:i,className:n}=t;const o={loop:!0,autoplay:!0,animationData:u[null!=i?i:r.COLORS.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return e.jsx("div",Object.assign({className:`spinner-container ${n}`},{children:e.jsx(c.default,{options:o,height:a.SizeMap[s],width:a.SizeMap[s],isStopped:!1,isPaused:!1})}))};p.displayName="Spinner",exports.Spinner=p;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{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}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{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}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{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}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{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}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;

package/dist/cjs/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/cjs/components/spinner/themes.d.ts

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.SizeMap={small:16,large:40};

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

@@ -0,0 +1,29 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+export declare enum StateInterface {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning"
+}
+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/cjs/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/cjs/components/states/index.d.ts

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

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

@@ -0,0 +1,17 @@
+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;
+};
+export declare const StateModalComponent: React.FC<StateModalComponentProps>;

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

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

package/dist/cjs/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/cjs/components/stepper/Stepper.js

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

package/dist/cjs/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/cjs/components/stepper/Stepper.styled.js

@@ -0,0 +1,83 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const o=n.default.div`
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	gap: 16px;
+`,r=n.default.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.getTheme(e.selectedState).badgeBackground};
+		border: 1px solid ${e=>t.getTheme(e.selectedState).badgeBorder};
+		border-radius: 30px;
+		.badge-text {
+			font-weight: ${e=>t.getTheme(e.selectedState).fontWeight};
+			color: ${e=>t.getTheme(e.selectedState).badgeColor};
+		}
+	}
+	.step-text {
+		font-weight: ${e=>t.getTheme(e.selectedState).fontWeight};
+		font-feature-settings: 'tnum' on, 'lnum' on, 'case' on, 'ss04' on;
+		color: ${e=>t.getTheme(e.selectedState).textColor};
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 200px;
+	}
+	.horizontal-divider {
+		width: 48px;
+		height: 1px;
+		background: ${e=>t.getTheme(e.selectedState).dividerBackground};
+		margin-left: 8px;
+	}
+`;n.default.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;
+	}
+`,exports.SingleStepperChildContainer=r,exports.StepperContainer=o;

package/dist/cjs/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/cjs/components/stepper/WorkingStepper.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+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/cjs/components/stepper/index.d.ts

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

package/dist/cjs/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/cjs/components/stepper/themes.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../constants/Theme.js");exports.getTheme=function(t){switch(t){case"active":return{textColor:`${e.COLORS.content.positive}`,badgeColor:`${e.COLORS.content.primaryInverse}`,badgeBackground:`${e.COLORS.background.positive.vibrant}`,badgeBorder:"transparent",dividerBackground:`${e.COLORS.content.positive}`,fontWeight:"600"};case"completed":return{textColor:`${e.COLORS.content.positive}`,badgeColor:`${e.COLORS.content.positive}`,badgeBackground:`${e.COLORS.background.positive.light}`,badgeBorder:`${e.COLORS.content.positive}`,dividerBackground:`${e.COLORS.content.positive}`,fontWeight:"400"};case"error":return{textColor:`${e.COLORS.content.negative}`,badgeBackground:`${e.COLORS.background.negative.light}`,badgeColor:`${e.COLORS.content.negative}`,badgeBorder:`${e.COLORS.content.negative}`,dividerBackground:`${e.COLORS.content.negative}`,fontWeight:"400"};case"inactive":return{textColor:`${e.COLORS.content.inactive}`,badgeBackground:"transparent",badgeColor:`${e.COLORS.content.inactive}`,badgeBorder:`${e.COLORS.content.inactive}`,dividerBackground:`${e.COLORS.content.inactive}`,fontWeight:"400"};default:return{textColor:`${e.COLORS.content.secondary}`,background:"trasparent",badgeColor:`${e.COLORS.content.secondary}`,badgeBorder:`${e.COLORS.content.secondary}`,dividerBackground:`${e.COLORS.content.secondary}`,fontWeight:"400"}}};

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { SwitchColorProps, SwitchProps } from './Switch.d';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const SwitchContainer: import("styled-components").StyledComponent<"div", any, {
+    trackLength: number;
+    trackHeight: number;
+    trackColor: SwitchColorProps;
+    value: boolean;
+    borderColor: SwitchColorProps;
+    duration: number;
+    disabled?: boolean | undefined;
+    outlineColor: SwitchColorProps;
+}, never>;
+export declare const Thumb: import("styled-components").StyledComponent<"div", any, {
+    value: boolean;
+    duration: number;
+    thumbColor: SwitchColorProps;
+}, never>;
+export declare const Loader: import("styled-components").StyledComponent<"div", any, {
+    value: boolean;
+    trackColor: SwitchColorProps;
+}, never>;