@bikdotai/bik-component-library 0.0.687-beta.8 → 0.0.687-beta.9

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

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("react-bootstrap"),o=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=s(r).default.div`
+	flex: 50%;
+	.progress-bar {
+		background: ${e=>e.color};
+	}
+`;exports.ProgressBarComponent=r=>e.jsx(n,{color:r.color?r.color:o.COLORS.content.brand,children:e.jsx(t.ProgressBar,{animated:r.isAnimated,now:r.completed,style:{height:`${r.height?r.height:8}px`}})}),exports.ProgressCompletedBar=n;

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

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

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

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("../TypographyStyle.js"),o=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(r),n=(e=>(e.RIGHT="right",e.LEFT="left",e.TOP="top",e.BOTTOM="bottom",e))(n||{}),a=(e=>(e.CIRCLE="circle",e.LINE="line",e))(a||{});const d=i.default.div`
+	display: flex;
+	flex-direction: ${e=>"top"===e?.alignment||"bottom"===e?.alignment?"column":"row"};
+	align-items: center;
+	width: 100%;
+`,c=i.default.div`
+	width: ${e=>e.size??32}px;
+	height: ${e=>e.size??32}px;
+	border-radius: 50%;
+	overflow: hidden;
+	background: conic-gradient(
+		${e=>e.color??o.COLORS.background.brand}
+			${e=>3.6*e.progress}deg,
+		${o.COLORS.content.inactive} 0deg
+	);
+	position: relative;
+`,l=i.default.div`
+	background-color: ${o.COLORS.background.inactive};
+	transition: width 0.3s ease-in-out;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	width: ${e=>e.progressBarThickness?e.size??32-e.progressBarThickness:20}px;
+	height: ${e=>e.progressBarThickness?e.size??32-e.progressBarThickness:20}px;
+	border-radius: 50%;
+	background: ${o.COLORS.surface.standard};
+`,g=i.default.div`
+	width: ${e=>e.matchParentWidth?"100%":`${e.size??90}px`};
+	height: ${e=>e.progressBarThickness??8}px;
+	background-color: ${o.COLORS.background.inactive};
+	border-radius: 4px;
+	overflow: hidden;
+`,p=i.default.div`
+	height: 100%;
+	width: ${e=>e.progress}%;
+	background-color: ${e=>e.color??o.COLORS.background.brand};
+	transition: width 0.3s ease-in-out;
+`;exports.ProgressBarType=a,exports.ProgressBarV2=r=>{const{type:s,progress:i,progressBarThickness:n,size:a,color:h,text:u,textPosition:x,showProgress:m,matchParentWidth:f=!1}=r;let b=x;return b||(b="left"),e.jsxs(d,{alignment:b,children:[m&&("top"===b||"left"===b)&&e.jsx(t.BodyTiny,{style:{marginBottom:"top"===b?"8px":void 0,marginRight:"left"===b?"8px":void 0},color:o.COLORS.content.secondary,children:u??`${i}% completed...`}),"line"===s?e.jsx(g,{size:a,progressBarThickness:n,matchParentWidth:f,children:e.jsx(p,{progress:i,color:h})}):e.jsx(c,{progress:i,color:h,size:a,children:e.jsx(l,{progress:i,size:a,progressBarThickness:n})}),m&&("bottom"===b||"right"===b)&&e.jsx(t.BodyTiny,{style:{marginTop:"bottom"===b?"8px":void 0,marginLeft:"right"===b?"8px":void 0},color:o.COLORS.content.secondary,children:u??`${i}% completed...`})]})},exports.TextAlignment=n;

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

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

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

@@ -0,0 +1,22 @@
+"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 s=i(e);const o=s.default.div`
+	display: inline-flex;
+	gap: 8px;
+	align-items: center;
+	cursor: pointer;
+`,r=s.default.div`
+	width: ${e=>"SMALL"===e.size?16:20}px;
+	height: ${e=>"SMALL"===e.size?16:20}px;
+	border-radius: 50%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	${i=>i.hovered&&e.css`
+			outline: ${"SMALL"===i.size?1.5:3}px solid
+				${t.COLORS.surface.hovered};
+		`}
+	${i=>i.clicked&&!i.isDisabled&&e.css`
+			outline: ${"SMALL"===i.size?1.5:3}px solid
+				${i.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
+			outline-offset: 2px;
+		`}
+`;exports.RadioButtonContainer=o,exports.RadioButtonIcon=r;

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

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

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

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

package/dist/cjs/components/radioList/RadioList.styled.js

@@ -0,0 +1,10 @@
+"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")).default.div`
+	.title__container {
+		margin-bottom: 12px;
+	}
+	.list__container {
+		display: flex;
+		flex-direction: column;
+		gap: 10px;
+	}
+`;exports.RadioListStyled=t;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("../../utils/resizeImage.js");exports.ResizableImage=({imageUrl:s,targetSize:m,alt:a,style:h})=>{const[u,c]=r.useState("");return r.useEffect((()=>{i.resizeImage(s,m).then((e=>{c(e)})).catch((e=>{c(s)}))}),[s,m]),u?e.jsx("img",{alt:a,src:u,height:m,width:m,style:h}):e.jsx(t.BikShimmer,{boxes:[{marginTop:"0px",height:`${m}px`,width:`${m}px`}]})};

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps } from '../button/model.js';
+import { InputVariant } from '../input/Input.js';
+
+interface SearchBarProps {
+    width: string;
+    isEnabled: boolean;
+    onChange: (searchText: string) => void;
+    onEnter: (searchText: string) => void;
+    placeholder: string;
+    variant: InputVariant;
+    validate?: (input?: string | number) => [boolean, string];
+    initialValue?: string;
+    reset?: boolean;
+    onClickCross?: () => void;
+    isActive?: boolean;
+    suffixButton?: ButtonProps;
+    searchValue?: string;
+    'data-test'?: string;
+}
+declare const SearchBar: (props: SearchBarProps) => react_jsx_runtime.JSX.Element;
+
+export { SearchBar };
+export type { SearchBarProps };

package/dist/cjs/components/searchBar/searchBar.js

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ShimmerStyled.js");const i=i=>e.jsx(r.ShimmerStyled,{isBrand:i.isBrand,direction:i.direction,gap:i.gap,children:i.boxes.map(((r,i)=>e.jsx("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},i)))});exports.BikShimmer=i,exports.default=i;

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

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react");function e(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var t=e(require("@emotion/styled"));const n=i.keyframes`
+  0% {
+    background-position: -468px 0;
+  }
+
+  100% {
+    background-position: 468px 0;
+  }
+`,a=t.default.div`
+	display: flex;
+	flex-direction: ${i=>i.direction||"column"};
+	width: 100%;
+	height: 100%;
+	gap: ${i=>i.gap||"0px"};
+
+	.shine {
+		border-radius: 4px;
+		background: ${i=>i.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"};
+		background-size: 800px 304px;
+		display: inline-block;
+		position: relative;
+
+		-webkit-animation-duration: 1s;
+		-webkit-animation-fill-mode: forwards;
+		-webkit-animation-iteration-count: infinite;
+		-webkit-animation-name: ${n};
+		-webkit-animation-timing-function: linear;
+	}
+`,o=t.default.div`
+	border-radius: 4px;
+	background: ${i=>i.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"};
+	width: ${i=>i.width}px;
+	height: ${i=>i.height}px;
+	margin-top: ${i=>i.marginTop||0}px;
+	display: inline-block;
+	position: relative;
+	-webkit-animation-duration: 1s;
+	-webkit-animation-fill-mode: forwards;
+	-webkit-animation-iteration-count: infinite;
+	-webkit-animation-name: ${n};
+	-webkit-animation-timing-function: linear;
+`;exports.ShimmerComponentStyled=o,exports.ShimmerStyled=a;

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react-dom"),t=require("../../assets/icons/cross.svg.js"),r=require("../button/Button.js"),n=require("../TypographyStyle.js"),d=require("./SideModal.style.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(o);exports.SideModal=o=>i.default.createPortal(e.jsx(d.SideModalStyle,{zIndex:o.zIndex,children:e.jsxs(d.SideModalContainer,{width:o.width,children:[e.jsxs(d.SideModalHeader,{headerStyle:{...o.headerStyle},children:[o?.headerCustomComponent||e.jsx(n.TitleMedium,{children:o.header}),!o.hideCrossButton&&e.jsx(t.default,{width:24,height:24,onClick:o.onClose})]}),e.jsx(d.SideModalBody,{hideFooter:o.hideFooter,bodyStyle:{...o.bodyStyle},children:o.children}),!0===o.hideFooter?null:e.jsxs(d.SideModalFooter,{footerDirection:o.footerDirection,footerStyle:{...o.footerStyle},children:[(o.saveButtonProps||o.cancelButtonProps)&&e.jsxs(d.FooterButtonWrapper,{footerDirection:o.footerDirection,children:[o.saveButtonProps&&e.jsx(r.Button,{...o.saveButtonProps}),o.cancelButtonProps&&e.jsx(r.Button,{...o.cancelButtonProps})]}),o.footerCustomComponent?o.footerCustomComponent:e.jsx(e.Fragment,{})]})]})}),o.element??document.body);

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

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

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

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+interface SliderBikProps {
+    min?: number;
+    max?: number;
+    defaultValue?: number;
+    onChange: (event: Event, value: number) => void;
+    step?: number;
+    disabled?: boolean;
+}
+declare const BikSlider: React__default.FC<SliderBikProps>;
+
+export { BikSlider };
+export type { SliderBikProps };

package/dist/cjs/components/slider/slider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../constants/Theme.js");exports.BikSlider=({min:r=0,max:n=100,defaultValue:o,onChange:s,step:i=1,disabled:l=!1})=>{const u=void 0!==o?o:r,[d,c]=t.useState(u),[b,h]=t.useState(!1),[p,x]=t.useState(!1),[m,f]=t.useState(!1),g=t.useRef(null),v=t.useRef(null),w=(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:a.COLORS.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:a.COLORS.background.brand,border:`2px solid ${a.COLORS.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:a.COLORS.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(l);t.useEffect((()=>{c(void 0!==o?o:r)}),[o,r]);const k=t.useCallback((e=>{if(!g.current)return r;const t=g.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),o=r+a*(n-r),s=Math.round(o/i)*i;return Math.max(r,Math.min(n,s))}),[r,n,i]),C=t.useCallback((e=>{if(l)return;e.preventDefault(),h(!0),f(!0);const t=k(e.clientX);c(t);const a=new Event("change",{bubbles:!0});s(a,t)}),[l,k,s]),L=t.useCallback((e=>{if(!b||l)return;const t=k(e.clientX);c(t);const a=new Event("change",{bubbles:!0});s(a,t)}),[b,l,k,s]),E=t.useCallback((()=>{h(!1),f(!1)}),[]),M=t.useCallback((e=>{if(l)return;let t=d;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(r,d-i);break;case"ArrowRight":case"ArrowUp":t=Math.min(n,d+i);break;case"Home":t=r;break;case"End":t=n;break;default:return}e.preventDefault(),c(t);const a=new Event("change",{bubbles:!0});s(a,t)}),[l,d,r,n,i,s]);t.useEffect((()=>{if(b)return document.addEventListener("mousemove",L),document.addEventListener("mouseup",E),()=>{document.removeEventListener("mousemove",L),document.removeEventListener("mouseup",E)}}),[b,L,E]);const y=(d-r)/(n-r)*100,R=isNaN(y)?0:Math.max(0,Math.min(100,y));return e.jsxs("div",{ref:g,style:w.container,onMouseDown:C,role:"slider","aria-label":"bik slider","aria-valuemin":r,"aria-valuemax":n,"aria-valuenow":d,tabIndex:l?-1:0,onKeyDown:M,children:[e.jsx("div",{style:w.track}),e.jsx("div",{style:{...w.filledTrack,width:`${R}%`}}),e.jsx("div",{ref:v,style:(()=>{const e={...w.thumb};return l?{...e,...w.thumbDisabled}:(b?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):p&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${R}%`,e)})(),onMouseEnter:()=>!l&&x(!0),onMouseLeave:()=>!l&&x(!1),onFocus:()=>!l&&f(!0),onBlur:()=>!l&&f(!1),children:e.jsx("div",{style:(()=>{const e={...w.valueLabel};return m||p?{...e,...w.valueLabelVisible}:e})(),children:e.jsx("span",{style:w.valueLabelText,children:d})})})]})};

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

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

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

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-lottie"),t=require("styled-components"),o=require("../../constants/Theme.js"),i=require("./lotties/black.json.js"),n=require("./lotties/brand.json.js"),s=require("./lotties/red.json.js"),a=require("./lotties/white.json.js"),d=require("./themes.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r),u=l(t);const p={[o.COLORS.stroke.brand]:n,[o.COLORS.content.primary]:i,[o.COLORS.content.primaryInverse]:a,[o.COLORS.content.negative]:s},j=({size:r,color:t,className:i})=>{const n={loop:!0,autoplay:!0,animationData:p[t??o.COLORS.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return e.jsx("div",{className:`spinner-container ${i}`,children:e.jsx(c.default,{options:n,width:d.SizeMap[r],isStopped:!1,isPaused:!1})})};j.displayName="Spinner";const m=u.default.div`
+	width: ${e=>e.width};
+	height: ${e=>e.height};
+	border: 5px solid ${e=>e.backgroundColor??"transparent"};
+	border-bottom-color: ${e=>e.color??o.COLORS.stroke.brand};
+	border-radius: 50%;
+	display: inline-block;
+	animation: rotation 1s linear infinite;
+
+	@keyframes rotation {
+		0% {
+			transform: rotate(0deg);
+		}
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+`;exports.PureSpinner=m,exports.Spinner=j;

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,14 @@
+interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Size of the spinner
+     *
+     */
+    size: 'small' | 'large';
+    /**
+     * Color of the spinner.
+     * Defaults to COLORS.content.brand
+     */
+    color?: string;
+}
+
+export type { SpinnerProps };

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/star-rating/Star.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/starEmpty.svg.js"),o=require("../../assets/icons/starFilled.svg.js"),n=require("../../assets/icons/starFilledV2.svg.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);exports.Star=({size:i,filled:a,emptyColor:l,filledColor:c,onClick:d,asHovered:f,onHover:v,mode:E,version:g="v1"})=>{const[h,j]=t.useState(!1);t.useEffect((()=>{v?.(h)}),[h]),t.useEffect((()=>{f||j(!1)}),[f]);const C=u.default.useMemo((()=>(e=>"v1"===e?o.default:n.default)(g)),[g]);return f?e.jsx(C,{onClick:()=>{d?.("select")},onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),style:{cursor:"pointer"},width:i,height:i,color:c??r.COLORS.background.warning.vibrant}):h?e.jsx(C,{onMouseLeave:()=>j(!1),onMouseEnter:()=>j(!0),style:{cursor:"pointer"},onClick:()=>{d?.("select")},width:i,height:i,color:c??r.COLORS.background.warning.vibrant}):a?e.jsx(C,{onMouseEnter:()=>"VIEW"!==E&&j(!0),onMouseLeave:()=>"VIEW"!==E&&j(!1),style:{cursor:"VIEW"!==E?"pointer":"default"},onClick:()=>{"VIEW"!==E&&d?.("de-select")},width:i,height:i,color:c??r.COLORS.background.warning.vibrant}):e.jsx(s.default,{onMouseEnter:()=>"VIEW"!==E&&j(!0),onMouseLeave:()=>"VIEW"!==E&&j(!1),style:{cursor:"VIEW"!==E?"pointer":"default"},onClick:()=>{"VIEW"!==E&&d?.("select")},width:i,height:i,color:l??r.COLORS.surface.standard})};

package/dist/cjs/components/star-rating/StarRating.d.ts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+declare const StarRating: React__default.FC<{
+    emptyColor?: string;
+    filledColor?: string;
+    onChange: (stars: number) => void;
+    value?: number;
+    maxValue?: number;
+    starSize?: number;
+    mode?: 'VIEW' | 'EDIT';
+    version?: 'v1' | 'v2';
+}>;
+
+export { StarRating };

package/dist/cjs/components/star-rating/StarRating.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@emotion/styled"),r=require("react"),o=require("./Star.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=i(t).default.div`
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+	justify-content: start;
+	align-items: center;
+`;exports.StarRating=({emptyColor:t,filledColor:i,onChange:s,value:a,maxValue:n,starSize:u,mode:d,version:f="v1"})=>{const[c,m]=r.useState(a??0),[p,v]=r.useState(!1),[x,y]=r.useState(0),j=r.useMemo((()=>Array(n??5).fill(null).map(((e,t)=>t+1))),[n]);return r.useEffect((()=>{p&&s(c)}),[c]),r.useEffect((()=>{v(!0)}),[]),e.jsx(l,{children:j.map((r=>e.jsx(o.Star,{asHovered:!!x&&r<=x,size:u??24,filled:x?void 0:r<=c,emptyColor:t,filledColor:i,onClick:e=>{m("de-select"===e?r<c?r:r-1:r)},onHover:e=>{y(e?r:0)},mode:d,version:f},r)))})};

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

@@ -0,0 +1,17 @@
+import React__default from 'react';
+
+interface ShopifyScopeWrapper {
+    permissions: string[];
+    permissionRequestTitle: string;
+    permissionRequestSubTitle: string;
+    cacheInLocal?: boolean;
+    permissionEvaluationFunction: (permissions: string[]) => Promise<{
+        hasPermission: boolean;
+        urlForPermissions?: string;
+    }>;
+    children: React__default.ReactNode;
+    onPermissionClickCallback?: () => void;
+}
+declare const ShopifyScopeWrapper: React__default.FC<ShopifyScopeWrapper>;
+
+export { ShopifyScopeWrapper };

package/dist/cjs/components/states/ShopifyScopeWrapper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./StateComponent.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t);exports.ShopifyScopeWrapper=i=>{const[a,o]=n.default.useState(!1),[r,c]=n.default.useState(!1),[l,u]=n.default.useState(""),p=t.useCallback((()=>i.permissions.join("-")+"-hasPermission"),[i.permissions]),h=t.useCallback((()=>{const e=p(),t=localStorage.getItem(e);return!!t&&"true"===t}),[p]),m=t.useCallback((e=>{const t=p();localStorage.setItem(t,e.toString())}),[p]),d=t.useCallback((()=>{l?window.open(l,"_blank"):i.onPermissionClickCallback&&i.onPermissionClickCallback()}),[i,l]);return t.useEffect((()=>{(async()=>{if(i.cacheInLocal){if(h())return void o(!0)}const{hasPermission:e,urlForPermissions:t}=await i.permissionEvaluationFunction(i.permissions);o(e),u(t),c(!0),i.cacheInLocal&&e&&m(e)})().then().catch()}),[h,i,m]),r?a?e.jsx(e.Fragment,{children:i.children}):e.jsx(s.StateComponent,{states:s.StateInterface.WARNING,heading:i.permissionRequestTitle,subline:i.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:d}):e.jsx(s.StateComponent,{states:s.StateInterface.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};

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

@@ -0,0 +1,45 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React__default from 'react';
+import { Type } from '../button/model.js';
+
+declare enum StateInterface {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    LOADING = "loading",
+    RETRY = "retry",
+    INFO = "info"
+}
+declare enum ButtonActions {
+    CANCEL = "cancel",
+    OTHER = "other"
+}
+declare enum ButtonTypes {
+    SINGLE = "SINGLE",
+    DOUBLE = "DOUBLE"
+}
+type StateComponentProps = {
+    headerImage?: string;
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    icon?: JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonType?: Type;
+    buttonIcon?: ReactJSXElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+    width: number;
+    size?: 'DEFAULT' | 'SMALL';
+    iconHeight?: number;
+    iconWidth?: number;
+    closeButtonType?: Type;
+    secondaryButtonText?: string;
+    'data-test'?: string;
+};
+declare const StateComponent: React__default.FC<React__default.PropsWithChildren<StateComponentProps>>;
+
+export { ButtonActions, ButtonTypes, StateComponent, StateInterface };
+export type { StateComponentProps };