@bikdotai/bik-component-library 0.0.687-beta.4 → 0.0.687-beta.6

package/dist/esm/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/esm/components/shimmer/ShimmerComponent/ShimmerStyled.js

@@ -1,4 +1,4 @@
-import b from"@emotion/styled/base";import{keyframes as c}from"@emotion/react";const l=c`
+import{keyframes as i}from"@emotion/react";import n from"@emotion/styled";const t=i`
   0% {
     background-position: -468px 0;
   }
@@ -6,4 +6,37 @@ import b from"@emotion/styled/base";import{keyframes as c}from"@emotion/react";c
   100% {
     background-position: 468px 0;
   }
-`,i=b("div","production"===process.env.NODE_ENV?{target:"eh9q9i91"}:{target:"eh9q9i91",label:"ShimmerStyled"})("display:flex;flex-direction:",(b=>b.direction||"column"),";width:100%;height:100%;gap:",(b=>b.gap||"0px"),";.shine{border-radius:4px;background:",(b=>b.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"),";background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",l,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmNvbnN0IGtleWZyYW1lc0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC00NjhweCAwO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogNDY4cHggMDtcbiAgfVxuYDtcbmV4cG9ydCBjb25zdCBTaGltbWVyU3R5bGVkID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiBwcm9wcy5kaXJlY3Rpb24gfHwgXCJjb2x1bW5cIn07XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGdhcDogJHsocHJvcHMpID0+IHByb3BzLmdhcCB8fCBcIjBweFwifTtcblxuXHQuc2hpbmUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNCcmFuZCA/IFwibGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMzApIDAlLCByZ2JhKDIyNCwgMjI0LCAyMjQsIDAuMDApIDEwMCUpXCIgOiBcIiNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0XCJ9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogODAwcHggMzA0cHg7XG5cdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tbmFtZTogJHtrZXlmcmFtZXNBbmltYXRpb259O1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuXHR9XG5gO1xuZXhwb3J0IGNvbnN0IFNoaW1tZXJDb21wb25lbnRTdHlsZWQgPSBzdHlsZWQuZGl2YFxuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kID8gXCJsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zMCkgMCUsIHJnYmEoMjI0LCAyMjQsIDIyNCwgMC4wMCkgMTAwJSlcIiA6IFwiI2Y2ZjdmOCBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsICNmNmY3ZjggMCUsICNlZGVlZjEgMjAlLCAjZjZmN2Y4IDQwJSwgI0YwRjBGMCAxMDAlKSBuby1yZXBlYXRcIn07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMud2lkdGh9cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodH1weDtcblx0bWFyZ2luLXRvcDogJHsocHJvcHMpID0+IHByb3BzLm1hcmdpblRvcCB8fCAwfXB4O1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuYDtcbiJdfQ== */")),t=b("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerComponentStyled"})("border-radius:4px;background:",(b=>b.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"),";width:",(b=>b.width),"px;height:",(b=>b.height),"px;margin-top:",(b=>b.marginTop||0),"px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",l,";-webkit-animation-timing-function:linear;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDZ0QiLCJmaWxlIjoiU2hpbW1lclN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtNDY4cHggMDtcbiAgfVxuXG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDQ2OHB4IDA7XG4gIH1cbmA7XG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiAkeyhwcm9wcykgPT4gcHJvcHMuZGlyZWN0aW9uIHx8IFwiY29sdW1uXCJ9O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRnYXA6ICR7KHByb3BzKSA9PiBwcm9wcy5nYXAgfHwgXCIwcHhcIn07XG5cblx0LnNoaW5lIHtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmlzQnJhbmQgPyBcImxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMwKSAwJSwgcmdiYSgyMjQsIDIyNCwgMjI0LCAwLjAwKSAxMDAlKVwiIDogXCIjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdFwifTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDgwMHB4IDMwNHB4O1xuXHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0XHQtd2Via2l0LWFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLW5hbWU6ICR7a2V5ZnJhbWVzQW5pbWF0aW9ufTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBTaGltbWVyQ29tcG9uZW50U3R5bGVkID0gc3R5bGVkLmRpdmBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNCcmFuZCA/IFwibGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMzApIDAlLCByZ2JhKDIyNCwgMjI0LCAyMjQsIDAuMDApIDEwMCUpXCIgOiBcIiNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0XCJ9O1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9cHg7XG5cdG1hcmdpbi10b3A6ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW5Ub3AgfHwgMH1weDtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdC13ZWJraXQtYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcblx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0LXdlYmtpdC1hbmltYXRpb24tbmFtZTogJHtrZXlmcmFtZXNBbmltYXRpb259O1xuXHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbmA7XG4iXX0= */"));export{t as ShimmerComponentStyled,i as ShimmerStyled};
+`,a=n.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: ${t};
+		-webkit-animation-timing-function: linear;
+	}
+`,e=n.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: ${t};
+	-webkit-animation-timing-function: linear;
+`;export{e as ShimmerComponentStyled,a as ShimmerStyled};

package/dist/esm/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/esm/components/shimmer-image/ShimmerImage.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";var a=Object.defineProperty,l=Object.defineProperties,n=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,p=(e,r,t)=>r in e?a(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,b=(e,r)=>{for(var t in r||(r={}))s.call(r,t)&&p(e,t,r[t]);if(c)for(var t of c(r))m.call(r,t)&&p(e,t,r[t]);return e};const d="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",h=a=>{let{imageUrl:c,width:s,height:m,borderRadius:p,alt:h,useDynamicInfoImageSize:g,defaultImageUrl:u=d,imagePreviewStyles:f}=a;const[y,v]=t(!0),[w,j]=t(!1);return o((()=>{const e=new Image;return e.src=c,e.onload=()=>{j(!1),v(!1)},e.onerror=()=>{j(!0),v(!1)},()=>{e.onload=null,e.onerror=null}}),[c]),e("div",{style:(O=b({position:"relative",width:g?`min(100%, ${s}px)`:s},g?{aspectRatio:1}:{height:m}),x={borderRadius:p},l(O,n(x))),children:[y&&r(i,{boxes:[{height:`${m}px`,width:`${s}px`,marginTop:"0px"}]}),r("img",w?{src:u,alt:null!=h?h:"Image",style:{borderRadius:null!=p?p:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}:{src:c,alt:null!=h?h:"Image",style:b({borderRadius:null!=p?p:0,display:y?"none":"block",width:"100%",height:"100%",objectFit:"cover"},f)})]});var O,x};export{d as DEFAULT_IMAGE,h as ShimmerImage};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";const a="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",m=({imageUrl:m,width:s,height:d,borderRadius:c,alt:l,useDynamicInfoImageSize:n,defaultImageUrl:h=a,imagePreviewStyles:p})=>{const[g,b]=t(!0),[f,u]=t(!1);return o((()=>{const e=new Image;return e.src=m,e.onload=()=>{u(!1),b(!1)},e.onerror=()=>{u(!0),b(!1)},()=>{e.onload=null,e.onerror=null}}),[m]),e("div",{style:{position:"relative",width:n?`min(100%, ${s}px)`:s,...n?{aspectRatio:1}:{height:d},borderRadius:c},children:[g&&i(r,{boxes:[{height:`${d}px`,width:`${s}px`,marginTop:"0px"}]}),i("img",f?{src:h,alt:l??"Image",style:{borderRadius:c??0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}:{src:m,alt:l??"Image",style:{borderRadius:c??0,display:g?"none":"block",width:"100%",height:"100%",objectFit:"cover",...p}})]})};export{a as DEFAULT_IMAGE,m as ShimmerImage};

package/dist/esm/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/esm/components/side-modal/SideModal.js

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

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

@@ -33,16 +33,16 @@ import e,{css as t}from"styled-components";import{COLORS as o}from"../../constan
 		background: ${o.background.base};
 		border-radius: 4px;
 	}
-	${e=>{let{headerStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
+	${({headerStyle:e})=>t`
+		${Object.keys(e).map((t=>`${t}: ${e[t]};`)).join("\n")}
+	`}
 `,s=e.div`
 	overflow-y: auto;
 	padding: 24px;
 	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
-	${e=>{let{bodyStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
+	${({bodyStyle:e})=>t`
+		${Object.keys(e).map((t=>`${t}: ${e[t]};`)).join("\n")}
+	`}
 `,a=e.div`
 	height: 60px;
 	width: 100%;
@@ -55,9 +55,9 @@ import e,{css as t}from"styled-components";import{COLORS as o}from"../../constan
 	background: ${o.surface.standard};
 	border-top: 1px solid ${o.stroke.primary};
 	padding: 0px 24px;
-	${e=>{let{footerStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
+	${({footerStyle:e})=>t`
+		${Object.keys(e).map((t=>`${t}: ${e[t]};`)).join("\n")}
+	`}
 `,p=e.div`
 	display: flex;
 	flex-direction: ${e=>e.footerDirection||"row"};

package/dist/esm/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/esm/components/slider/slider.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as o,useEffect as n,useCallback as a}from"react";import{COLORS as i}from"../../constants/Theme.js";var s=Object.defineProperty,l=Object.defineProperties,u=Object.getOwnPropertyDescriptors,d=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,p=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&p(e,r,t[r]);if(d)for(var r of d(t))c.call(t,r)&&p(e,r,t[r]);return e};const h=s=>{let{min:d=0,max:b=100,defaultValue:c,onChange:p,step:h=1,disabled:f=!1}=s;const g=void 0!==c?c:d,[v,x]=r(g),[w,y]=r(!1),[k,E]=r(!1),[L,M]=r(!1),O=o(null),j=o(null),D=(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:i.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:i.background.brand,border:`2px solid ${i.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:i.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}}))(f);n((()=>{x(void 0!==c?c:d)}),[c,d]);const C=a((e=>{if(!O.current)return d;const t=O.current.getBoundingClientRect(),r=Math.max(0,Math.min(1,(e-t.left)/t.width)),o=d+r*(b-d),n=Math.round(o/h)*h;return Math.max(d,Math.min(b,n))}),[d,b,h]),R=a((e=>{if(f)return;e.preventDefault(),y(!0),M(!0);const t=C(e.clientX);x(t);const r=new Event("change",{bubbles:!0});p(r,t)}),[f,C,p]),T=a((e=>{if(!w||f)return;const t=C(e.clientX);x(t);const r=new Event("change",{bubbles:!0});p(r,t)}),[w,f,C,p]),P=a((()=>{y(!1),M(!1)}),[]),A=a((e=>{if(f)return;let t=v;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(d,v-h);break;case"ArrowRight":case"ArrowUp":t=Math.min(b,v+h);break;case"Home":t=d;break;case"End":t=b;break;default:return}e.preventDefault(),x(t);const r=new Event("change",{bubbles:!0});p(r,t)}),[f,v,d,b,h,p]);n((()=>{if(w)return document.addEventListener("mousemove",T),document.addEventListener("mouseup",P),()=>{document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",P)}}),[w,T,P]);const I=(v-d)/(b-d)*100,S=isNaN(I)?0:Math.max(0,Math.min(100,I));return e("div",{ref:O,style:D.container,onMouseDown:R,role:"slider","aria-label":"bik slider","aria-valuemin":d,"aria-valuemax":b,"aria-valuenow":v,tabIndex:f?-1:0,onKeyDown:A,children:[t("div",{style:D.track}),t("div",{style:(B=m({},D.filledTrack),V={width:`${S}%`},l(B,u(V)))}),t("div",{ref:j,style:(()=>{const e=m({},D.thumb);return f?m(m({},e),D.thumbDisabled):(w?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):k&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${S}%`,e)})(),onMouseEnter:()=>!f&&E(!0),onMouseLeave:()=>!f&&E(!1),onFocus:()=>!f&&M(!0),onBlur:()=>!f&&M(!1),children:t("div",{style:(()=>{const e=m({},D.valueLabel);return L||k?m(m({},e),D.valueLabelVisible):e})(),children:t("span",{style:D.valueLabelText,children:v})})})]});var B,V};export{h as BikSlider};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as n,useEffect as o,useCallback as a}from"react";import{COLORS as i}from"../../constants/Theme.js";const s=({min:s=0,max:l=100,defaultValue:u,onChange:d,step:c=1,disabled:b=!1})=>{const m=void 0!==u?u:s,[h,p]=r(m),[x,g]=r(!1),[f,v]=r(!1),[w,k]=r(!1),E=n(null),L=n(null),M=(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:i.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:i.background.brand,border:`2px solid ${i.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:i.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}}))(b);o((()=>{p(void 0!==u?u:s)}),[u,s]);const y=a((e=>{if(!E.current)return s;const t=E.current.getBoundingClientRect(),r=Math.max(0,Math.min(1,(e-t.left)/t.width)),n=s+r*(l-s),o=Math.round(n/c)*c;return Math.max(s,Math.min(l,o))}),[s,l,c]),C=a((e=>{if(b)return;e.preventDefault(),g(!0),k(!0);const t=y(e.clientX);p(t);const r=new Event("change",{bubbles:!0});d(r,t)}),[b,y,d]),D=a((e=>{if(!x||b)return;const t=y(e.clientX);p(t);const r=new Event("change",{bubbles:!0});d(r,t)}),[x,b,y,d]),R=a((()=>{g(!1),k(!1)}),[]),T=a((e=>{if(b)return;let t=h;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(s,h-c);break;case"ArrowRight":case"ArrowUp":t=Math.min(l,h+c);break;case"Home":t=s;break;case"End":t=l;break;default:return}e.preventDefault(),p(t);const r=new Event("change",{bubbles:!0});d(r,t)}),[b,h,s,l,c,d]);o((()=>{if(x)return document.addEventListener("mousemove",D),document.addEventListener("mouseup",R),()=>{document.removeEventListener("mousemove",D),document.removeEventListener("mouseup",R)}}),[x,D,R]);const A=(h-s)/(l-s)*100,j=isNaN(A)?0:Math.max(0,Math.min(100,A));return e("div",{ref:E,style:M.container,onMouseDown:C,role:"slider","aria-label":"bik slider","aria-valuemin":s,"aria-valuemax":l,"aria-valuenow":h,tabIndex:b?-1:0,onKeyDown:T,children:[t("div",{style:M.track}),t("div",{style:{...M.filledTrack,width:`${j}%`}}),t("div",{ref:L,style:(()=>{const e={...M.thumb};return b?{...e,...M.thumbDisabled}:(x?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):f&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${j}%`,e)})(),onMouseEnter:()=>!b&&v(!0),onMouseLeave:()=>!b&&v(!1),onFocus:()=>!b&&k(!0),onBlur:()=>!b&&k(!1),children:t("div",{style:(()=>{const e={...M.valueLabel};return w||f?{...e,...M.valueLabelVisible}:e})(),children:t("span",{style:M.valueLabelText,children:h})})})]})};export{s as BikSlider};

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

@@ -1,8 +1,8 @@
-import{jsx as t}from"react/jsx-runtime";import r from"react-lottie";import o from"styled-components";import{COLORS as e}from"../../constants/Theme.js";import*as n from"./lotties/black.json.js";import*as i from"./lotties/brand.json.js";import*as s from"./lotties/red.json.js";import*as a from"./lotties/white.json.js";import{SizeMap as m}from"./themes.js";const l={[e.stroke.brand]:i,[e.content.primary]:n,[e.content.primaryInverse]:a,[e.content.negative]:s},d=o=>{let{size:n,color:i,className:s}=o;const a={loop:!0,autoplay:!0,animationData:l[null!=i?i:e.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return t("div",{className:`spinner-container ${s}`,children:t(r,{options:a,width:m[n],isStopped:!1,isPaused:!1})})};d.displayName="Spinner";const p=o.div`
-	width: ${t=>t.width};
-	height: ${t=>t.height};
-	border: 5px solid ${t=>{var r;return null!=(r=t.backgroundColor)?r:"transparent"}};
-	border-bottom-color: ${t=>{var r;return null!=(r=t.color)?r:e.stroke.brand}};
+import{jsx as o}from"react/jsx-runtime";import t from"react-lottie";import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";import*as i from"./lotties/black.json.js";import*as s from"./lotties/brand.json.js";import*as n from"./lotties/red.json.js";import*as a from"./lotties/white.json.js";import{SizeMap as m}from"./themes.js";const d={[e.stroke.brand]:s,[e.content.primary]:i,[e.content.primaryInverse]:a,[e.content.negative]:n},p=({size:r,color:i,className:s})=>{const n={loop:!0,autoplay:!0,animationData:d[i??e.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return o("div",{className:`spinner-container ${s}`,children:o(t,{options:n,width:m[r],isStopped:!1,isPaused:!1})})};p.displayName="Spinner";const l=r.div`
+	width: ${o=>o.width};
+	height: ${o=>o.height};
+	border: 5px solid ${o=>o.backgroundColor??"transparent"};
+	border-bottom-color: ${o=>o.color??e.stroke.brand};
 	border-radius: 50%;
 	display: inline-block;
 	animation: rotation 1s linear infinite;
@@ -15,4 +15,4 @@ import{jsx as t}from"react/jsx-runtime";import r from"react-lottie";import o fro
 			transform: rotate(360deg);
 		}
 	}
-`;export{p as PureSpinner,d as Spinner};
+`;export{l as PureSpinner,p as Spinner};

package/dist/esm/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/esm/components/star-rating/Star.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import e,{useState as r,useEffect as n}from"react";import{COLORS as t}from"../../constants/Theme.js";import s from"../../assets/icons/starEmpty.svg.js";import l from"../../assets/icons/starFilled.svg.js";import i from"../../assets/icons/starFilledV2.svg.js";const c=c=>{let{size:u,filled:a,emptyColor:d,filledColor:m,onClick:v,asHovered:g,onHover:h,mode:p,version:E="v1"}=c;const[f,M]=r(!1);n((()=>{null==h||h(f)}),[f]),n((()=>{g||M(!1)}),[g]);const V=e.useMemo((()=>(o=>"v1"===o?l:i)(E)),[E]);return g?o(V,{onClick:()=>{null==v||v("select")},onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),style:{cursor:"pointer"},width:u,height:u,color:null!=m?m:t.background.warning.vibrant}):f?o(V,{onMouseLeave:()=>M(!1),onMouseEnter:()=>M(!0),style:{cursor:"pointer"},onClick:()=>{null==v||v("select")},width:u,height:u,color:null!=m?m:t.background.warning.vibrant}):a?o(V,{onMouseEnter:()=>"VIEW"!==p&&M(!0),onMouseLeave:()=>"VIEW"!==p&&M(!1),style:{cursor:"VIEW"!==p?"pointer":"default"},onClick:()=>{"VIEW"!==p&&(null==v||v("de-select"))},width:u,height:u,color:null!=m?m:t.background.warning.vibrant}):o(s,{onMouseEnter:()=>"VIEW"!==p&&M(!0),onMouseLeave:()=>"VIEW"!==p&&M(!1),style:{cursor:"VIEW"!==p?"pointer":"default"},onClick:()=>{"VIEW"!==p&&(null==v||v("select"))},width:u,height:u,color:null!=d?d:t.surface.standard})};export{c as Star};
+import{jsx as o}from"react/jsx-runtime";import e,{useState as r,useEffect as s}from"react";import{COLORS as t}from"../../constants/Theme.js";import n from"../../assets/icons/starEmpty.svg.js";import i from"../../assets/icons/starFilled.svg.js";import c from"../../assets/icons/starFilledV2.svg.js";const l=({size:l,filled:a,emptyColor:u,filledColor:d,onClick:m,asHovered:v,onHover:g,mode:h,version:p="v1"})=>{const[E,f]=r(!1);s((()=>{g?.(E)}),[E]),s((()=>{v||f(!1)}),[v]);const M=e.useMemo((()=>(o=>"v1"===o?i:c)(p)),[p]);return v?o(M,{onClick:()=>{m?.("select")},onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),style:{cursor:"pointer"},width:l,height:l,color:d??t.background.warning.vibrant}):E?o(M,{onMouseLeave:()=>f(!1),onMouseEnter:()=>f(!0),style:{cursor:"pointer"},onClick:()=>{m?.("select")},width:l,height:l,color:d??t.background.warning.vibrant}):a?o(M,{onMouseEnter:()=>"VIEW"!==h&&f(!0),onMouseLeave:()=>"VIEW"!==h&&f(!1),style:{cursor:"VIEW"!==h?"pointer":"default"},onClick:()=>{"VIEW"!==h&&m?.("de-select")},width:l,height:l,color:d??t.background.warning.vibrant}):o(n,{onMouseEnter:()=>"VIEW"!==h&&f(!0),onMouseLeave:()=>"VIEW"!==h&&f(!1),style:{cursor:"VIEW"!==h?"pointer":"default"},onClick:()=>{"VIEW"!==h&&m?.("select")},width:l,height:l,color:u??t.surface.standard})};export{l as Star};

package/dist/esm/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/esm/components/star-rating/StarRating.js

@@ -1 +1,7 @@
-import g from"@emotion/styled/base";import{jsx as I}from"react/jsx-runtime";import{useState as C,useMemo as c,useEffect as l}from"react";import{Star as e}from"./Star.js";const t=g("div","production"===process.env.NODE_ENV?{target:"e1yh3w250"}:{target:"e1yh3w250",label:"Container"})("production"===process.env.NODE_ENV?{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center"}:{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs0QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHsganN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFN0YXIgfSBmcm9tIFwiLi9TdGFyXCI7XG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogc3RhcnQ7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuZXhwb3J0IGNvbnN0IFN0YXJSYXRpbmcgPSAoe1xuICBlbXB0eUNvbG9yLFxuICBmaWxsZWRDb2xvcixcbiAgb25DaGFuZ2UsXG4gIHZhbHVlLFxuICBtYXhWYWx1ZSxcbiAgc3RhclNpemUsXG4gIG1vZGUsXG4gIHZlcnNpb24gPSBcInYxXCJcbn0pID0+IHtcbiAgY29uc3QgW3N0YXJzLCBzZXRTdGFyc10gPSB1c2VTdGF0ZSh2YWx1ZSAhPSBudWxsID8gdmFsdWUgOiAwKTtcbiAgY29uc3QgW21vdW50ZWQsIHNldE1vdW50ZWRGbGFnXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2hvdmVyZWRTdGFyLCBzZXRIb3ZlcmVkU3Rhcl0gPSB1c2VTdGF0ZSgwKTtcbiAgY29uc3QgYXJyID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgbGltaXQgPSBtYXhWYWx1ZSAhPSBudWxsID8gbWF4VmFsdWUgOiA1O1xuICAgIHJldHVybiBBcnJheShsaW1pdCkuZmlsbChudWxsKS5tYXAoKF8sIGlkeCkgPT4gaWR4ICsgMSk7XG4gIH0sIFttYXhWYWx1ZV0pO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChtb3VudGVkKSB7XG4gICAgICBvbkNoYW5nZShzdGFycyk7XG4gICAgfVxuICB9LCBbc3RhcnNdKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRNb3VudGVkRmxhZyh0cnVlKTtcbiAgfSwgW10pO1xuICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeChDb250YWluZXIsIHsgY2hpbGRyZW46IGFyci5tYXAoKGlkeCkgPT4gLyogQF9fUFVSRV9fICovIGpzeChcbiAgICBTdGFyLFxuICAgIHtcbiAgICAgIGFzSG92ZXJlZDogaG92ZXJlZFN0YXIgPyBpZHggPD0gaG92ZXJlZFN0YXIgOiBmYWxzZSxcbiAgICAgIHNpemU6IHN0YXJTaXplICE9IG51bGwgPyBzdGFyU2l6ZSA6IDI0LFxuICAgICAgZmlsbGVkOiBob3ZlcmVkU3RhciA/IHZvaWQgMCA6IGlkeCA8PSBzdGFycyxcbiAgICAgIGVtcHR5Q29sb3IsXG4gICAgICBmaWxsZWRDb2xvcixcbiAgICAgIG9uQ2xpY2s6IChhY3Rpb24pID0+IHtcbiAgICAgICAgaWYgKGFjdGlvbiA9PT0gXCJkZS1zZWxlY3RcIikge1xuICAgICAgICAgIGlmIChpZHggPCBzdGFycykge1xuICAgICAgICAgICAgc2V0U3RhcnMoaWR4KTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0U3RhcnMoaWR4IC0gMSk7XG4gICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNldFN0YXJzKGlkeCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBvbkhvdmVyOiAoaG92ZXJlZCkgPT4ge1xuICAgICAgICBpZiAoaG92ZXJlZCkgc2V0SG92ZXJlZFN0YXIoaWR4KTtcbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgc2V0SG92ZXJlZFN0YXIoMCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBtb2RlLFxuICAgICAgdmVyc2lvblxuICAgIH0sXG4gICAgaWR4XG4gICkpIH0pO1xufTtcbiJdfQ== */",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)."}}),i=g=>{let{emptyColor:i,filledColor:A,onChange:b,value:G,maxValue:o,starSize:s,mode:d,version:X="v1"}=g;const[Z,n]=C(null!=G?G:0),[a,u]=C(!1),[m,W]=C(0),p=c((()=>Array(null!=o?o:5).fill(null).map(((g,I)=>I+1))),[o]);return l((()=>{a&&b(Z)}),[Z]),l((()=>{u(!0)}),[]),I(t,{children:p.map((g=>I(e,{asHovered:!!m&&g<=m,size:null!=s?s:24,filled:m?void 0:g<=Z,emptyColor:i,filledColor:A,onClick:I=>{n("de-select"===I?g<Z?g:g-1:g)},onHover:I=>{W(I?g:0)},mode:d,version:X},g)))})};export{i as StarRating};
+import{jsx as e}from"react/jsx-runtime";import o from"@emotion/styled";import{useState as r,useMemo as t,useEffect as i}from"react";import{Star as l}from"./Star.js";const m=o.div`
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+	justify-content: start;
+	align-items: center;
+`,n=({emptyColor:o,filledColor:n,onChange:a,value:s,maxValue:d,starSize:p,mode:f,version:c="v1"})=>{const[v,u]=r(s??0),[x,y]=r(!1),[C,g]=r(0),j=t((()=>Array(d??5).fill(null).map(((e,o)=>o+1))),[d]);return i((()=>{x&&a(v)}),[v]),i((()=>{y(!0)}),[]),e(m,{children:j.map((r=>e(l,{asHovered:!!C&&r<=C,size:p??24,filled:C?void 0:r<=v,emptyColor:o,filledColor:n,onClick:e=>{u("de-select"===e?r<v?r:r-1:r)},onHover:e=>{g(e?r:0)},mode:f,version:c},r)))})};export{n as StarRating};

package/dist/esm/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/esm/components/states/ShopifyScopeWrapper.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import s,{useCallback as i,useEffect as n}from"react";import{StateComponent as o,StateInterface as r}from"./StateComponent.js";const a=a=>{const[c,l]=s.useState(!1),[m,u]=s.useState(!1),[h,p]=s.useState(""),d=i((()=>a.permissions.join("-")+"-hasPermission"),[a.permissions]),g=i((()=>{const e=d(),t=localStorage.getItem(e);return!!t&&"true"===t}),[d]),b=i((e=>{const t=d();localStorage.setItem(t,e.toString())}),[d]),v=i((()=>{h?window.open(h,"_blank"):a.onPermissionClickCallback&&a.onPermissionClickCallback()}),[a,h]);return n((()=>{var e,t,s;(e=null,t=null,s=function*(){if(a.cacheInLocal&&g())return void l(!0);const{hasPermission:e,urlForPermissions:t}=yield a.permissionEvaluationFunction(a.permissions);l(e),p(t),u(!0),a.cacheInLocal&&e&&b(e)},new Promise(((i,n)=>{var o=e=>{try{a(s.next(e))}catch(e){n(e)}},r=e=>{try{a(s.throw(e))}catch(e){n(e)}},a=e=>e.done?i(e.value):Promise.resolve(e.value).then(o,r);a((s=s.apply(e,t)).next())}))).then().catch()}),[g,a,b]),m?c?e(t,{children:a.children}):e(o,{states:r.WARNING,heading:a.permissionRequestTitle,subline:a.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:v}):e(o,{states:r.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};export{a as ShopifyScopeWrapper};
+import{jsx as e,Fragment as s}from"react/jsx-runtime";import t,{useCallback as i,useEffect as n}from"react";import{StateComponent as o,StateInterface as r}from"./StateComponent.js";const a=a=>{const[c,l]=t.useState(!1),[m,u]=t.useState(!1),[h,p]=t.useState(""),d=i((()=>a.permissions.join("-")+"-hasPermission"),[a.permissions]),g=i((()=>{const e=d(),s=localStorage.getItem(e);return!!s&&"true"===s}),[d]),b=i((e=>{const s=d();localStorage.setItem(s,e.toString())}),[d]),k=i((()=>{h?window.open(h,"_blank"):a.onPermissionClickCallback&&a.onPermissionClickCallback()}),[a,h]);return n((()=>{(async()=>{if(a.cacheInLocal){if(g())return void l(!0)}const{hasPermission:e,urlForPermissions:s}=await a.permissionEvaluationFunction(a.permissions);l(e),p(s),u(!0),a.cacheInLocal&&e&&b(e)})().then().catch()}),[g,a,b]),m?c?e(s,{children:a.children}):e(o,{states:r.WARNING,heading:a.permissionRequestTitle,subline:a.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:k}):e(o,{states:r.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};export{a as ShopifyScopeWrapper};

package/dist/esm/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 };

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import r from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/retryIcon.svg.js";import i from"../../assets/icons/successIcon.svg.js";import c from"../../assets/icons/warningIcon.svg.js";import a from"../../assets/icons/state_icon.svg.js";import{Button as l}from"../button/Button.js";import{Spinner as d}from"../spinner/Spinner.js";import{TitleRegular as m,TitleMedium as h,BodyPrimary as p,BodySecondary as u}from"../TypographyStyle.js";import{StateComponentContainer as g,StateIcon as y,StateHeading as L,StateSubline as f,ButtonContainer as I}from"./StateComponent.styled.js";var S=(t=>(t.SUCCESS="success",t.ERROR="error",t.WARNING="warning",t.LOADING="loading",t.RETRY="retry",t.INFO="info",t))(S||{}),T=(t=>(t.CANCEL="cancel",t.OTHER="other",t))(T||{}),j=(t=>(t.SINGLE="SINGLE",t.DOUBLE="DOUBLE",t))(j||{});const E=S=>{var T;const j=()=>"success"==E?e(i,{}):"warning"==E?e(c,{}):"error"==E?e(r,{}):"loading"===E?e(d,{size:"large"}):"retry"===E?e(s,{}):"info"==E?e(a,{}):void 0,{states:E,heading:b,subline:z,icon:C=j(),isButtonEnabled:v,type:B,buttonText:R,buttonType:A,onButtonClick:N,leadingIcon:O,width:w,headerImage:x,iconWidth:W,iconHeight:D,closeButtonType:G,secondaryButtonText:M,"data-test":U}=S;return t(g,{width:w,"data-test":U,children:[e(y,{iconWidth:W,iconHeight:D,children:x?e("img",{src:x,width:"100%",height:"auto",alt:""}):C}),t(L,{size:S.size,children:["SMALL"===S.size&&e(m,{children:b}),"SMALL"!==S.size&&e(h,{children:b})]}),t(f,{children:["SMALL"!==S.size&&e(p,{color:o.content.secondary,children:z}),"SMALL"===S.size&&e(u,{color:o.content.secondary,children:z})]}),null!=(T=S.children)?T:e(n,{}),v&&e(n,{children:t(I,{size:S.size,children:["DOUBLE"==B&&e(l,{"data-test":`${U}-cancel`,onClick:()=>N&&N("cancel"),buttonType:G||"secondary",buttonText:M||"Cancel",matchParentWidth:!0}),e(l,{"data-test":`${U}-primary`,onClick:()=>N&&N("other"),buttonType:null!=A?A:"primary",LeadingIcon:O,buttonText:null!=R?R:"Retry",matchParentWidth:!0})]})})]})};export{T as ButtonActions,j as ButtonTypes,E as StateComponent,S as StateInterface};
+import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import r from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/retryIcon.svg.js";import i from"../../assets/icons/successIcon.svg.js";import c from"../../assets/icons/warningIcon.svg.js";import a from"../../assets/icons/state_icon.svg.js";import{Button as d}from"../button/Button.js";import{Spinner as m}from"../spinner/Spinner.js";import{TitleRegular as h,TitleMedium as l,BodyPrimary as p,BodySecondary as g}from"../TypographyStyle.js";import{StateComponentContainer as u,StateIcon as y,StateHeading as L,StateSubline as f,ButtonContainer as I}from"./StateComponent.styled.js";var S=(t=>(t.SUCCESS="success",t.ERROR="error",t.WARNING="warning",t.LOADING="loading",t.RETRY="retry",t.INFO="info",t))(S||{}),T=(t=>(t.CANCEL="cancel",t.OTHER="other",t))(T||{}),j=(t=>(t.SINGLE="SINGLE",t.DOUBLE="DOUBLE",t))(j||{});const E=S=>{const T=()=>"success"==j?e(i,{}):"warning"==j?e(c,{}):"error"==j?e(r,{}):"loading"===j?e(m,{size:"large"}):"retry"===j?e(s,{}):"info"==j?e(a,{}):void 0,{states:j,heading:E,subline:b,icon:z=T(),isButtonEnabled:C,type:B,buttonText:R,buttonType:v,onButtonClick:A,leadingIcon:N,width:O,headerImage:w,iconWidth:x,iconHeight:W,closeButtonType:D,secondaryButtonText:G,"data-test":M}=S;return t(u,{width:O,"data-test":M,children:[e(y,{iconWidth:x,iconHeight:W,children:w?e("img",{src:w,width:"100%",height:"auto",alt:""}):z}),t(L,{size:S.size,children:["SMALL"===S.size&&e(h,{children:E}),"SMALL"!==S.size&&e(l,{children:E})]}),t(f,{children:["SMALL"!==S.size&&e(p,{color:o.content.secondary,children:b}),"SMALL"===S.size&&e(g,{color:o.content.secondary,children:b})]}),S.children??e(n,{}),C&&e(n,{children:t(I,{size:S.size,children:["DOUBLE"==B&&e(d,{"data-test":`${M}-cancel`,onClick:()=>A&&A("cancel"),buttonType:D||"secondary",buttonText:G||"Cancel",matchParentWidth:!0}),e(d,{"data-test":`${M}-primary`,onClick:()=>A&&A("other"),buttonType:v??"primary",LeadingIcon:N,buttonText:R??"Retry",matchParentWidth:!0})]})})]})};export{T as ButtonActions,j as ButtonTypes,E as StateComponent,S as StateInterface};

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

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

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

@@ -0,0 +1,30 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React__default from 'react';
+import { Type } from '../button/model.js';
+import { StateInterface, ButtonTypes, ButtonActions } from '../states/StateComponent.js';
+
+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__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+    width?: number;
+    onClose?: () => void;
+    zIndex?: number;
+    headerImage?: string;
+    iconWidth?: number;
+    iconHeight?: number;
+    closeButtonType?: Type;
+    'data-test'?: string;
+    secondaryButtonText?: string;
+};
+declare const StateModalComponent: React__default.FC<React__default.PropsWithChildren<StateModalComponentProps>>;
+
+export { StateModalComponent };
+export type { StateModalComponentProps };

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

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
+interface StepperProps {
+    steps: EachStep[];
+    activeStep: EachStep;
+    onClickingEachStep: (step: EachStep) => void;
+    hideHoverState?: boolean;
+}
+interface EachStep {
+    stepKey: string;
+    stepName: string;
+    isCompleted: boolean;
+    isError: boolean;
+    isInActive: boolean;
+}
+interface SingleStepperProps {
+    index: number;
+    isLastElement: boolean;
+    eachStep: EachStep;
+    isActive: boolean;
+    onClickingStep: (step: EachStep) => void;
+    stepsCount: number;
+    hideHoverState?: boolean;
+}
+declare const Stepper: (stepperDetails: StepperProps) => react_jsx_runtime.JSX.Element;
+
+export { Stepper };
+export type { EachStep, SingleStepperProps, StepperProps, StepperStates };

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

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

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

@@ -0,0 +1,24 @@
+interface SwitchProps extends React.HTMLAttributes<HTMLDivElement> {
+	customThumbColor?: SwitchColorProps;
+	trackColor?: SwitchColorProps;
+	onValueChange: (val: boolean) => Promise<boolean | void | string>;
+	value: boolean;
+	trackLength?: number;
+	trackHeight?: number;
+	disabled?: boolean;
+	duration?: number;
+	// thumbIcon?: () => JSX.Element;
+	// trackText?: string;
+	// textStyle?: TextStyle;
+	containerStyle?: React.CSSProperties;
+	type?: 'brand' | 'greenred';
+	isLoading?: boolean;
+	'data-test'?: string;
+}
+
+interface SwitchColorProps {
+	false: string;
+	true: string;
+}
+
+export type { SwitchColorProps, SwitchProps };