@bikdotai/bik-component-library 0.0.479 → 0.0.480

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

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

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

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

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

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

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

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

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/radioButton/index.d.ts

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

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

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

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"),a=require("../../constants/Theme.js");exports.RadioList=l=>{const[n,c]=t.useState(l.listItems);t.useEffect((()=>{c(l.listItems)}),[l.listItems]);const o=(e,t)=>{let s;const i=[...n];i.forEach((i=>{i.value===t?(s=i,i.isActive=e):i.isActive=!e})),c(i),l.onChange(s)};return e.jsxs(i.RadioListStyled,{children:[(l.title||l.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[l.title&&e.jsx(r.TitleRegular,{children:l.title}),l.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:a.COLORS.text.secondary},{children:l.subTitle}))]})),e.jsx("div",Object.assign({className:"list__container"},{children:n.map((t=>e.jsx(s.RadioButton,Object.assign({},t,{onValueChange:o}),t.value)))}))]})};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const RadioListStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1SYWRpb0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.RadioListStyled=t;

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

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

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

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

package/dist/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=s=>{let{imageUrl:m,targetSize:a,alt:h,style:u}=s;const[l,c]=r.useState("");return r.useEffect((()=>{i.resizeImage(m,a).then((e=>{c(e)})).catch((e=>{c(m)}))}),[m,a]),l?e.jsx("img",{alt:h,src:l,height:a,width:a,style:u}):e.jsx(t.BikShimmer,{boxes:[{marginTop:"0px",height:`${a}px`,width:`${a}px`}]})};

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

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

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

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

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

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

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

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

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

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

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

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

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=n=>{const{isEnabled:c,onEnter:i,placeholder:o,width:l,variant:u,validate:d,isActive:h}=n,[v,f]=s.useState("search"),[p,g]=s.useState("default"),[C,b]=s.useState(h?"active":c?"none":"disabled"),[j,k]=s.useState(n.initialValue||"");s.useEffect((()=>{b(h?"active":c?"none":"disabled")}),[c,h]),s.useEffect((()=>{n.reset&&S()}),[null==n?void 0:n.reset]);const I=e=>{c&&i(e)},S=()=>{f("search"),g("default"),k(""),n.onChange(""),b("none"),i("")};return e.jsx(r.Input,{id:"search-bar",validate:d,onFocus:()=>{j.length&&f("cross"),"default"===p&&c&&(g("clicked"),b("active"))},width:l,state:C,leftIcon:"search"===v&&"default"===p?{icon:t.SearchIcon}:void 0,rightIcon:"cross"===v?{icon:a.default,callback:()=>{S(),n.onClickCross&&n.onClickCross()}}:void 0,onChangeText:(e,t)=>{n.onChange(e),k(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?f("cross"):f("search"):I(e)},placeholder:o,variant:u,value:j,onBlur:()=>{j.length||g("default"),b("none")}})};

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

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

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"),i=require("./ShimmerStyled.js");const r=r=>e.jsx(i.ShimmerStyled,Object.assign({isBrand:r.isBrand,direction:r.direction,gap:r.gap},{children:r.boxes.map(((i,r)=>e.jsx("div",{className:"shine",style:{width:i.width,height:i.height,marginTop:i.marginTop||"16px",borderRadius:i.borderRadius||"4px"}},r)))}));exports.BikShimmer=r,exports.default=r;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isBrand?: boolean | undefined;
+    direction?: "row" | "column" | undefined;
+    gap?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/styled/base"),t=require("@emotion/react");function l(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var e=l(i);const a=t.keyframes`
+  0% {
+    background-position: -468px 0;
+  }
+
+  100% {
+    background-position: 468px 0;
+  }
+`,b=e.default("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("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:",a,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogJHsocHJvcHMpID0+IHByb3BzLmRpcmVjdGlvbiB8fCAnY29sdW1uJ307XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGdhcDogJHsocHJvcHMpID0+IHByb3BzLmdhcCB8fCAnMHB4J307XG5cblx0LnNoaW5lIHtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmlzQnJhbmRcclxuICAgID8gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMwKSAwJSwgcmdiYSgyMjQsIDIyNCwgMjI0LCAwLjAwKSAxMDAlKSdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdFx0YmFja2dyb3VuZC1zaXplOiA4MDBweCAzMDRweDtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNoaW1tZXJTdHlsZWQuanMubWFwIl19 */"));exports.ShimmerStyled=b;

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export type ShimmerImageProps = {
+    imageUrl: string;
+    width: number | string;
+    height: number;
+    alt?: string;
+    borderRadius?: number;
+    defaultImageUrl?: string;
+};
+export 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";
+export declare const ShimmerImage: React.FC<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"),r=require("../shimmer/ShimmerComponent/BikShimmer.js");const i="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=i,exports.ShimmerImage=s=>{let{imageUrl:o,width:a,height:l,borderRadius:d,alt:c,defaultImageUrl:n=i}=s;const[m,u]=t.useState(!0),[h,b]=t.useState(!1);return t.useEffect((()=>{const e=new Image;return e.src=o,e.onload=()=>{b(!1),u(!1)},e.onerror=()=>{b(!0),u(!1)},()=>{e.onload=null,e.onerror=null}}),[o]),e.jsxs("div",Object.assign({style:{position:"relative",width:a,height:l,borderRadius:d}},{children:[m&&e.jsx(r.BikShimmer,{boxes:[{height:`${l}px`,width:`${a}px`,marginTop:"0px"}]}),h?e.jsx("img",{src:n,alt:null!=c?c:"Image",style:{borderRadius:null!=d?d:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx("img",{src:o,alt:null!=c?c:"Image",style:{borderRadius:null!=d?d:0,display:m?"none":"block",width:"100%",height:"100%",objectFit:"cover"}})]}))};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
+export default _default;
+export declare const Image: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
+export declare const ImageWithError: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ButtonProps } from '../button/model';
+export interface SideModalProps {
+    header: string;
+    children: React.ReactNode;
+    footerCustomComponent?: React.ReactNode;
+    footerDirection?: 'row' | 'row-reverse';
+    hideCrossButton?: boolean;
+    width?: string;
+    saveButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    onClose: () => void;
+    zIndex?: number;
+    hideFooter?: boolean;
+    bodyStyle?: React.CSSProperties;
+}
+export declare const SideModal: React.FC<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"),t=require("react-dom"),o=require("../../assets/icons/cross.svg.js"),r=require("../button/Button.js"),s=require("../TypographyStyle.js"),i=require("./SideModal.style.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(t);exports.SideModal=t=>d.default.createPortal(e.jsx(i.SideModalStyle,Object.assign({zIndex:t.zIndex},{children:e.jsxs(i.SideModalContainer,Object.assign({width:t.width},{children:[e.jsxs(i.SideModalHeader,{children:[e.jsx(s.TitleMedium,{children:t.header}),!t.hideCrossButton&&e.jsx(o.default,{width:24,height:24,onClick:t.onClose})]}),e.jsx(i.SideModalBody,Object.assign({hideFooter:t.hideFooter,bodyStyle:Object.assign({},t.bodyStyle)},{children:t.children})),!0===t.hideFooter?null:e.jsxs(i.SideModalFooter,Object.assign({footerDirection:t.footerDirection},{children:[e.jsxs(i.FooterButtonWrapper,Object.assign({footerDirection:t.footerDirection},{children:[e.jsx(r.Button,Object.assign({},t.saveButtonProps)),e.jsx(r.Button,Object.assign({},t.cancelButtonProps))]})),t.footerCustomComponent?t.footerCustomComponent:e.jsx(e.Fragment,{})]}))]}))})),document.body);

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

@@ -0,0 +1,17 @@
+export declare const SideModalStyle: import("styled-components").StyledComponent<"div", any, {
+    zIndex?: number | undefined;
+}, never>;
+export declare const SideModalContainer: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;
+export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {
+    hideFooter?: boolean | undefined;
+    bodyStyle: React.CSSProperties;
+}, never>;
+export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
+    footerDirection?: "row" | "row-reverse" | undefined;
+}, never>;
+export declare const FooterButtonWrapper: import("styled-components").StyledComponent<"div", any, {
+    footerDirection?: "row" | "row-reverse" | undefined;
+}, never>;

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

@@ -0,0 +1,57 @@
+"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;
+	}
+`,s=d.default.div`
+	overflow-y: auto;
+	padding: 24px;
+	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
+	${t=>{let{bodyStyle:o}=t;return e.css`
+		${Object.keys(o).map((e=>`${e}: ${o[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;
+`,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/side-modal/index.d.ts

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

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface SliderBikProps {
+    min: number;
+    max: number;
+    defaultValue: number;
+    onChange: (event: Event) => void;
+    step?: number;
+    disabled?: boolean;
+}
+export declare const BikSlider: React.FC<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"),r=require("../../constants/Theme.js"),a=require("../../node_modules/@mui/material/styles/styled.js"),o=require("../../node_modules/@mui/material/Slider/Slider.js");const d=a.default(o.default)({marginTop:"30px",color:r.COLORS.background.brand,height:8,"& .MuiSlider-track":{border:"none"},"& .MuiSlider-thumb":{height:24,width:24,backgroundColor:r.COLORS.background.brand,border:`2px solid ${r.COLORS.background.brand}`,"&:hover":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.08)"},"&:focused":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.33)"},"&.Mui-active":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.5)"},"&.Mui-focusVisible":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.08)"},"&:before":{display:"none"}},"& .MuiSlider-valueLabel":{lineHeight:1.2,fontSize:12,background:"unset",padding:0,width:32,height:32,borderRadius:"50% 50% 50% 0",backgroundColor:r.COLORS.background.brand,transformOrigin:"bottom left",transform:"translate(50%, -100%) rotate(-45deg) scale(0)","&:before":{display:"none"},"&.MuiSlider-valueLabelOpen":{transform:"translate(50%, -100%) rotate(-45deg) scale(1)"},"& > *":{transform:"rotate(45deg)"}}});exports.BikSlider=r=>{let{min:a,max:o,defaultValue:i,onChange:t,step:l=1,disabled:n=!1}=r;return e.jsx(d,{valueLabelDisplay:"auto","aria-label":"bik slider",value:i,min:a,max:o,onChange:t,step:l,disabled:n})};

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

@@ -0,0 +1,5 @@
+import { SpinnerProps } from './model';
+export declare const Spinner: {
+    ({ size, color, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const Star: React.FC<{
+    filled?: boolean;
+    size?: number;
+    emptyColor?: string;
+    filledColor?: string;
+    onClick?: (action: 'de-select' | 'select') => void;
+    onHover?: (hovered: boolean) => void;
+    /** this means this star is hovered-active cause there is a star hovered after this  */
+    asHovered?: boolean;
+    mode?: 'VIEW' | 'EDIT';
+}>;

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"),r=require("react"),t=require("../../constants/Theme.js"),o=require("../../assets/icons/starEmpty.svg.js"),s=require("../../assets/icons/starFilled.svg.js");exports.Star=l=>{let{size:n,filled:u,emptyColor:i,filledColor:a,onClick:c,asHovered:d,onHover:E,mode:f}=l;const[h,v]=r.useState(!1);return r.useEffect((()=>{null==E||E(h)}),[h]),r.useEffect((()=>{d||v(!1)}),[d]),d?e.jsx(s.default,{onClick:()=>{null==c||c("select")},onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),style:{cursor:"pointer"},width:n,height:n,color:null!=a?a:t.COLORS.background.warning.vibrant}):h?e.jsx(s.default,{onMouseLeave:()=>v(!1),onMouseEnter:()=>v(!0),style:{cursor:"pointer"},onClick:()=>{null==c||c("select")},width:n,height:n,color:null!=a?a:t.COLORS.background.warning.vibrant}):u?e.jsx(s.default,{onMouseEnter:()=>"VIEW"!==f&&v(!0),onMouseLeave:()=>"VIEW"!==f&&v(!1),style:{cursor:"VIEW"!==f?"pointer":"default"},onClick:()=>{"VIEW"!==f&&(null==c||c("de-select"))},width:n,height:n,color:null!=a?a:t.COLORS.background.warning.vibrant}):e.jsx(o.default,{onMouseEnter:()=>"VIEW"!==f&&v(!0),onMouseLeave:()=>"VIEW"!==f&&v(!1),style:{cursor:"VIEW"!==f?"pointer":"default"},onClick:()=>{"VIEW"!==f&&(null==c||c("select"))},width:n,height:n,color:null!=i?i:t.COLORS.surface.standard})};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),I=require("react/jsx-runtime"),C=require("react"),A=require("./Star.js");function c(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}const e=c(g).default("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU3RhciB9IGZyb20gJy4vU3Rhcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogc3RhcnQ7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhclJhdGluZyA9ICh7IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yLCBvbkNoYW5nZSwgdmFsdWUsIG1heFZhbHVlLCBzdGFyU2l6ZSwgbW9kZSwgfSkgPT4ge1xyXG4gICAgY29uc3QgW3N0YXJzLCBzZXRTdGFyc10gPSB1c2VTdGF0ZSh2YWx1ZSAhPT0gbnVsbCAmJiB2YWx1ZSAhPT0gdm9pZCAwID8gdmFsdWUgOiAwKTtcclxuICAgIGNvbnN0IFttb3VudGVkLCBzZXRNb3VudGVkRmxhZ10gPSB1c2VTdGF0ZShmYWxzZSk7XHJcbiAgICBjb25zdCBbaG92ZXJlZFN0YXIsIHNldEhvdmVyZWRTdGFyXSA9IHVzZVN0YXRlKDApO1xyXG4gICAgY29uc3QgYXJyID0gdXNlTWVtbygoKSA9PiB7XHJcbiAgICAgICAgY29uc3QgbGltaXQgPSBtYXhWYWx1ZSAhPT0gbnVsbCAmJiBtYXhWYWx1ZSAhPT0gdm9pZCAwID8gbWF4VmFsdWUgOiA1O1xyXG4gICAgICAgIHJldHVybiBBcnJheShsaW1pdClcclxuICAgICAgICAgICAgLmZpbGwobnVsbClcclxuICAgICAgICAgICAgLm1hcCgoXywgaWR4KSA9PiBpZHggKyAxKTtcclxuICAgIH0sIFttYXhWYWx1ZV0pO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAobW91bnRlZCkge1xyXG4gICAgICAgICAgICBvbkNoYW5nZShzdGFycyk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3N0YXJzXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldE1vdW50ZWRGbGFnKHRydWUpO1xyXG4gICAgfSwgW10pO1xyXG4gICAgcmV0dXJuIChfanN4KENvbnRhaW5lciwgeyBjaGlsZHJlbjogYXJyLm1hcCgoaWR4KSA9PiAoX2pzeChTdGFyLCB7IGFzSG92ZXJlZDogaG92ZXJlZFN0YXIgPyBpZHggPD0gaG92ZXJlZFN0YXIgOiBmYWxzZSwgc2l6ZTogc3RhclNpemUgIT09IG51bGwgJiYgc3RhclNpemUgIT09IHZvaWQgMCA/IHN0YXJTaXplIDogMjQsIGZpbGxlZDogaG92ZXJlZFN0YXIgPyB1bmRlZmluZWQgOiBpZHggPD0gc3RhcnMsIGVtcHR5Q29sb3I6IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yOiBmaWxsZWRDb2xvciwgb25DbGljazogKGFjdGlvbikgPT4ge1xyXG4gICAgICAgICAgICAgICAgaWYgKGFjdGlvbiA9PT0gJ2RlLXNlbGVjdCcpIHtcclxuICAgICAgICAgICAgICAgICAgICBpZiAoaWR4IDwgc3RhcnMpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnMoaWR4KTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldFN0YXJzKGlkeCAtIDEpO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgIHNldFN0YXJzKGlkeCk7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH0sIG9uSG92ZXI6IChob3ZlcmVkKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBpZiAoaG92ZXJlZClcclxuICAgICAgICAgICAgICAgICAgICBzZXRIb3ZlcmVkU3RhcihpZHgpO1xyXG4gICAgICAgICAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgc2V0SG92ZXJlZFN0YXIoMCk7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH0sIG1vZGU6IG1vZGUgfSwgaWR4KSkpIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3RhclJhdGluZy5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.StarRating=g=>{let{emptyColor:c,filledColor:l,onChange:t,value:i,maxValue:Z,starSize:b,mode:G}=g;const[a,X]=C.useState(null!=i?i:0),[s,o]=C.useState(!1),[d,n]=C.useState(0),u=C.useMemo((()=>Array(null!=Z?Z:5).fill(null).map(((g,I)=>I+1))),[Z]);return C.useEffect((()=>{s&&t(a)}),[a]),C.useEffect((()=>{o(!0)}),[]),I.jsx(e,{children:u.map((g=>I.jsx(A.Star,{asHovered:!!d&&g<=d,size:null!=b?b:24,filled:d?void 0:g<=a,emptyColor:c,filledColor:l,onClick:I=>{X("de-select"===I?g<a?g:g-1:g)},onHover:I=>{n(I?g:0)},mode:G},g)))})};

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),i=require("./StateComponent.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(s);exports.ShopifyScopeWrapper=n=>{const[o,r]=a.default.useState(!1),[c,l]=a.default.useState(!1),[u,p]=a.default.useState(""),d=s.useCallback((()=>n.permissions.join("-")+"-hasPermission"),[n.permissions]),h=s.useCallback((()=>{const e=d(),t=localStorage.getItem(e);return!!t&&"true"===t}),[d]),m=s.useCallback((e=>{const t=d();localStorage.setItem(t,e.toString())}),[d]),f=s.useCallback((()=>{u?window.open(u,"_blank"):n.onPermissionClickCallback&&n.onPermissionClickCallback()}),[n,u]);return s.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(n.cacheInLocal&&h())return void r(!0);const{hasPermission:e,urlForPermissions:t}=yield n.permissionEvaluationFunction(n.permissions);r(e),p(t),l(!0),n.cacheInLocal&&e&&m(e)})).then().catch()}),[h,n,m]),c?o?t.jsx(t.Fragment,{children:n.children}):t.jsx(i.StateComponent,{states:i.StateInterface.WARNING,heading:n.permissionRequestTitle,subline:n.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:f}):t.jsx(i.StateComponent,{states:i.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,33 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+import { Type } from "../button/model";
+export declare enum StateInterface {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    LOADING = "loading"
+}
+export declare enum ButtonActions {
+    CANCEL = "cancel",
+    OTHER = "other"
+}
+export declare enum ButtonTypes {
+    SINGLE = "SINGLE",
+    DOUBLE = "DOUBLE"
+}
+export type StateComponentProps = {
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    icon?: JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonType?: Type;
+    buttonIcon?: ReactJSXElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width: number;
+    size?: 'DEFAULT' | 'SMALL';
+};
+export declare const StateComponent: React.FC<React.PropsWithChildren<StateComponentProps>>;

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

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

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

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