@mindly/ui-components 8.0.0-alpha.32 → 8.0.0-alpha.38

package/dist/cjs/lib2/shared/ui/Badge/styles.d.ts

@@ -1 +1,55 @@
-export declare const badge: any;
+export declare const badge: import("tailwind-variants").TVReturnType<{
+    variant: {
+        attention: string;
+        neutral: string;
+        warning: string;
+        danger: string;
+        success: string;
+        brand: string;
+        info: string;
+    };
+    size: {
+        S: string;
+        M: string;
+    };
+    type: {
+        default: string;
+        accent: string;
+    };
+}, undefined, "inline-flex justify-center items-center rounded-3xl gap-1 text-typography-typography-primary font-sans", {
+    variant: {
+        attention: string;
+        neutral: string;
+        warning: string;
+        danger: string;
+        success: string;
+        brand: string;
+        info: string;
+    };
+    size: {
+        S: string;
+        M: string;
+    };
+    type: {
+        default: string;
+        accent: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        attention: string;
+        neutral: string;
+        warning: string;
+        danger: string;
+        success: string;
+        brand: string;
+        info: string;
+    };
+    size: {
+        S: string;
+        M: string;
+    };
+    type: {
+        default: string;
+        accent: string;
+    };
+}, undefined, "inline-flex justify-center items-center rounded-3xl gap-1 text-typography-typography-primary font-sans", unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/Button_v2/Button_v2.style.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { ButtonProps } from './types';
-export declare const ButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("@ionic/core/dist/types/components").JSX.IonButton, "routerDirection"> & {
-    routerLink?: string | undefined;
-    routerDirection?: import("@ionic/react").RouterDirection | undefined;
-    routerOptions?: import("@ionic/react").RouterOptions | undefined;
-    routerAnimation?: import("@ionic/react").AnimationBuilder | undefined;
-} & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style" | "placeholder"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>, ButtonProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@ionic/core/dist/types/components").JSX.IonButton, "routerDirection"> & {
-    routerLink?: string | undefined;
-    routerDirection?: import("@ionic/react").RouterDirection | undefined;
-    routerOptions?: import("@ionic/react").RouterOptions | undefined;
-    routerAnimation?: import("@ionic/react").AnimationBuilder | undefined;
+export declare const ButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("@ionic/core").JSX.IonButton, "routerDirection"> & {
+    routerLink?: string;
+    routerDirection?: import("@ionic/react").RouterDirection;
+    routerOptions?: import("@ionic/react").RouterOptions;
+    routerAnimation?: import("@ionic/react").AnimationBuilder;
+} & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style" | "placeholder"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>, ButtonProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@ionic/core").JSX.IonButton, "routerDirection"> & {
+    routerLink?: string;
+    routerDirection?: import("@ionic/react").RouterDirection;
+    routerOptions?: import("@ionic/react").RouterOptions;
+    routerAnimation?: import("@ionic/react").AnimationBuilder;
 } & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style" | "placeholder"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/cjs/lib2/shared/ui/Button_v2/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { JSX } from '@ionic/core/components';
 import { CSSVarStyles } from '../../types';
 export type ButtonProps = {

package/dist/cjs/lib2/shared/ui/Calendar/CalendarButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { AriaButtonProps } from 'react-aria';
 export declare const CalendarButton: React.ForwardRefExoticComponent<AriaButtonProps<"button"> & {
-    className?: string | undefined;
+    className?: string;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/lib2/shared/ui/Calendar/CalendarCell.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { CalendarCellProps } from './types';
 export declare const CalendarCell: React.ForwardRefExoticComponent<{
-    onDatePress?: ((date: string, evt: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+    onDatePress?: (date: string, evt: React.MouseEvent<HTMLButtonElement>) => void;
     locale: import("../..").SupportedLocales;
-    timeZone?: string | undefined;
-    selectionMode?: import("react-stately").SelectionMode | undefined;
-    renderCustomDateContent?: ((date: string, formattedDate: string, isSelected: boolean, isToday: boolean) => React.ReactNode) | undefined;
+    timeZone?: string;
+    selectionMode?: import("react-stately").SelectionMode;
+    renderCustomDateContent?: (date: string, formattedDate: string, isSelected: boolean, isToday: boolean) => React.ReactNode;
 } & {
     state: import("react-stately").CalendarState;
     selectionState: Map<string, string>;

package/dist/cjs/lib2/shared/ui/Calendar/styles.d.ts

@@ -1 +1,76 @@
-export declare const calendarStyles: any;
+export declare const calendarStyles: import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: {};
+    };
+    isToday: {
+        true: {};
+    };
+    isSelected: {
+        true: {};
+    };
+    isUnavailable: {
+        true: {};
+    };
+    fullWidth: {
+        true: {};
+    };
+}, {
+    header: string;
+    title: string;
+    week: string;
+    weekday: string;
+    daysOfWeek: string;
+    day: string;
+    navigation: string;
+    navigationButton: string;
+}, "flex-1 max-w-xs", {
+    isDisabled: {
+        true: {};
+    };
+    isToday: {
+        true: {};
+    };
+    isSelected: {
+        true: {};
+    };
+    isUnavailable: {
+        true: {};
+    };
+    fullWidth: {
+        true: {};
+    };
+}, {
+    header: string;
+    title: string;
+    week: string;
+    weekday: string;
+    daysOfWeek: string;
+    day: string;
+    navigation: string;
+    navigationButton: string;
+}, import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: {};
+    };
+    isToday: {
+        true: {};
+    };
+    isSelected: {
+        true: {};
+    };
+    isUnavailable: {
+        true: {};
+    };
+    fullWidth: {
+        true: {};
+    };
+}, {
+    header: string;
+    title: string;
+    week: string;
+    weekday: string;
+    daysOfWeek: string;
+    day: string;
+    navigation: string;
+    navigationButton: string;
+}, "flex-1 max-w-xs", unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/CollapsableText/styles.d.ts

@@ -1 +1,34 @@
-export declare const collapsableTextStyles: any;
+export declare const collapsableTextStyles: import("tailwind-variants").TVReturnType<{
+    collapsed: {
+        true: {
+            contentWrap: string;
+            contentText: string;
+        };
+    };
+}, {
+    contentWrap: string;
+    contentText: string;
+    collapsing: string;
+}, undefined, {
+    collapsed: {
+        true: {
+            contentWrap: string;
+            contentText: string;
+        };
+    };
+}, {
+    contentWrap: string;
+    contentText: string;
+    collapsing: string;
+}, import("tailwind-variants").TVReturnType<{
+    collapsed: {
+        true: {
+            contentWrap: string;
+            contentText: string;
+        };
+    };
+}, {
+    contentWrap: string;
+    contentText: string;
+    collapsing: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/Container_v2/Container_v2.styled.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 type Container_v2StyledProps = {
     flexGapInPx: number;
 };
-export declare const Container_v2Styled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("@ionic/core/dist/types/components").JSX.IonContent & Omit<import("react").HTMLAttributes<HTMLIonContentElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonContentElement>, Container_v2StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonContent & Omit<import("react").HTMLAttributes<HTMLIonContentElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonContentElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const Container_v2Styled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("@ionic/core").JSX.IonContent & Omit<import("react").HTMLAttributes<HTMLIonContentElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonContentElement>, Container_v2StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core").JSX.IonContent & Omit<import("react").HTMLAttributes<HTMLIonContentElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonContentElement>>, keyof import("react").Component<any, {}, any>>;
 export {};

package/dist/cjs/lib2/shared/ui/Counter/styles.d.ts

@@ -1 +1,43 @@
-export declare const counterStyles: any;
+export declare const counterStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+    };
+    size: {
+        xs: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    text: string;
+}, undefined, {
+    variant: {
+        default: {
+            root: string;
+        };
+    };
+    size: {
+        xs: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    text: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+    };
+    size: {
+        xs: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    text: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/Divider/styles.d.ts

@@ -1 +1,25 @@
-export declare const dividerStyles: any;
+export declare const dividerStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+}, undefined, {
+    variant: {
+        default: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/ExploreCard/styles.d.ts

@@ -1 +1 @@
-export declare const exploreCardStyles: any;
+export declare const exploreCardStyles: import("tailwind-variants").TVReturnType<{}, undefined, "bg-color-background-anti-flash-light rounded-[20px] p-7 flex flex-col items-start justify-between w-full h-[520px]", {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "bg-color-background-anti-flash-light rounded-[20px] p-7 flex flex-col items-start justify-between w-full h-[520px]", unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/Flag_v2/Flag_v2.style.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const FlagWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/lib2/shared/ui/HeaderWithRedirect/styles.d.ts

@@ -1 +1 @@
-export declare const header: any;
+export declare const header: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center justify-between", unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/ItemCard/styles.d.ts

@@ -1 +1,34 @@
-export declare const itemCardStyles: any;
+export declare const itemCardStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        neutral: string;
+        transparent: string;
+        transparent20: string;
+    };
+    size: {
+        M: string;
+        M4: string;
+        M45: string;
+    };
+}, undefined, "", {
+    variant: {
+        neutral: string;
+        transparent: string;
+        transparent20: string;
+    };
+    size: {
+        M: string;
+        M4: string;
+        M45: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        neutral: string;
+        transparent: string;
+        transparent20: string;
+    };
+    size: {
+        M: string;
+        M4: string;
+        M45: string;
+    };
+}, undefined, "", unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/LabelArrowRedirect/styles.d.ts

@@ -1 +1,46 @@
-export declare const button: any;
+export declare const button: import("tailwind-variants").TVReturnType<{
+    transparent: {
+        true: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    icon: string;
+    text: string;
+}, undefined, {
+    transparent: {
+        true: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    icon: string;
+    text: string;
+}, import("tailwind-variants").TVReturnType<{
+    transparent: {
+        true: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    icon: string;
+    text: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxDefaultItem.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
+import React, { DOMAttributes } from 'react';
 import { Node } from 'react-stately';
-import { VariantType } from '../ListBox/types';
+import { ListBoxSelectionType, VariantType } from '../ListBox/types';
 import { IconProps, OnBoardingThemeV2Type } from '../../types';
 declare const _default: React.MemoExoticComponent<({ item, isSelected, selectionPosition, enableSelection, selectedIconProps, selectionIconClassName, variant, onboardingTheme, labelProps, customContent, className, type, }: {
     isSelected: boolean;
     selectionIconClassName: string;
-    labelProps: React.DOMAttributes<HTMLDivElement>;
+    labelProps: DOMAttributes<HTMLDivElement>;
     customContent: boolean;
     className: string;
     variant: VariantType;
-    onboardingTheme?: OnBoardingThemeV2Type | undefined;
+    onboardingTheme?: OnBoardingThemeV2Type;
     item: Node<unknown>;
-    selectionPosition: "end" | "start";
+    selectionPosition: "start" | "end";
     enableSelection: boolean;
     selectedIconProps: IconProps;
-    type: "checkbox" | "radio" | "emoji" | "icon" | "image" | "roundImage";
+    type: `${ListBoxSelectionType}`;
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxIconItem.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
+import React, { DOMAttributes } from 'react';
 import { Node } from 'react-stately';
-import { VariantType } from '../ListBox/types';
+import { ListBoxSelectionType, VariantType } from '../ListBox/types';
 import { IconProps, OnBoardingThemeV2Type, ResponseFileType } from '../../types';
 declare const _default: React.MemoExoticComponent<({ item, isSelected, enableSelection, variant, onboardingTheme, labelProps, type, isOnboardingPreview, image, selectionMode, selectedIconProps, selectionIconClassName, }: {
     isSelected: boolean;
-    labelProps: React.DOMAttributes<HTMLDivElement>;
+    labelProps: DOMAttributes<HTMLDivElement>;
     variant: VariantType;
-    onboardingTheme?: OnBoardingThemeV2Type | undefined;
+    onboardingTheme?: OnBoardingThemeV2Type;
     item: Node<unknown>;
     enableSelection: boolean;
-    type: "checkbox" | "radio" | "emoji" | "icon" | "image" | "roundImage";
-    isOnboardingPreview?: boolean | undefined;
-    image?: ResponseFileType | null | undefined;
-    selectionMode?: "none" | "multiple" | "single" | undefined;
+    type: `${ListBoxSelectionType}`;
+    isOnboardingPreview?: boolean;
+    image?: ResponseFileType | null;
+    selectionMode?: "single" | "multiple" | "none";
     selectedIconProps: IconProps;
     selectionIconClassName: string;
 }) => import("react/jsx-runtime").JSX.Element>;

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxItem.d.ts

@@ -2,6 +2,6 @@ import * as React from 'react';
 import { ItemProps } from 'react-stately';
 import { ListBoxItemProps, ListOptionsProps } from './types';
 export declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & {
-    maxSelectionCount?: number | undefined;
+    maxSelectionCount?: number;
 } & React.RefAttributes<HTMLIonItemElement>>;
 export declare const ListBoxItem: (props: ItemProps<unknown> & ListBoxItemProps) => JSX.Element;

package/dist/cjs/lib2/shared/ui/ListItems/Item.d.ts

@@ -12,12 +12,12 @@ type ItemProps = React.HTMLAttributes<HTMLIonItemElement> & {
 export declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLIonItemElement> & {
     leftContent?: React.ReactNode;
     rightContent?: React.ReactNode;
-    innerItemClassName?: string | undefined;
-    withBorders?: boolean | undefined;
-    isDisabled?: boolean | undefined;
+    innerItemClassName?: string;
+    withBorders?: boolean;
+    isDisabled?: boolean;
     /** @deprecated Use `status` instead */
-    isError?: boolean | undefined;
-    status?: "error" | "attention" | undefined;
+    isError?: boolean;
+    status?: "error" | "attention";
 } & React.RefAttributes<HTMLIonItemElement>>;
 declare const _default: React.NamedExoticComponent<ItemProps>;
 export default _default;

package/dist/cjs/lib2/shared/ui/ListItems/ListItems.d.ts

@@ -3,9 +3,9 @@ type ListItemsProps = React.HTMLAttributes<HTMLIonListElement> & {
     withBorders?: boolean;
 };
 export declare const ListItems: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLIonListElement> & {
-    withBorders?: boolean | undefined;
+    withBorders?: boolean;
 } & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLIonListElement>>;
 declare const _default: React.NamedExoticComponent<ListItemsProps>;
 export default _default;

package/dist/cjs/lib2/shared/ui/ListItems/styles.d.ts

@@ -1 +1,52 @@
-export declare const listItemsStyles: any;
+export declare const listItemsStyles: import("tailwind-variants").TVReturnType<{
+    withBorders: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    status: {
+        error: string;
+        attention: string;
+    };
+}, {
+    items: string;
+    item: string;
+    itemInnerContainer: string;
+    itemInnerContentWrapper: string;
+    itemInnerContent: string;
+}, "", {
+    withBorders: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    status: {
+        error: string;
+        attention: string;
+    };
+}, {
+    items: string;
+    item: string;
+    itemInnerContainer: string;
+    itemInnerContentWrapper: string;
+    itemInnerContent: string;
+}, import("tailwind-variants").TVReturnType<{
+    withBorders: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    status: {
+        error: string;
+        attention: string;
+    };
+}, {
+    items: string;
+    item: string;
+    itemInnerContainer: string;
+    itemInnerContentWrapper: string;
+    itemInnerContent: string;
+}, "", unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/ModalSheet/ModalSheet.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-declare const ModalSheet: React.ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonModal & {
-    children?: React.ReactNode;
+declare const ModalSheet: React.ForwardRefExoticComponent<import("@ionic/core").JSX.IonModal & {
+    children?: React.ReactNode | undefined;
 } & {
-    heightInPx?: number | undefined;
-    className?: string | undefined;
-    withCloseButton?: boolean | undefined;
+    heightInPx?: number;
+    className?: string;
+    withCloseButton?: boolean;
 } & React.RefAttributes<HTMLIonModalElement>>;
 export default ModalSheet;

package/dist/cjs/lib2/shared/ui/NewSpecialist/styles.d.ts

@@ -1 +1,68 @@
-export declare const newSpecialistStyle: any;
+import { TypographyVariantsEnum } from '../Typography';
+export declare const newSpecialistStyle: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        full: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        badge: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+    };
+}, {
+    iconVariant: string;
+    titleVariant: string;
+    root: string;
+}, undefined, {
+    variant: {
+        default: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        full: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        badge: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+    };
+}, {
+    iconVariant: string;
+    titleVariant: string;
+    root: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        full: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        badge: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+    };
+}, {
+    iconVariant: string;
+    titleVariant: string;
+    root: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/Picture/Picture.style.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const PictureWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;