@bikdotai/bik-component-library 0.0.756-beta.8 → 0.0.756

package/dist/esm/components/feature-announcements/types/props.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FeatureAnnouncement } from './feature.types';
+import { AnnouncementEvent, AnnouncementInteractionEvent, FeatureAnnouncement } from './feature.types';
 import { FeatureAnnouncementRepository } from './repository.types';
 import { RouterProps } from './router.types';
 /**
@@ -14,17 +14,27 @@ export interface PopupBaseProps {
     onPrevious: () => void;
     onNext: () => void;
     setIsClosing?: (isClosing: boolean) => void;
+    onSecondaryAction?: () => void;
 }
 /**
  * Major update popup props
  */
 export interface MajorUpdatePopupProps extends PopupBaseProps {
+    /**
+     * Aspect ratio for the image/video container
+     * @default '16:9'
+     */
+    ratio?: '16:9' | '1:1' | '4:3';
+    /**
+     * Custom padding for the popup container
+     * @default '16px'
+     */
+    padding?: string;
 }
 /**
  * Minor update popup props
  */
-export interface MinorUpdatePopupProps extends PopupBaseProps {
-}
+export type MinorUpdatePopupProps = PopupBaseProps;
 /**
  * Video modal props
  */
@@ -40,4 +50,16 @@ export interface FeatureAnnouncementProviderProps extends FeatureAnnouncementRep
     children: React.ReactNode;
     module?: string;
     router?: RouterProps;
+    /**
+     * Store ID for event tracking
+     */
+    storeId?: string;
+    /**
+     * Callback fired when a major announcement popup is shown
+     */
+    onAnnouncementShown?: (event: AnnouncementEvent) => void;
+    /**
+     * Callback fired when user interacts with an announcement (clicks a button)
+     */
+    onAnnouncementInteracted?: (event: AnnouncementInteractionEvent) => void;
 }

package/dist/esm/components/input/Input.styled.d.ts

@@ -2,7 +2,7 @@
 import { InputStateI, InputTypeI, InputVariant } from "./Input";
 export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;
@@ -16,7 +16,7 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconHolder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isLeft?: boolean | undefined;
     iconSize?: string | undefined;
@@ -57,7 +57,7 @@ export declare const InputContainerSmall: import("@emotion/styled").StyledCompon
 }, {}, {}>;
 export declare const InputHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     invalid?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -91,7 +91,7 @@ export declare const InputFooter: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const RootContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;

package/dist/esm/components/keywords-input/KeywordsInput.styled.d.ts

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

package/dist/esm/components/list-item/ListItem.styled.d.ts

@@ -2,7 +2,7 @@
 import type { Variant } from './ListItem';
 export declare const ListItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     variant: Variant;
     borderBottom?: string | undefined;

package/dist/esm/components/modals/modal.styled.d.ts

@@ -1,23 +1,23 @@
 /// <reference types="react" />
 export declare const RootContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     zIndex?: number | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CentralContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CloseButtonContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CloseButtonWithTimer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     timerExists?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/pagination/Pagination.styled.d.ts

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

package/dist/esm/components/plans/DurationSelectorStyles.d.ts

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

package/dist/esm/components/plans/SubscriptionPlanSelector.d.ts

@@ -30,11 +30,11 @@ type Props = {
 };
 export declare const HeaderWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BottomWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const defaultTabs: {
     key: string;

package/dist/esm/components/plans/SubscriptionPlanStyled.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 export declare const SubscriptionPlanStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isSelected: boolean;
     isManifestPlan?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const NewSubscriptionStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     showMostPopularChip: boolean;
     height?: string | undefined;

package/dist/esm/components/post-live-checklist/PostLiveChecklist.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface ChecklistItem {
+    id: string;
+    isCompleted: boolean;
+    isOpen?: boolean;
+    header: string;
+    image?: string;
+    subHeader?: string;
+}
+export interface PostLiveChecklistProps {
+    title?: string;
+    subtitle?: string;
+    marketingChecklist?: ChecklistItem[];
+    supportChecklist?: ChecklistItem[];
+    onChecklistSetup?: (itemId: string, analyticsButtonId: string) => void;
+    useCaseType?: 'marketing' | 'support' | 'both' | string;
+}
+export declare const PostLiveChecklist: React.FC<PostLiveChecklistProps>;

package/dist/esm/components/post-live-checklist/PostLiveChecklist.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import"../../_virtual/_tslib.js";import r from"../../assets/icons/HeadsetIcon.js";import s from"../../assets/icons/MarketingIcon.js";import{useState as o,useEffect as n}from"react";import{ButtonGroup as a}from"../buttonGroup/ButtonGroup.js";import{PostLiveChecklistItem as l}from"../post-live-checklist-item/PostLiveChecklistItem.js";import{TitleRegular as p,BodySecondary as d}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";const c=c=>{let{title:u="Boost Performance",subtitle:g="Enable these features to make your assistant smarter",marketingChecklist:h=[],supportChecklist:b=[],onChecklistSetup:f,useCaseType:k}=c;var C;const[j,y]=o("marketing"),[v,O]=o("none"),[x,S]=o("marketing");n((()=>{const e=h.filter((e=>!e.isCompleted)).length,t=b.filter((e=>!e.isCompleted)).length;0!==e||0!==t?e>0&&t>0?O("tabs"):(O("list"),e>0&&S("marketing"),t>0&&S("support")):O("none")}),[h,b]);const T=(()=>{const e=[{id:"marketing",title:"Marketing",icon:s},{id:"support",title:"Support",icon:r}];if(!k)return e;return"support"===String(k).toLowerCase()?[e[1],e[0]]:e})();n((()=>{"tabs"===v&&T.length>0&&y(T[0].id)}),[v,k]);const B=e=>e.toUpperCase(),H=(e,t)=>{f&&f(e,t)};if("none"===v)return null;const I="tabs"===v?"marketing"===j?h:b:"marketing"===x?h:b;return e("div",Object.assign({style:{padding:16,border:`1px solid ${m.stroke.primary}`,backgroundColor:m.surface.standard,borderRadius:8}},{children:[e("div",{children:[t(p,Object.assign({color:"#4B1583"},{children:u})),t(d,Object.assign({color:(null===(C=m.content)||void 0===C?void 0:C.secondary)||"#666666"},{children:g}))]}),t("div",Object.assign({style:{marginTop:12}},{children:"tabs"===v?e(i,{children:[t(a,{size:"medium",gap:"12px",iconPosition:"left",onButtonClick:e=>y(e),activeButtonId:j,buttonGroup:T}),t("div",Object.assign({style:{marginTop:12,display:"flex",flexDirection:"column",gap:12}},{children:I.map((e=>t(l,{isCompleted:e.isCompleted,isOpen:e.isOpen,header:e.header,image:e.image,subHeader:e.subHeader,onSetup:()=>H(e.id,B(j))},e.id)))}))]}):t("div",Object.assign({style:{marginTop:12,display:"flex",flexDirection:"column",gap:12}},{children:I.map((e=>t(l,{isCompleted:e.isCompleted,isOpen:e.isOpen,header:e.header,image:e.image,subHeader:e.subHeader,onSetup:()=>H(e.id,B(x))},e.id)))}))}))]}))};export{c as PostLiveChecklist};

package/dist/esm/components/post-live-checklist/PostLiveChecklist.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const WithBothChecklists: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const SupportFirstOrdering: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const ListModeSupport: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const ListModeMarketing: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const AllCompleted: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const CustomTitles: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const WithSomeCompleted: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;

package/dist/esm/components/post-live-checklist/index.d.ts

@@ -0,0 +1,2 @@
+export { PostLiveChecklist } from './PostLiveChecklist';
+export type { PostLiveChecklistProps, ChecklistItem, } from './PostLiveChecklist';

package/dist/esm/components/post-live-checklist-item/PostLiveChecklistItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface PostLiveChecklistItemProps {
+    isCompleted: boolean;
+    header: string;
+    subHeader?: string;
+    isOpen?: boolean;
+    onSetup?: () => void;
+    image?: string;
+}
+export declare const PostLiveChecklistItem: React.FC<PostLiveChecklistItemProps>;

package/dist/esm/components/post-live-checklist-item/PostLiveChecklistItem.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{CheckIndicatorIcon as i}from"../../assets/icons/CheckIndicatorIcon.js";import s from"../../assets/icons/chevronDownOutline.svg.js";import n from"../../assets/icons/chevronUpOutline.svg.js";import{useState as r,useEffect as o}from"react";import{Button as c}from"../button/Button.js";import{TitleSmall as l,BodyCaption as d}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";const p=p=>{const{isCompleted:m,header:f,subHeader:g,isOpen:h=!1}=p,{onSetup:u}=p,[y,b]=r(h);return o((()=>{b(h)}),[h]),e("div",Object.assign({style:{backgroundColor:y?a.surface.subdued:a.surface.standard,borderRadius:8}},{children:[e("div",Object.assign({style:{color:a.surface.standard,padding:16,display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",cursor:m?"default":"pointer"},onClick:()=>!m&&b(!y)},{children:[t(l,Object.assign({color:y?"#4B1583":a.content.primary},{children:f})),m?t(i,{}):t(y?n:s,{width:24,height:24,color:a.content.secondary})]})),t("div",{children:y&&t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:e("div",Object.assign({style:{padding:16,paddingTop:0,gap:16,display:"flex",flexDirection:"column"}},{children:[t("div",Object.assign({style:{height:200,backgroundColor:"#EFE6F9",borderRadius:8,overflow:"hidden"}},{children:t("img",{src:p.image,alt:"checklist item",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center",gap:16}},{children:[t("div",Object.assign({style:{flex:2}},{children:t(d,Object.assign({color:a.content.secondary,numberOfLines:3},{children:g}))})),t("div",Object.assign({style:{flex:1,display:"flex",justifyContent:"flex-end"}},{children:t(c,{buttonType:"primary",size:"small",buttonText:"Setup",onClick:()=>{u&&u()}})}))]}))]}))}))})]}))};export{p as PostLiveChecklistItem};

package/dist/esm/components/post-live-checklist-item/index.d.ts

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

package/dist/esm/components/product-picker/ProductPicker.styled.d.ts

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

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

@@ -8,7 +8,7 @@ export interface ProgressBarProps {
 export declare const ProgressBarComponent: (props: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     color: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,5 +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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -2,7 +2,7 @@
 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     $color: Color;
     variant: Variant;

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

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

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

@@ -3,7 +3,7 @@ import { SwitchColorProps, SwitchProps } from './Switch.d';
 export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     trackLength: number;
     trackHeight: number;
@@ -16,7 +16,7 @@ export declare const SwitchContainer: import("@emotion/styled").StyledComponent<
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Thumb: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     value: boolean;
     duration: number;
@@ -24,7 +24,7 @@ export declare const Thumb: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Loader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     value: boolean;
     trackColor: SwitchColorProps;

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

@@ -2,17 +2,17 @@
 import { TabItemProps, TabItemTextProps } from './Tabs.model';
 export declare const TabHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     bgColor?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TabItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & TabItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TrailingNumberContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     selected: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -30,9 +30,9 @@ export declare const TabItemText: import("@emotion/styled").StyledComponent<{
 } & TabItemTextProps, {}, {}>;
 export declare const EmptyTab: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const RightComponent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/tag/Tag.styled.d.ts

@@ -2,7 +2,7 @@
 import { TagTheme, TagType, TagVariant } from './model';
 export declare const Tag: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     theme: TagTheme;
     type: TagType;

package/dist/esm/components/testimonial-card/TestimonialCard.style.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const TestimonialCardStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;
@@ -9,35 +9,35 @@ export declare const TestimonialCardStyle: import("@emotion/styled").StyledCompo
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TestimonialProfileCard: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TestimonialProfileInfo2: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Logo: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const TestimonialProfileInfo: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TestimonialProfileFooter: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FooterText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const FooterStat: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const FooterArrow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/esm/components/toaster/Toaster.js

@@ -1 +1 @@
-import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import n from"../../assets/icons/alert_triangle.svg.js";import i from"../../assets/icons/check.svg.js";import s from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/errorInfo.svg.js";import l from"../../assets/icons/info.svg.js";import d,{useRef as c,useState as a,useEffect as u,useContext as p}from"react";import h from"react-dom";import{cssTransition as g,toast as v,ToastContainer as y}from"react-toastify";import{Button as b}from"../button/Button.js";import{ToasterStyled as x}from"./Toaster.styled.js";import{TitleSmall as f,BodySecondary as T,BodyCaption as B}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";const w=t=>e(T,Object.assign({color:"#9E9E9E",customStyles:{fontWeight:600,fontSize:14,width:25}},{children:[t.duration,"s"]})),k=o=>{const e="default"===o.type?m.content.primary:"success"===o.type?m.content.positive:"error"===o.type?m.content.negative:"warning"===o.type?m.content.warning:m.content.brand,[n,i]=a(o.duration||-1);u((()=>{if(!o.duration||o.duration<=0)return void i(-1);i(o.duration);const t=setInterval((()=>{i((o=>{const e=o-1;return e<=0?(clearInterval(t),-1):e}))}),1e3);return()=>clearInterval(t)}),[o.duration]);const r=(!o.blocking||-1!==n)&&(o.blocking&&n>0);return t("div",Object.assign({tabIndex:r?-1:0,role:"button",style:{width:n>0?25:20,display:"flex",cursor:r?"not-allowed":"pointer",alignSelf:""+(o.alignTop?"flex-start":"center"),opacity:r?.5:1},onClick:()=>{!r&&o.closeToast&&o.closeToast()},onKeyDown:t=>{"Enter"===t.key&&!r&&o.closeToast&&o.closeToast()}},{children:n>0?t(w,{duration:n}):t(s,{height:20,width:20,color:e})}))},C=n=>{var i,s;const r=m.content.placeholder,{toasterText:l}=p(I);return t(o,{children:e("div",Object.assign({style:{display:"flex",flexGrow:1,maxWidth:"100%"}},{children:[t("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center",minWidth:0,overflow:"hidden"}},{children:e("div",Object.assign({style:{width:"100%",minWidth:0,wordBreak:"break-word",overflowWrap:"break-word"}},{children:[n.subText?t(f,Object.assign({color:"inherit"},{children:null!==(i=n.toastText)&&void 0!==i?i:l})):t(T,Object.assign({color:"inherit"},{children:null!==(s=n.toastText)&&void 0!==s?s:l})),n.subText&&t("div",Object.assign({style:{marginTop:2}},{children:t(B,Object.assign({color:m.content.secondary},{children:n.subText}))}))]}))})),n.showButton&&t("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[n.showSecondButton?"showSecondButton":"showButton"]}},{children:t(b,{buttonText:n.buttonText,buttonType:"tertiaryGray",color:m.content.secondary,onClick:n.onButtonClick})})),n.showSecondButton&&t("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t(b,{buttonText:n.secondButtonText,buttonType:"tertiaryGray",color:m.content.secondary,onClick:n.onSecondButtonClick})})),n.showButton||n.showSecondButton?t("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${r}`,borderRadius:1}}):null]}))})},j=o=>{const e=c(o.toastId||"default-toast"),[s,d]=a(o.text),p=g({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),b="default"===o.type?null:"success"===o.type?t(i,{width:20,height:20,color:m.content.positive}):"error"===o.type?t(r,{width:20,height:20,color:m.content.negative}):"warning"===o.type?t(n,{width:20,height:20,color:m.content.warning}):t(l,{width:20,height:20,color:m.content.brand});u((()=>{e.current&&e.current===o.toastId?(d(o.text),v.update(e.current,{autoClose:o.autoClose})):e.current&&e.current!==o.toastId&&f(o.text)}),[o.toastId,o.text]);const f=n=>{var i,s,r,l,d,c,a,u,h,g,y,x,f,T,B,m;void 0!==o.hideLeftIcon||o.leftIcon?v(t(C,{toastText:n,type:o.type||"info",buttonText:null===(i=o.buttonProps)||void 0===i?void 0:i.buttonText,secondButtonText:null===(s=o.secondButtonProps)||void 0===s?void 0:s.buttonText,showButton:null===(r=o.buttonProps)||void 0===r?void 0:r.showButton,showSecondButton:null===(l=o.secondButtonProps)||void 0===l?void 0:l.showButton,onButtonClick:null===(d=o.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=o.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:!0!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:"default"!==o.type&&t("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:b}))),type:o.type,closeButton:t(k,{type:o.type||"default",alignTop:!(!o.subText||(null===(a=o.buttonProps)||void 0===a?void 0:a.showButton)||(null===(u=o.secondButtonProps)||void 0===u?void 0:u.showButton)),blocking:o.blocking,duration:o.duration}),toastId:o.toastId||"default-toast",transition:p}):e.current=v(t(C,{toastText:n,type:o.type||"info",buttonText:null===(h=o.buttonProps)||void 0===h?void 0:h.buttonText,secondButtonText:null===(g=o.secondButtonProps)||void 0===g?void 0:g.buttonText,showButton:null===(y=o.buttonProps)||void 0===y?void 0:y.showButton,showSecondButton:null===(x=o.secondButtonProps)||void 0===x?void 0:x.showButton,onButtonClick:null===(f=o.buttonProps)||void 0===f?void 0:f.onButtonClick,onSecondButtonClick:null===(T=o.secondButtonProps)||void 0===T?void 0:T.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,icon:"default"!==o.type&&t("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:b})),closeButton:t(k,{type:o.type||"default",alignTop:!(!o.subText||(null===(B=o.buttonProps)||void 0===B?void 0:B.showButton)||(null===(m=o.secondButtonProps)||void 0===m?void 0:m.showButton)),blocking:o.blocking,duration:o.duration}),toastId:o.toastId||"default-toast",transition:p})};return u((()=>{f()}),[]),h.createPortal(t(x,Object.assign({width:o.width,height:o.height,zIndex:o.zIndex,isSubTextIncluded:!!o.subText,type:o.type},{children:t(I.Provider,Object.assign({value:{toasterText:s}},{children:t(y,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})}))})),document.body)},I=d.createContext({toasterText:""});export{j as Toaster};
+import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import n from"../../assets/icons/alert_triangle.svg.js";import s from"../../assets/icons/check.svg.js";import i from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/errorInfo.svg.js";import l from"../../assets/icons/info.svg.js";import c,{useRef as d,useState as a,useEffect as u,useContext as p}from"react";import h from"react-dom";import{cssTransition as g,toast as v,ToastContainer as y}from"react-toastify";import{Button as x}from"../button/Button.js";import{ToasterStyled as b}from"./Toaster.styled.js";import{TitleSmall as f,BodySecondary as T,BodyCaption as B}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";const w=t=>e(T,Object.assign({color:"#9E9E9E",customStyles:{fontWeight:600,fontSize:14,width:25}},{children:[t.duration,"s"]})),C=o=>{const e="default"===o.type?m.content.primary:"success"===o.type?m.content.positive:"error"===o.type?m.content.negative:"warning"===o.type?m.content.warning:m.content.brand,[n,s]=a(o.duration||-1);u((()=>{if(!o.duration||o.duration<=0)return void s(-1);s(o.duration);const t=setInterval((()=>{s((o=>{const e=o-1;return e<=0?(clearInterval(t),-1):e}))}),1e3);return()=>clearInterval(t)}),[o.duration]);const r=(!o.blocking||-1!==n)&&(o.blocking&&n>0);return t("div",Object.assign({tabIndex:r?-1:0,role:"button",style:{width:n>0?25:20,display:"flex",cursor:r?"not-allowed":"pointer",alignSelf:""+(o.alignTop?"flex-start":"center"),opacity:r?.5:1},onClick:()=>{!r&&o.closeToast&&o.closeToast()},onKeyDown:t=>{"Enter"===t.key&&!r&&o.closeToast&&o.closeToast()}},{children:n>0?t(w,{duration:n}):t(i,{height:20,width:20,color:e})}))},j=n=>{var s,i;const r=m.content.placeholder,{toasterText:l}=p(k);return t(o,{children:e("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:e("div",{children:[n.subText?t(f,Object.assign({color:"inherit"},{children:null!==(s=n.toastText)&&void 0!==s?s:l})):t(T,Object.assign({color:"inherit"},{children:null!==(i=n.toastText)&&void 0!==i?i:l})),n.subText&&t("div",Object.assign({style:{marginTop:2}},{children:t(B,Object.assign({color:m.content.secondary},{children:n.subText}))}))]})})),n.showButton&&t("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[n.showSecondButton?"showSecondButton":"showButton"]}},{children:t(x,{buttonText:n.buttonText,buttonType:"tertiaryGray",color:m.content.secondary,onClick:n.onButtonClick})})),n.showSecondButton&&t("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t(x,{buttonText:n.secondButtonText,buttonType:"tertiaryGray",color:m.content.secondary,onClick:n.onSecondButtonClick})})),n.showButton||n.showSecondButton?t("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${r}`,borderRadius:1}}):null]}))})},I=o=>{const e=d(o.toastId||"default-toast"),[i,c]=a(o.text),p=g({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),x="default"===o.type?null:"success"===o.type?t(s,{width:20,height:20,color:m.content.positive}):"error"===o.type?t(r,{width:20,height:20,color:m.content.negative}):"warning"===o.type?t(n,{width:20,height:20,color:m.content.warning}):t(l,{width:20,height:20,color:m.content.brand});u((()=>{e.current&&e.current===o.toastId?(c(o.text),v.update(e.current,{autoClose:o.autoClose})):e.current&&e.current!==o.toastId&&f(o.text)}),[o.toastId,o.text]);const f=n=>{var s,i,r,l,c,d,a,u,h,g,y,b,f,T,B,m;void 0!==o.hideLeftIcon||o.leftIcon?v(t(j,{toastText:n,type:o.type||"info",buttonText:null===(s=o.buttonProps)||void 0===s?void 0:s.buttonText,secondButtonText:null===(i=o.secondButtonProps)||void 0===i?void 0:i.buttonText,showButton:null===(r=o.buttonProps)||void 0===r?void 0:r.showButton,showSecondButton:null===(l=o.secondButtonProps)||void 0===l?void 0:l.showButton,onButtonClick:null===(c=o.buttonProps)||void 0===c?void 0:c.onButtonClick,onSecondButtonClick:null===(d=o.secondButtonProps)||void 0===d?void 0:d.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:!0!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:"default"!==o.type&&t("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:x}))),type:o.type,closeButton:t(C,{type:o.type||"default",alignTop:!(!o.subText||(null===(a=o.buttonProps)||void 0===a?void 0:a.showButton)||(null===(u=o.secondButtonProps)||void 0===u?void 0:u.showButton)),blocking:o.blocking,duration:o.duration}),toastId:o.toastId||"default-toast",transition:p}):e.current=v(t(j,{toastText:n,type:o.type||"info",buttonText:null===(h=o.buttonProps)||void 0===h?void 0:h.buttonText,secondButtonText:null===(g=o.secondButtonProps)||void 0===g?void 0:g.buttonText,showButton:null===(y=o.buttonProps)||void 0===y?void 0:y.showButton,showSecondButton:null===(b=o.secondButtonProps)||void 0===b?void 0:b.showButton,onButtonClick:null===(f=o.buttonProps)||void 0===f?void 0:f.onButtonClick,onSecondButtonClick:null===(T=o.secondButtonProps)||void 0===T?void 0:T.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,icon:"default"!==o.type&&t("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:x})),closeButton:t(C,{type:o.type||"default",alignTop:!(!o.subText||(null===(B=o.buttonProps)||void 0===B?void 0:B.showButton)||(null===(m=o.secondButtonProps)||void 0===m?void 0:m.showButton)),blocking:o.blocking,duration:o.duration}),toastId:o.toastId||"default-toast",transition:p})};return u((()=>{f()}),[]),h.createPortal(t(b,Object.assign({width:o.width,height:o.height,zIndex:o.zIndex,isSubTextIncluded:!!o.subText,type:o.type},{children:t(k.Provider,Object.assign({value:{toasterText:i}},{children:t(y,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})}))})),document.body)},k=c.createContext({toasterText:""});export{I as Toaster};

package/dist/esm/components/toaster/Toaster.styled.d.ts

@@ -2,7 +2,7 @@
 import { TypeOptions } from 'react-toastify';
 export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;

package/dist/esm/components/toaster/Toaster.styled.js

@@ -1 +1 @@
-import c from"@emotion/styled/base";import{COLORS as t}from"../../constants/Theme.js";import{ComponentZindex as d}from"../../constants/zindex.js";const l=c("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-text-color-success:",t.content.primary,";--toastify-text-color-error:",t.content.primary,";--toastify-text-color-warning:",t.content.primary,";--toastify-text-color-info:",t.content.primary,";--toastify-color-info:",t.background.brandLight,";--toastify-color-success:",t.background.positive.light,";--toastify-color-error:",t.background.negative.light,";--toastify-color-warning:",t.background.warning.light,";--toastify-text-color-light:",t.content.primary,";--toastify-toast-width:fit-content;--toastify-toast-min-height:",(c=>c.height||(c.isSubTextIncluded?"70px":"56px")),";--toastify-toast-max-height:",(c=>c.height||"fit-content"),";font-family:inherit;z-index:",(c=>c.zIndex||d.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;width:auto;max-width:90vw;overflow:visible;@media (max-width: 768px){left:25%;transform:translateX(-50%);max-width:calc(100vw - 64px);margin:0 32px;}}.Toastify__toast--success{border:1px solid ",t.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.stroke.warning.lightAlt,";}.Toastify__toast{padding:",(c=>c.isSubTextIncluded?"16px 8px":"12px 8px"),";max-width:",(c=>c.width||"600px"),";min-width:320px;border-radius:8px;word-wrap:break-word;overflow-wrap:break-word;overflow:visible;@media (max-width: 768px){min-width:80vw;max-width:calc(100vw - 64px);padding:",(c=>c.isSubTextIncluded?"16px 16px":"12px 16px"),";}}.Toastify__progress-bar{height:4px;}.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-icon{align-self:center;margin-inline-end:12px;height:",(c=>c.isSubTextIncluded?"38px":"20px"),";}.Toastify__toast-body{padding:0;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",t.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.content.negative,";}.Toastify__toast-body>div:last-child{display:flex;}.Toastify__slide-enter{animation:slideIn 1s ease forwards,bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;}.Toastify__slide-exit{animation:slideOut 0.5s ease-in-out forwards;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateX(-20px);}60%{transform:translateX(20px);}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudFppbmRleCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvemluZGV4XCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdC0tdG9hc3RpZnktY29sb3ItbGlnaHQ6ICNmZmY7XG5cdC0tdG9hc3RpZnktY29sb3ItZGFyazogIzEyMTIxMjtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1lcnJvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1pbmZvOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogZml0LWNvbnRlbnQ7XG5cdC0tdG9hc3RpZnktdG9hc3QtbWluLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnNzBweCcgOiAnNTZweCcpfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0ei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3QtY29udGFpbmVyIHtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHRcdG1heC13aWR0aDogOTB2dztcblx0XHRvdmVyZmxvdzogdmlzaWJsZTtcblxuXHRcdEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuXHRcdFx0bGVmdDogMjUlO1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuXHRcdFx0bWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gNjRweCk7XG5cdFx0XHRtYXJnaW46IDAgMzJweDtcblx0XHR9XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LS1zdWNjZXNzIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucG9zaXRpdmUubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0taW5mbyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLmJyYW5kTGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tZGVmYXVsdCB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tZXJyb3Ige1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LS13YXJuaW5nIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2Uud2FybmluZy5saWdodEFsdH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0IHtcblx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzE2cHggOHB4JyA6ICcxMnB4IDhweCcpfTtcblx0XHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aCB8fCAnNjAwcHgnfTtcblx0XHRtaW4td2lkdGg6IDMyMHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG5cdFx0b3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcblx0XHRvdmVyZmxvdzogdmlzaWJsZTtcblxuXHRcdEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuXHRcdFx0bWluLXdpZHRoOiA4MHZ3O1xuXHRcdFx0bWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gNjRweCk7XG5cdFx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzE2cHggMTZweCcgOiAnMTJweCAxNnB4Jyl9O1xuXHRcdH1cblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyIHtcblx0XHRoZWlnaHQ6IDRweDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fY2xvc2UtYnV0dG9uIHtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRtYXJnaW46IGF1dG87XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWljb24ge1xuXHRcdGFsaWduLXNlbGY6IGNlbnRlcjtcblx0XHRtYXJnaW4taW5saW5lLWVuZDogMTJweDtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnMzhweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keSB7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWRlZmF1bHQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0taW5mbyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5icmFuZH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS13YXJuaW5nIHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50Lndhcm5pbmd9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tc3VjY2VzcyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1lcnJvciB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkgPiBkaXY6bGFzdC1jaGlsZCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fc2xpZGUtZW50ZXIge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVJbiAxcyBlYXNlIGZvcndhcmRzLFxuXHRcdFx0Ym91bmNlIGN1YmljLWJlemllcigwLjY4LCAtMC41NSwgMC4yNywgMS41NSkgMC41cyBib3RoO1xuXHR9XG5cdC5Ub2FzdGlmeV9fc2xpZGUtZXhpdCB7XG5cdFx0YW5pbWF0aW9uOiBzbGlkZU91dCAwLjVzIGVhc2UtaW4tb3V0IGZvcndhcmRzO1xuXHR9XG5cdEBrZXlmcmFtZXMgYm91bmNlIHtcblx0XHQwJSxcblx0XHQyMCUsXG5cdFx0NTAlLFxuXHRcdDgwJSxcblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsgLyogU3RhcnQgYW5kIGVuZCBhdCB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHR9XG5cdFx0NDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMjBweCk7IC8qIEJvdW5jaW5nIHVwICovXG5cdFx0fVxuXHRcdDYwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMjBweCk7IC8qIFNtYWxsIGJvdW5jZSBiZWZvcmUgc2V0dGxpbmcgKi9cblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZUluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpOyAvKiBTdGFydCBvZmYtc2NyZWVuIHRvIHRoZSBsZWZ0ICovXG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgLyogRW5kIGF0IHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZU91dCB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApOyAvKiBTdGFydCBmcm9tIHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7IC8qIFNsaWRlIG91dCB0byB0aGUgcmlnaHQgKi9cblx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub2FzdGVyLnN0eWxlZC5qcy5tYXAiXX0= */"));export{l as ToasterStyled};
+import c from"@emotion/styled/base";import{COLORS as t}from"../../constants/Theme.js";import{ComponentZindex as d}from"../../constants/zindex.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-text-color-success:",t.content.primary,";--toastify-text-color-error:",t.content.primary,";--toastify-text-color-warning:",t.content.primary,";--toastify-text-color-info:",t.content.primary,";--toastify-color-info:",t.background.brandLight,";--toastify-color-success:",t.background.positive.light,";--toastify-color-error:",t.background.negative.light,";--toastify-color-warning:",t.background.warning.light,";--toastify-text-color-light:",t.content.primary,";--toastify-toast-width:fit-content;--toastify-toast-min-height:",(c=>c.height||(c.isSubTextIncluded?"70px":"56px")),";--toastify-toast-max-height:",(c=>c.height||"fit-content"),";font-family:inherit;z-index:",(c=>c.zIndex||d.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;}.Toastify__toast--success{border:1px solid ",t.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.stroke.warning.lightAlt,";}.Toastify__toast{padding:",(c=>c.isSubTextIncluded?"16px":"12px"),";max-width:",(c=>c.width),";border-radius:8px;}.Toastify__progress-bar{height:4px;}.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-icon{align-self:center;margin-inline-end:12px;height:",(c=>c.isSubTextIncluded?"38px":"20px"),";}.Toastify__toast-body{padding:0;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",t.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.content.negative,";}.Toastify__toast-body>div:last-child{display:flex;}.Toastify__slide-enter{animation:slideIn 1s ease forwards,bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;}.Toastify__slide-exit{animation:slideOut 0.5s ease-in-out forwards;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateX(-20px);}60%{transform:translateX(20px);}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudFppbmRleCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvemluZGV4XCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdC0tdG9hc3RpZnktY29sb3ItbGlnaHQ6ICNmZmY7XG5cdC0tdG9hc3RpZnktY29sb3ItZGFyazogIzEyMTIxMjtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1lcnJvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1pbmZvOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogZml0LWNvbnRlbnQ7XG5cdC0tdG9hc3RpZnktdG9hc3QtbWluLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnNzBweCcgOiAnNTZweCcpfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0ei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3QtY29udGFpbmVyIHtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tc3VjY2VzcyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWluZm8ge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWRlZmF1bHQge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWVycm9yIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UubmVnYXRpdmUubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0td2FybmluZyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLndhcm5pbmcubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1N1YlRleHRJbmNsdWRlZCA/ICcxNnB4JyA6ICcxMnB4Jyl9O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhciB7XG5cdFx0aGVpZ2h0OiA0cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1pY29uIHtcblx0XHRhbGlnbi1zZWxmOiBjZW50ZXI7XG5cdFx0bWFyZ2luLWlubGluZS1lbmQ6IDEycHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzM4cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkge1xuXHRcdHBhZGRpbmc6IDA7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWluZm8ge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0td2FybmluZyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC53YXJuaW5nfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLXN1Y2Nlc3Mge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tZXJyb3Ige1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3NsaWRlLWVudGVyIHtcblx0XHRhbmltYXRpb246IHNsaWRlSW4gMXMgZWFzZSBmb3J3YXJkcyxcblx0XHRcdGJvdW5jZSBjdWJpYy1iZXppZXIoMC42OCwgLTAuNTUsIDAuMjcsIDEuNTUpIDAuNXMgYm90aDtcblx0fVxuXHQuVG9hc3RpZnlfX3NsaWRlLWV4aXQge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVPdXQgMC41cyBlYXNlLWluLW91dCBmb3J3YXJkcztcblx0fVxuXHRAa2V5ZnJhbWVzIGJvdW5jZSB7XG5cdFx0MCUsXG5cdFx0MjAlLFxuXHRcdDUwJSxcblx0XHQ4MCUsXG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7IC8qIFN0YXJ0IGFuZCBlbmQgYXQgdGhlIG9yaWdpbmFsIHBvc2l0aW9uICovXG5cdFx0fVxuXHRcdDQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTIwcHgpOyAvKiBCb3VuY2luZyB1cCAqL1xuXHRcdH1cblx0XHQ2MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDIwcHgpOyAvKiBTbWFsbCBib3VuY2UgYmVmb3JlIHNldHRsaW5nICovXG5cdFx0fVxuXHR9XG5cdEBrZXlmcmFtZXMgc2xpZGVJbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTsgLyogU3RhcnQgb2ZmLXNjcmVlbiB0byB0aGUgbGVmdCAqL1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7IC8qIEVuZCBhdCB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHR9XG5cdEBrZXlmcmFtZXMgc2xpZGVPdXQge1xuXHRcdDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgLyogU3RhcnQgZnJvbSB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpOyAvKiBTbGlkZSBvdXQgdG8gdGhlIHJpZ2h0ICovXG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9VG9hc3Rlci5zdHlsZWQuanMubWFwIl19 */"));export{b as ToasterStyled};

package/dist/esm/components/vertical-full-screen-modal/component.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { VerticalFullScreenModalProps } from './types';
+/**
+ * VerticalFullScreenModal - A reusable full-screen modal component
+ *
+ * This component provides a common full-screen modal structure with:
+ * - Fixed height (100vh)
+ * - Header section with close button
+ * - Scrollable body content
+ * - Dynamic footer with configurable buttons
+ *
+ * @example
+ * <VerticalFullScreenModal
+ *   headerText="My Modal"
+ *   body={<div>Modal content here</div>}
+ *   primaryButtonTitle="Save"
+ *   onSave={handleSave}
+ *   secondaryButtonTitle="Cancel"
+ *   secondaryButtonClick={handleCancel}
+ *   onClose={handleClose}
+ * />
+ */
+declare const VerticalFullScreenModal: React.FC<VerticalFullScreenModalProps>;
+export default VerticalFullScreenModal;

package/dist/esm/components/vertical-full-screen-modal/component.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import n from"../../assets/icons/cross.svg.js";import{Button as e}from"../button/Button.js";import{IconButton as i}from"../icon-button/IconButton.js";import{TitleRegular as r}from"../TypographyStyle.js";import{VerticalModalContainer as s,VerticalModalHeader as a,VerticalModalContent as c,VerticalModalFooter as l}from"./styles.js";const d=d=>{let{headerText:m,body:p,primaryButtonTitle:u,onSave:y,secondaryButtonTitle:h="Cancel",secondaryButtonClick:b,hideSecondaryButton:f=!1,disablePrimaryButton:g=!1,onClose:j,width:x,className:B,modalOffsetPx:C}=d;const T=b||j;return t("div",Object.assign({style:{position:"fixed",top:0,right:C?`${C}px`:"-424px",bottom:0}},{children:o(s,Object.assign({onClick:t=>t.stopPropagation(),onMouseDown:t=>t.stopPropagation(),width:x,className:B},{children:[o(a,{children:[t(r,{children:m}),t(i,{Icon:n,onClick:j})]}),t(c,{children:p}),o(l,Object.assign({addGap:!f},{children:[!f&&t(e,{buttonText:h,buttonType:"tertiaryGray",onClick:T}),t(e,{style:{marginRight:12},buttonText:u,onClick:y,disabled:g})]}))]}))}))};export{d as default};

package/dist/esm/components/vertical-full-screen-modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as VerticalFullScreenModal } from './component';
+export * from './types';

package/dist/esm/components/vertical-full-screen-modal/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const VerticalModalContainer: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;
+export declare const VerticalModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VerticalModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VerticalModalFooter: import("styled-components").StyledComponent<"div", any, {
+    addGap?: boolean | undefined;
+}, never>;