@websolutespa/bom-mixer-ui 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,2548 @@
+import * as React$1 from 'react';
+import React__default, { CSSProperties, ReactNode, MouseEvent as MouseEvent$1, MutableRefObject, ComponentPropsWithRef, FunctionComponent } from 'react';
+import * as styled_components from 'styled-components';
+import { FlattenInterpolation } from 'styled-components';
+import * as _websolutespa_bom_mixer_models from '@websolutespa/bom-mixer-models';
+import { IRouteLink, IMedia, IUser, ICartItem, ILink, IOrder, ICheckoutPartial, IFeatureType, ICategory, IUserAddress, IOrderDetail, ICheckoutItem, ILayout, IPage } from '@websolutespa/bom-mixer-models';
+import { HTMLMotionProps } from 'framer-motion';
+import * as hoist_non_react_statics from 'hoist-non-react-statics';
+import { LinkProps as LinkProps$1 } from 'next/link';
+import { SwiperProps } from 'swiper/react';
+import { FormControl, FormState, FormGroup, FormArray } from '@websolutespa/bom-mixer-forms';
+import { IEquatable } from '@websolutespa/bom-mixer-core';
+
+type Props$1N = {
+    accordion?: boolean;
+    className?: string;
+};
+type NativeAttrs$b = Omit<React__default.HTMLAttributes<any>, keyof Props$1N>;
+type AccordionGroupProps = Props$1N & NativeAttrs$b;
+
+type Props$1M = {
+    title: React__default.ReactNode | string;
+    subtitle?: React__default.ReactNode | string;
+    initialVisible?: boolean;
+    shadow?: boolean;
+    className?: string;
+    index?: number;
+};
+type NativeAttrs$a = Omit<React__default.HTMLAttributes<any>, keyof Props$1M>;
+type AccordionProps = Props$1M & NativeAttrs$a;
+declare const Accordion: React__default.FC<React__default.PropsWithChildren<AccordionProps>> & {
+    Group: React__default.FC<React__default.PropsWithChildren<AccordionGroupProps>>;
+    displayName: string;
+};
+
+declare const customTheme: {
+    base: {
+        fontSize: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    font: {
+        primary: {
+            family: string;
+            size: string[];
+            lineHeight: string[];
+        };
+        secondary: {
+            family: string;
+            size: string[];
+            lineHeight: string[];
+        };
+    };
+    grid: {
+        columns: number;
+        size: string;
+        columnGap: string;
+        rowGap: string;
+    };
+    mediaQuery: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    container: {
+        maxWidth: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    maxWidth: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    button: {
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        borderRadius: string;
+    };
+    form: {
+        fontSize: string;
+        lineHeight: string;
+        padding: string;
+    };
+    card: {
+        shadow: string;
+    };
+    backdrop: {
+        opacity: number;
+    };
+    border: {
+        radius: string;
+    };
+    shadow: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        neutral: {
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        primary: {
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        secondary: {
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        success: {
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        warning: {
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        danger: {
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+    };
+};
+
+type IThemeDisplay = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | string;
+type IThemeResponsive<T> = {
+    [key: IThemeDisplay]: T;
+};
+type IThemeFont = {
+    family: CSSProperties['fontFamily'];
+    size: CSSProperties['fontSize'][];
+    lineHeight: CSSProperties['lineHeight'][];
+};
+type IThemeFonts = {
+    primary: IThemeFont;
+    secondary: IThemeFont;
+    [key: string]: IThemeFont;
+};
+type IThemeGrid = {
+    columns: CSSProperties['gridTemplateColumns'];
+    size: CSSProperties['gridTemplateColumns'];
+    columnGap: CSSProperties['columnGap'];
+    rowGap: CSSProperties['rowGap'];
+} & CSSProperties;
+type IThemeContainer = {
+    maxWidth: IThemeResponsive<CSSProperties['maxWidth']>;
+};
+type IThemeColorKey = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | string;
+type IThemeColor = {
+    [key: IThemeColorKey]: CSSProperties['color'];
+};
+type IThemeColors = {
+    neutral: IThemeColor;
+    [key: string]: IThemeColor;
+};
+type IITheme = {
+    base: {
+        fontSize: IThemeResponsive<CSSProperties['fontSize']>;
+    };
+    font: IThemeFonts;
+    grid: IThemeGrid;
+    mediaQuery: IThemeResponsive<number>;
+    container: IThemeContainer;
+    maxWidth: IThemeResponsive<CSSProperties['maxWidth']>;
+    button: {
+        size: IThemeResponsive<CSSProperties['fontSize']>;
+        borderRadius: CSSProperties['borderRadius'];
+    } & CSSProperties;
+    form: {
+        fontSize: CSSProperties['fontSize'];
+        lineHeight: CSSProperties['lineHeight'];
+        padding: CSSProperties['padding'];
+    } & CSSProperties;
+    card: {
+        shadow: CSSProperties['boxShadow'];
+    } & CSSProperties;
+    backdrop: {
+        opacity: CSSProperties['opacity'];
+    } & CSSProperties;
+    border: {
+        radius: CSSProperties['borderRadius'];
+    };
+    shadow: IThemeResponsive<CSSProperties['boxShadow']>;
+    color: IThemeColors;
+    [key: string]: any;
+};
+
+declare const CssObj: {
+    readonly alignContent: "align-content";
+    readonly alignItems: "align-items";
+    readonly alignSelf: "align-self";
+    readonly aspectRatio: "aspect-ratio";
+    readonly background: "background";
+    readonly backgroundColor: "background-color";
+    readonly border: "border";
+    readonly borderBottom: "border-bottom";
+    readonly borderLeft: "border-left";
+    readonly borderRadius: "border-radius";
+    readonly borderRight: "border-right";
+    readonly borderTop: "border-top";
+    readonly bottom: "bottom";
+    readonly boxShadow: "box-shadow";
+    readonly clip: "clip";
+    readonly color: "color";
+    readonly columnCount: "column-count";
+    readonly columnFill: "column-fill";
+    readonly columnGap: "column-gap";
+    readonly columnRule: "column-rule";
+    readonly columnSpan: "column-span";
+    readonly columnWidth: "column-width";
+    readonly columns: "columns";
+    readonly content: "content";
+    readonly cursor: "cursor";
+    readonly direction: "direction";
+    readonly display: "display";
+    readonly flex: "flex";
+    readonly flexBasis: "flex-basis";
+    readonly flexDirection: "flex-direction";
+    readonly flexFlow: "flex-flow";
+    readonly flexGrow: "flex-grow";
+    readonly flexShrink: "flex-shrink";
+    readonly flexWrap: "flex-wrap";
+    readonly float: "float";
+    readonly fontSize: "font-size";
+    readonly fontWeight: "font-weight";
+    readonly gap: "gap";
+    readonly grid: "grid";
+    readonly gridAutoColumns: "grid-auto-columns";
+    readonly gridColumnEnd: "grid-column-end";
+    readonly gridColumnStart: "grid-column-start";
+    readonly gridTemplate: "grid-template";
+    readonly gridTemplateColumns: "grid-template-columns";
+    readonly height: "height";
+    readonly justifyContent: "justify-content";
+    readonly left: "left";
+    readonly letterSpacing: "letter-spacing";
+    readonly lineHeight: "line-height";
+    readonly margin: "margin";
+    readonly marginBottom: "margin-bottom";
+    readonly marginLeft: "margin-left";
+    readonly marginRight: "margin-right";
+    readonly marginTop: "margin-top";
+    readonly maxHeight: "max-height";
+    readonly maxWidth: "max-width";
+    readonly minHeight: "min-height";
+    readonly minWidth: "min-width";
+    readonly opacity: "opacity";
+    readonly order: "order";
+    readonly outline: "outline";
+    readonly overflow: "overflow";
+    readonly overflowX: "overflow-x";
+    readonly overflowY: "overflow-y";
+    readonly padding: "padding";
+    readonly paddingBottom: "padding-bottom";
+    readonly paddingLeft: "padding-left";
+    readonly paddingRight: "padding-right";
+    readonly paddingTop: "padding-top";
+    readonly position: "position";
+    readonly right: "right";
+    readonly rowGap: "row-gap";
+    readonly textAlign: "text-align";
+    readonly textDecoration: "text-decoration";
+    readonly textTransform: "text-transform";
+    readonly top: "top";
+    readonly transform: "transform";
+    readonly transition: "transition";
+    readonly visibility: "visibility";
+    readonly whiteSpace: "white-space";
+    readonly width: "width";
+    readonly zIndex: "z-index";
+};
+type CssKeys = keyof typeof CssObj;
+type CssFullProps = Record<CssKeys, string | number>;
+type CssProps = Omit<CssFullProps, 'color'> & {
+    color: string;
+};
+type PropertyOfProps<Type> = {
+    [Property in keyof Type]?: Type[Property];
+};
+type PropertyOfPropsSm<Type> = {
+    [Property in keyof Type as `${Uncapitalize<string & Property>}Sm`]?: Type[Property];
+};
+type PropertyOfPropsMd<Type> = {
+    [Property in keyof Type as `${Uncapitalize<string & Property>}Md`]?: Type[Property];
+};
+type PropertyOfPropsLg<Type> = {
+    [Property in keyof Type as `${Uncapitalize<string & Property>}Lg`]?: Type[Property];
+};
+type PropertyOfPropsXl<Type> = {
+    [Property in keyof Type as `${Uncapitalize<string & Property>}Xl`]?: Type[Property];
+};
+type ResponsiveProps<T> = PropertyOfProps<T> & PropertyOfPropsSm<T> & PropertyOfPropsMd<T> & PropertyOfPropsLg<T> & PropertyOfPropsXl<T>;
+type CssResponsiveProps = ResponsiveProps<CssProps>;
+
+type Variant = 'default' | 'circle' | 'alfa' | 'beta' | 'gamma' | 'delta' | 'epsilon' | 'zeta' | 'eta' | 'theta' | 'iota' | 'kappa' | 'lambda' | 'mu' | 'nu' | 'xi' | 'omicron' | 'pi' | 'rho' | 'sigma' | 'tau' | 'upsilon' | 'phi' | 'psi' | 'chi' | 'omega';
+type VariantOf<T extends string> = {
+    [key in T]?: FlattenInterpolation<unknown>;
+};
+type Variants = {
+    [key in Variant]?: FlattenInterpolation<unknown>;
+};
+type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'default' | 'small' | 'smaller' | 'smallest';
+type TextVariants = {
+    [key in TextVariant]?: FlattenInterpolation<unknown>;
+};
+type SizeVariant = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type SizeVariants = {
+    [key in SizeVariant]?: FlattenInterpolation<unknown>;
+};
+type WeightVariant = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+type WeightVariants = {
+    [key in WeightVariant]?: FlattenInterpolation<unknown>;
+};
+type IArray = Array<IObject | string>;
+type IObject = {
+    [key: string]: IObject | IArray | string;
+};
+type ThemeProps = {
+    theme: typeof customTheme;
+    className?: string;
+};
+type PropsOf<C extends keyof JSX.IntrinsicElements | React__default.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, React__default.ComponentPropsWithoutRef<C>>;
+/**
+ * An override of the default HTML tag.
+ * Can also be another React component.
+ */
+type AsProp<C extends React__default.ElementType> = {
+    as?: C;
+    displayName?: string;
+};
+/**
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
+ * set of props.
+ */
+type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+/**
+* Allows for inheriting the props from the specified element type so that
+* props like children, className & style work, as well as element-specific
+* attributes like aria roles. The component (`C`) must be passed in.
+*/
+type InheritableElementProps<C extends React__default.ElementType, P = {}> = ExtendableProps<PropsOf<C>, P>;
+type PropsToOmit<C extends React__default.ElementType, P> = keyof (AsProp<C> & P);
+type PolymorphicComponentProp<C extends React__default.ElementType, P = {}> = React__default.PropsWithChildren<P & AsProp<C>> & Omit<React__default.ComponentPropsWithoutRef<C>, PropsToOmit<C, P>>;
+type PolymorphicComponentPropWithRef<C extends React__default.ElementType, P = {}> = PolymorphicComponentProp<C, P> & {
+    ref?: PolymorphicRef<C>;
+};
+/**
+ * Utility type to extract the `ref` prop from a polymorphic component
+ */
+type PolymorphicRef<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>['ref'];
+type UIDevProps = {
+    displayName?: string;
+};
+type UIStyledProps<P = {}> = P & CssResponsiveProps;
+type NativeAttrs$9<C extends React__default.ElementType = 'div', P = {}> = Omit<PropsOf<C>, keyof P>;
+type UIComponentProps<P = {}, C extends React__default.ElementType = 'div'> = P & NativeAttrs$9<C, P>;
+type UIStyledComponentProps<P = {}, C extends React__default.ElementType = 'div', S = UIStyledProps<P>> = S & NativeAttrs$9<C, S>;
+type UIComponentPropsWithoutRef<C extends React__default.ElementType, P> = PolymorphicComponentProp<C, P>;
+type UIComponentPropsWithRef<C extends React__default.ElementType, P> = PolymorphicComponentPropWithRef<C, P>;
+type UIStyledComponent<C extends React__default.ElementType, P = {}> = React__default.FC<Omit<React__default.ComponentProps<C>, keyof P>>;
+type UIComponent<T extends React__default.ElementType, P = {}> = (<C extends React__default.ElementType = T>(props: UIComponentPropsWithoutRef<C, UIStyledComponentProps<P, C>>) => React__default.ReactElement<C> | null) & UIDevProps;
+type UIComponentWithRef<T extends React__default.ElementType, P = {}> = (<C extends React__default.ElementType = T>(props: UIComponentPropsWithRef<C, UIStyledComponentProps<P, C>>) => React__default.ReactElement<C> | null) & UIDevProps;
+
+type Props$1L = {};
+type BadgeProps = UIStyledComponentProps<Props$1L>;
+declare const Badge: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1L>>, never>;
+
+type Props$1K = {};
+type BoxProps = UIStyledComponentProps<Props$1K>;
+declare const Box: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1K>>, never>;
+
+type Props$1J = {
+    className?: string;
+};
+type NativeAttrs$8 = Omit<React__default.HTMLAttributes<any>, keyof Props$1J>;
+type BreadcrumbSeparatorProps = Props$1J & NativeAttrs$8;
+
+type Props$1I = {
+    items: IRouteLink[];
+};
+type BreadcrumbGroupProps = UIStyledComponentProps<Props$1I>;
+declare function BreadcrumbGroup({ items, ...props }: BreadcrumbGroupProps): JSX.Element;
+
+type Props$1H = {
+    separator?: string | ReactNode;
+    children?: ReactNode;
+};
+type BreadcrumbProps = UIStyledComponentProps<Props$1H>;
+type BreadcrumbComponent<C extends React__default.ElementType = 'nav'> = UIComponent<C, Props$1H>;
+declare const Breadcrumb: (<C extends React__default.ElementType<any> = "nav">(props: UIComponentPropsWithoutRef<C, UIStyledComponentProps<Props$1H, C, UIStyledProps<Props$1H>>>) => React__default.ReactElement<C, string | React__default.JSXElementConstructor<any>> | null) & UIDevProps & {
+    Item: React__default.ForwardRefExoticComponent<{
+        href?: string | undefined;
+        nextLink?: boolean | undefined;
+        onClick?: ((event: React__default.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        className?: string | undefined;
+        children?: React__default.ReactNode;
+    } & {
+        id?: string | undefined;
+        media?: string | undefined;
+        title?: string | undefined;
+        type?: string | undefined;
+        color?: string | undefined;
+        slot?: string | undefined;
+        style?: React__default.CSSProperties | undefined;
+        hidden?: boolean | undefined;
+        accessKey?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        lang?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        prefix?: string | undefined;
+        role?: React__default.AriaRole | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        inputMode?: "email" | "text" | "search" | "numeric" | "none" | "tel" | "url" | "decimal" | undefined;
+        nonce?: string | undefined;
+        tabIndex?: number | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        contextMenu?: string | undefined;
+        placeholder?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        radioGroup?: string | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        property?: string | undefined;
+        resource?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        is?: string | undefined;
+        'aria-activedescendant'?: string | undefined;
+        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-colcount'?: number | undefined;
+        'aria-colindex'?: number | undefined;
+        'aria-colspan'?: number | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-current'?: boolean | "page" | "time" | "true" | "false" | "step" | "location" | "date" | undefined;
+        'aria-describedby'?: string | undefined;
+        'aria-details'?: string | undefined;
+        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-errormessage'?: string | undefined;
+        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-flowto'?: string | undefined;
+        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+        'aria-haspopup'?: boolean | "menu" | "tree" | "dialog" | "grid" | "true" | "false" | "listbox" | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        'aria-keyshortcuts'?: string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        'aria-level'?: number | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | undefined;
+        'aria-modal'?: (boolean | "true" | "false") | undefined;
+        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | undefined;
+        'aria-owns'?: string | undefined;
+        'aria-placeholder'?: string | undefined;
+        'aria-posinset'?: number | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+        'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-roledescription'?: string | undefined;
+        'aria-rowcount'?: number | undefined;
+        'aria-rowindex'?: number | undefined;
+        'aria-rowspan'?: number | undefined;
+        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-setsize'?: number | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+        'aria-valuemax'?: number | undefined;
+        'aria-valuemin'?: number | undefined;
+        'aria-valuenow'?: number | undefined;
+        'aria-valuetext'?: string | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string;
+        } | undefined;
+        onCopy?: React__default.ClipboardEventHandler<any> | undefined;
+        onCopyCapture?: React__default.ClipboardEventHandler<any> | undefined;
+        onCut?: React__default.ClipboardEventHandler<any> | undefined;
+        onCutCapture?: React__default.ClipboardEventHandler<any> | undefined;
+        onPaste?: React__default.ClipboardEventHandler<any> | undefined;
+        onPasteCapture?: React__default.ClipboardEventHandler<any> | undefined;
+        onCompositionEnd?: React__default.CompositionEventHandler<any> | undefined;
+        onCompositionEndCapture?: React__default.CompositionEventHandler<any> | undefined;
+        onCompositionStart?: React__default.CompositionEventHandler<any> | undefined;
+        onCompositionStartCapture?: React__default.CompositionEventHandler<any> | undefined;
+        onCompositionUpdate?: React__default.CompositionEventHandler<any> | undefined;
+        onCompositionUpdateCapture?: React__default.CompositionEventHandler<any> | undefined;
+        onFocus?: React__default.FocusEventHandler<any> | undefined;
+        onFocusCapture?: React__default.FocusEventHandler<any> | undefined;
+        onBlur?: React__default.FocusEventHandler<any> | undefined;
+        onBlurCapture?: React__default.FocusEventHandler<any> | undefined;
+        onChange?: React__default.FormEventHandler<any> | undefined;
+        onChangeCapture?: React__default.FormEventHandler<any> | undefined;
+        onBeforeInput?: React__default.FormEventHandler<any> | undefined;
+        onBeforeInputCapture?: React__default.FormEventHandler<any> | undefined;
+        onInput?: React__default.FormEventHandler<any> | undefined;
+        onInputCapture?: React__default.FormEventHandler<any> | undefined;
+        onReset?: React__default.FormEventHandler<any> | undefined;
+        onResetCapture?: React__default.FormEventHandler<any> | undefined;
+        onSubmit?: React__default.FormEventHandler<any> | undefined;
+        onSubmitCapture?: React__default.FormEventHandler<any> | undefined;
+        onInvalid?: React__default.FormEventHandler<any> | undefined;
+        onInvalidCapture?: React__default.FormEventHandler<any> | undefined;
+        onLoad?: React__default.ReactEventHandler<any> | undefined;
+        onLoadCapture?: React__default.ReactEventHandler<any> | undefined;
+        onError?: React__default.ReactEventHandler<any> | undefined;
+        onErrorCapture?: React__default.ReactEventHandler<any> | undefined;
+        onKeyDown?: React__default.KeyboardEventHandler<any> | undefined;
+        onKeyDownCapture?: React__default.KeyboardEventHandler<any> | undefined;
+        onKeyPress?: React__default.KeyboardEventHandler<any> | undefined;
+        onKeyPressCapture?: React__default.KeyboardEventHandler<any> | undefined;
+        onKeyUp?: React__default.KeyboardEventHandler<any> | undefined;
+        onKeyUpCapture?: React__default.KeyboardEventHandler<any> | undefined;
+        onAbort?: React__default.ReactEventHandler<any> | undefined;
+        onAbortCapture?: React__default.ReactEventHandler<any> | undefined;
+        onCanPlay?: React__default.ReactEventHandler<any> | undefined;
+        onCanPlayCapture?: React__default.ReactEventHandler<any> | undefined;
+        onCanPlayThrough?: React__default.ReactEventHandler<any> | undefined;
+        onCanPlayThroughCapture?: React__default.ReactEventHandler<any> | undefined;
+        onDurationChange?: React__default.ReactEventHandler<any> | undefined;
+        onDurationChangeCapture?: React__default.ReactEventHandler<any> | undefined;
+        onEmptied?: React__default.ReactEventHandler<any> | undefined;
+        onEmptiedCapture?: React__default.ReactEventHandler<any> | undefined;
+        onEncrypted?: React__default.ReactEventHandler<any> | undefined;
+        onEncryptedCapture?: React__default.ReactEventHandler<any> | undefined;
+        onEnded?: React__default.ReactEventHandler<any> | undefined;
+        onEndedCapture?: React__default.ReactEventHandler<any> | undefined;
+        onLoadedData?: React__default.ReactEventHandler<any> | undefined;
+        onLoadedDataCapture?: React__default.ReactEventHandler<any> | undefined;
+        onLoadedMetadata?: React__default.ReactEventHandler<any> | undefined;
+        onLoadedMetadataCapture?: React__default.ReactEventHandler<any> | undefined;
+        onLoadStart?: React__default.ReactEventHandler<any> | undefined;
+        onLoadStartCapture?: React__default.ReactEventHandler<any> | undefined;
+        onPause?: React__default.ReactEventHandler<any> | undefined;
+        onPauseCapture?: React__default.ReactEventHandler<any> | undefined;
+        onPlay?: React__default.ReactEventHandler<any> | undefined;
+        onPlayCapture?: React__default.ReactEventHandler<any> | undefined;
+        onPlaying?: React__default.ReactEventHandler<any> | undefined;
+        onPlayingCapture?: React__default.ReactEventHandler<any> | undefined;
+        onProgress?: React__default.ReactEventHandler<any> | undefined;
+        onProgressCapture?: React__default.ReactEventHandler<any> | undefined;
+        onRateChange?: React__default.ReactEventHandler<any> | undefined;
+        onRateChangeCapture?: React__default.ReactEventHandler<any> | undefined;
+        onResize?: React__default.ReactEventHandler<any> | undefined;
+        onResizeCapture?: React__default.ReactEventHandler<any> | undefined;
+        onSeeked?: React__default.ReactEventHandler<any> | undefined;
+        onSeekedCapture?: React__default.ReactEventHandler<any> | undefined;
+        onSeeking?: React__default.ReactEventHandler<any> | undefined;
+        onSeekingCapture?: React__default.ReactEventHandler<any> | undefined;
+        onStalled?: React__default.ReactEventHandler<any> | undefined;
+        onStalledCapture?: React__default.ReactEventHandler<any> | undefined;
+        onSuspend?: React__default.ReactEventHandler<any> | undefined;
+        onSuspendCapture?: React__default.ReactEventHandler<any> | undefined;
+        onTimeUpdate?: React__default.ReactEventHandler<any> | undefined;
+        onTimeUpdateCapture?: React__default.ReactEventHandler<any> | undefined;
+        onVolumeChange?: React__default.ReactEventHandler<any> | undefined;
+        onVolumeChangeCapture?: React__default.ReactEventHandler<any> | undefined;
+        onWaiting?: React__default.ReactEventHandler<any> | undefined;
+        onWaitingCapture?: React__default.ReactEventHandler<any> | undefined;
+        onAuxClick?: React__default.MouseEventHandler<any> | undefined;
+        onAuxClickCapture?: React__default.MouseEventHandler<any> | undefined;
+        onClickCapture?: React__default.MouseEventHandler<any> | undefined;
+        onContextMenu?: React__default.MouseEventHandler<any> | undefined;
+        onContextMenuCapture?: React__default.MouseEventHandler<any> | undefined;
+        onDoubleClick?: React__default.MouseEventHandler<any> | undefined;
+        onDoubleClickCapture?: React__default.MouseEventHandler<any> | undefined;
+        onDrag?: React__default.DragEventHandler<any> | undefined;
+        onDragCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragEnd?: React__default.DragEventHandler<any> | undefined;
+        onDragEndCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragEnter?: React__default.DragEventHandler<any> | undefined;
+        onDragEnterCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragExit?: React__default.DragEventHandler<any> | undefined;
+        onDragExitCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragLeave?: React__default.DragEventHandler<any> | undefined;
+        onDragLeaveCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragOver?: React__default.DragEventHandler<any> | undefined;
+        onDragOverCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragStart?: React__default.DragEventHandler<any> | undefined;
+        onDragStartCapture?: React__default.DragEventHandler<any> | undefined;
+        onDrop?: React__default.DragEventHandler<any> | undefined;
+        onDropCapture?: React__default.DragEventHandler<any> | undefined;
+        onMouseDown?: React__default.MouseEventHandler<any> | undefined;
+        onMouseDownCapture?: React__default.MouseEventHandler<any> | undefined;
+        onMouseEnter?: React__default.MouseEventHandler<any> | undefined;
+        onMouseLeave?: React__default.MouseEventHandler<any> | undefined;
+        onMouseMove?: React__default.MouseEventHandler<any> | undefined;
+        onMouseMoveCapture?: React__default.MouseEventHandler<any> | undefined;
+        onMouseOut?: React__default.MouseEventHandler<any> | undefined;
+        onMouseOutCapture?: React__default.MouseEventHandler<any> | undefined;
+        onMouseOver?: React__default.MouseEventHandler<any> | undefined;
+        onMouseOverCapture?: React__default.MouseEventHandler<any> | undefined;
+        onMouseUp?: React__default.MouseEventHandler<any> | undefined;
+        onMouseUpCapture?: React__default.MouseEventHandler<any> | undefined;
+        onSelect?: React__default.ReactEventHandler<any> | undefined;
+        onSelectCapture?: React__default.ReactEventHandler<any> | undefined;
+        onTouchCancel?: React__default.TouchEventHandler<any> | undefined;
+        onTouchCancelCapture?: React__default.TouchEventHandler<any> | undefined;
+        onTouchEnd?: React__default.TouchEventHandler<any> | undefined;
+        onTouchEndCapture?: React__default.TouchEventHandler<any> | undefined;
+        onTouchMove?: React__default.TouchEventHandler<any> | undefined;
+        onTouchMoveCapture?: React__default.TouchEventHandler<any> | undefined;
+        onTouchStart?: React__default.TouchEventHandler<any> | undefined;
+        onTouchStartCapture?: React__default.TouchEventHandler<any> | undefined;
+        onPointerDown?: React__default.PointerEventHandler<any> | undefined;
+        onPointerDownCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerMove?: React__default.PointerEventHandler<any> | undefined;
+        onPointerMoveCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerUp?: React__default.PointerEventHandler<any> | undefined;
+        onPointerUpCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerCancel?: React__default.PointerEventHandler<any> | undefined;
+        onPointerCancelCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerEnter?: React__default.PointerEventHandler<any> | undefined;
+        onPointerEnterCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerLeave?: React__default.PointerEventHandler<any> | undefined;
+        onPointerLeaveCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerOver?: React__default.PointerEventHandler<any> | undefined;
+        onPointerOverCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerOut?: React__default.PointerEventHandler<any> | undefined;
+        onPointerOutCapture?: React__default.PointerEventHandler<any> | undefined;
+        onGotPointerCapture?: React__default.PointerEventHandler<any> | undefined;
+        onGotPointerCaptureCapture?: React__default.PointerEventHandler<any> | undefined;
+        onLostPointerCapture?: React__default.PointerEventHandler<any> | undefined;
+        onLostPointerCaptureCapture?: React__default.PointerEventHandler<any> | undefined;
+        onScroll?: React__default.UIEventHandler<any> | undefined;
+        onScrollCapture?: React__default.UIEventHandler<any> | undefined;
+        onWheel?: React__default.WheelEventHandler<any> | undefined;
+        onWheelCapture?: React__default.WheelEventHandler<any> | undefined;
+        onAnimationStart?: React__default.AnimationEventHandler<any> | undefined;
+        onAnimationStartCapture?: React__default.AnimationEventHandler<any> | undefined;
+        onAnimationEnd?: React__default.AnimationEventHandler<any> | undefined;
+        onAnimationEndCapture?: React__default.AnimationEventHandler<any> | undefined;
+        onAnimationIteration?: React__default.AnimationEventHandler<any> | undefined;
+        onAnimationIterationCapture?: React__default.AnimationEventHandler<any> | undefined;
+        onTransitionEnd?: React__default.TransitionEventHandler<any> | undefined;
+        onTransitionEndCapture?: React__default.TransitionEventHandler<any> | undefined;
+        target?: React__default.HTMLAttributeAnchorTarget | undefined;
+        hrefLang?: string | undefined;
+        referrerPolicy?: React__default.HTMLAttributeReferrerPolicy | undefined;
+        rel?: string | undefined;
+        download?: any;
+        ping?: string | undefined;
+    } & {
+        children?: React__default.ReactNode;
+    } & React__default.RefAttributes<HTMLAnchorElement>>;
+    Separator: React__default.FC<React__default.PropsWithChildren<BreadcrumbSeparatorProps>>;
+    Group: typeof BreadcrumbGroup;
+    displayName: string;
+};
+
+interface Props$1G extends HTMLMotionProps<'div'> {
+}
+type BreakpointProps = UIStyledComponentProps<Props$1G>;
+declare const Breakpoint: (props: BreakpointProps) => JSX.Element | null;
+
+type Props$1F = {
+    type?: Variant;
+    vertical?: boolean;
+};
+type ButtonGroupProps = UIStyledComponentProps<Props$1F>;
+type ButtonGroupComponent<C extends React__default.ElementType = 'button'> = UIComponentWithRef<C, Props$1F>;
+declare const ButtonGroup: ButtonGroupComponent;
+
+type ButtonVariant = 'default' | 'primary' | 'secondary' | 'outline' | 'ghost' | 'link' | 'underline' | 'nav' | 'circle' | 'toggle';
+type ButtonVariants = VariantOf<ButtonVariant>;
+type Props$1E = {
+    variant?: ButtonVariant;
+    size?: SizeVariant;
+    children?: React.ReactNode;
+    type?: string;
+};
+type ButtonProps = UIStyledComponentProps<Props$1E>;
+type ButtonComponent<C extends React.ElementType = 'button'> = UIComponentWithRef<C, Props$1E>;
+declare const Button: ButtonComponent;
+
+type Props$1D = {
+    variant?: Variant;
+    hoverable?: boolean;
+};
+type CardProps = UIStyledComponentProps<Props$1D>;
+type CardComponent<C extends React__default.ElementType = 'div'> = UIComponentWithRef<C, Props$1D>;
+declare const Card: (<C extends React__default.ElementType<any> = "div">(props: UIComponentPropsWithRef<C, UIStyledComponentProps<Props$1D, C, UIStyledProps<Props$1D>>>) => React__default.ReactElement<C, string | React__default.JSXElementConstructor<any>> | null) & UIDevProps & {
+    Background: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<{}>>, never>;
+    Content: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<{}>>, never>;
+    Footer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<{}>>, never>;
+};
+
+type Props$1C = {};
+type CardContentProps = UIStyledComponentProps<Props$1C>;
+declare const CardContent: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1C>>, never>;
+
+type Props$1B = {};
+type CardFooterProps = UIStyledComponentProps<Props$1B>;
+declare const CardFooter: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1B>>, never>;
+
+type Props$1A = {};
+type CodeProps = UIStyledComponentProps<Props$1A>;
+declare const Code: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1A>>, never>;
+
+type Props$1z = {
+    fluid?: boolean;
+    children?: React__default.ReactNode;
+};
+type ContainerProps$2 = UIStyledComponentProps<Props$1z>;
+type ContainerComponent<C extends React__default.ElementType = 'div'> = UIComponentWithRef<C, Props$1z>;
+declare const ContainerBase: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Props$1z & PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1z>>, never>;
+declare const ContainerFluid: ContainerComponent;
+declare const Container: string & styled_components.StyledComponentBase<"div", styled_components.DefaultTheme, Props$1z & PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1z>>, never> & hoist_non_react_statics.NonReactStatics<never, {}> & {
+    Fluid: ContainerComponent<"div">;
+    displayName: string;
+};
+
+type Props$1y = {
+    children?: React.ReactNode;
+};
+type DividerProps = UIStyledComponentProps<Props$1y>;
+type DividerComponent<C extends React.ElementType = 'div'> = UIComponent<C, Props$1y>;
+declare const Divider: DividerComponent;
+
+type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left';
+
+type Props$1x = {
+    className?: string;
+    passive?: boolean;
+    disabled?: boolean;
+    onClick?: (event: ModalButtonEvent) => void;
+};
+type ModalButtonProps = Props$1x & Omit<ButtonProps, keyof Props$1x>;
+type ModalButtonEvent = MouseEvent$1<HTMLButtonElement> & {
+    close: () => void;
+};
+
+type Props$1w = {
+    className?: string;
+};
+type ModalContentProps = UIStyledComponentProps<Props$1w>;
+
+type Props$1v = {
+    className?: string;
+};
+type ModalSubtitleProps = UIComponentProps<Props$1v>;
+
+type Props$1u = {
+    className?: string;
+    onClose?: () => void;
+};
+type ModalTitleProps = UIComponentProps<Props$1u>;
+
+type Props$1t = {
+    width?: string;
+    backdropClassName?: string;
+    positionClassName?: string;
+    layerClassName?: string;
+    wrapClassName?: string;
+    visible?: boolean;
+    disableBackdropClick?: boolean;
+    keyboard?: boolean;
+    onClose?: () => void;
+    onContentClick?: (event: MouseEvent$1<HTMLElement>) => void;
+};
+type ModalProps = UIComponentProps<Props$1t>;
+declare const Modal: React__default.FC<any> & {
+    Title: React__default.FC<any>;
+    Subtitle: React__default.FC<any>;
+    Content: React__default.FC<any>;
+    Button: React__default.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React__default.RefAttributes<HTMLButtonElement>>;
+    Close: React__default.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React__default.RefAttributes<HTMLButtonElement>>;
+    displayName: string;
+    defaultProps: {
+        width: string;
+        backdropClassName: string;
+        positionClassName: string;
+        layerClassName: string;
+        wrapClassName: string;
+        disableBackdropClick: boolean;
+        keyboard: boolean;
+    };
+};
+
+type Props$1s = {
+    visible?: boolean;
+    keyboard?: boolean;
+    disableBackdropClick?: boolean;
+    onClose?: () => void;
+    onContentClick?: (event: MouseEvent$1<HTMLElement>) => void;
+    wrapClassName?: string;
+    placement?: DrawerPlacement;
+};
+type DrawerProps = UIComponentProps<Props$1s>;
+declare const Drawer: React__default.FC<any> & {
+    Title: React__default.FC<any>;
+    Subtitle: React__default.FC<any>;
+    Content: React__default.FC<any>;
+    displayName: string;
+    defaultProps: {
+        wrapClassName: string;
+        keyboard: boolean;
+        disableBackdropClick: boolean;
+        placement: DrawerPlacement;
+    };
+};
+
+type Props$1r = {
+    parent?: MutableRefObject<HTMLElement | null> | undefined;
+    visible: boolean;
+    disableMatchWidth?: boolean;
+    getPopupContainer?: () => HTMLElement | null;
+};
+declare const Dropdown: React__default.FC<React__default.PropsWithChildren<Props$1r>>;
+
+type EllipsisProps = {};
+declare const Ellipsis: React__default.NamedExoticComponent<{
+    children?: React__default.ReactNode;
+}>;
+
+type ExpandProps = {
+    isExpanded?: boolean;
+    delay?: number;
+};
+declare const Expand: React__default.FC<React__default.PropsWithChildren<ExpandProps>>;
+
+type Props$1q = {};
+type FlexFlowComponent<C extends React__default.ElementType = 'div'> = UIComponentWithRef<C, Props$1q>;
+
+type Props$1p = {};
+type FlexProps = UIStyledComponentProps<Props$1p>;
+declare const Flex: string & styled_components.StyledComponentBase<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1p>>, never> & hoist_non_react_statics.NonReactStatics<never, {}> & {
+    Row: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<{}>>, never>;
+    Col: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<{}>>, never>;
+    Responsive: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<{}>>, never>;
+    Flow: FlexFlowComponent<"div">;
+    displayName: string;
+};
+
+type Props$1o = {};
+type FlexRowProps = UIStyledComponentProps<Props$1o>;
+declare const FlexRow: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1o>>, never>;
+
+type GridRowBaseProps = {
+    columns?: string;
+    size?: string;
+    columnGap?: string;
+    rowGap?: string;
+};
+type GridRowProps = UIStyledComponentProps<GridRowBaseProps>;
+declare const GridRow: styled_components.StyledComponent<"div", styled_components.DefaultTheme, GridRowBaseProps & PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<GridRowBaseProps>>, never>;
+
+type GridBaseProps = {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+};
+type GridProps = UIStyledComponentProps<GridBaseProps>;
+declare const Grid: string & styled_components.StyledComponentBase<"div", styled_components.DefaultTheme, GridBaseProps & PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<GridBaseProps>> & ThemeProps, never> & hoist_non_react_statics.NonReactStatics<never, {}> & {
+    Row: styled_components.StyledComponent<"div", styled_components.DefaultTheme, GridRowBaseProps & PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<GridRowBaseProps>>, never>;
+    displayName: string;
+};
+
+type ReactiveDomReact = {
+    top: number;
+    left: number;
+    right: number;
+    width: number;
+    height: number;
+    elementTop: number;
+};
+
+type Props$1n = {
+    rect: ReactiveDomReact;
+    visible?: boolean;
+    hoverHeightRatio?: number;
+    hoverWidthRatio?: number;
+    activeOpacity?: number;
+};
+type NativeAttrs$7 = Omit<React__default.HTMLAttributes<any>, keyof Props$1n>;
+type HighlightProps = Props$1n & NativeAttrs$7;
+declare const Highlight: React__default.FC<HighlightProps>;
+
+type Props$1m = {
+    onMore: () => void;
+    children?: ReactNode;
+};
+type InfiniteLoaderProps = UIStyledComponentProps<Props$1m>;
+type InfiniteLoaderComponent<C extends React__default.ElementType = 'div'> = UIComponent<C, Props$1m>;
+type StyledInfiniteLoaderProps = UIStyledComponentProps;
+declare const InfiniteLoader: InfiniteLoaderComponent;
+
+type Props$1l = {
+    children?: React.ReactNode;
+};
+type LayoutProps = UIStyledComponentProps<Props$1l>;
+type LayoutComponent<C extends React.ElementType = 'div'> = UIComponentWithRef<C, Props$1l>;
+declare const Layout: LayoutComponent;
+
+type Props$1k = {
+    href?: string;
+    icon?: boolean;
+    underline?: boolean;
+    className?: string;
+};
+type NativeAttrs$6 = Omit<React__default.AnchorHTMLAttributes<any>, keyof Props$1k>;
+type LinkProps = Props$1k & NativeAttrs$6;
+type LinkBaseProps = Props$1k;
+declare const Link: React__default.ForwardRefExoticComponent<Props$1k & NativeAttrs$6 & {
+    children?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLAnchorElement>>;
+
+type Props$1j = {};
+type ListProps = UIStyledComponentProps<Props$1j>;
+type ListComponent<C extends React.ElementType = 'div'> = UIComponentWithRef<C, Props$1j>;
+declare const List: ListComponent;
+
+type Props$1i = {};
+type LoadingProps = UIStyledComponentProps<Props$1i>;
+declare const Loading: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1i>>, never>;
+
+type Props$1h = {
+    children?: React.ReactNode;
+};
+type MediaGalleryProps = UIStyledComponentProps<Props$1h>;
+type MediaGalleryComponent<C extends React.ElementType = 'div'> = UIComponentWithRef<C, Props$1h>;
+declare const MediaGallery: MediaGalleryComponent;
+
+type MediaInfoProps = UIStyledComponentProps;
+type Props$1g = {
+    circle?: boolean;
+    rounded?: boolean;
+    overlay?: boolean | number;
+    eager?: boolean;
+    item?: IMedia | IMedia[];
+};
+type MediaProps = UIStyledComponentProps<Props$1g>;
+type MediaComponent<C extends React.ElementType = 'div'> = UIComponentWithRef<C, Props$1g>;
+declare const Media: (<C extends React$1.ElementType<any> = "div">(props: UIComponentPropsWithRef<C, UIStyledComponentProps<Props$1g, C, UIStyledProps<Props$1g>>>) => React$1.ReactElement<C, string | React$1.JSXElementConstructor<any>> | null) & UIDevProps & {
+    Info: ({ children, className, ...props }: MediaInfoProps) => JSX.Element;
+};
+
+type Props$1f = {
+    src: string;
+    alt?: string;
+    type?: string;
+};
+type MediaImageProps = UIStyledComponentProps<Props$1f, 'img'>;
+declare const MediaImage: ({ alt, className, type, ...props }: MediaImageProps) => JSX.Element;
+
+declare function Meta(): JSX.Element;
+
+type NavLinkProps = LinkProps$1 & {
+    children: React__default.ReactElement;
+    activeClassName?: string;
+    scrollToHash?: boolean;
+};
+declare const NavLink: React__default.FC<NavLinkProps>;
+
+type Props$1e = {
+    type?: Variant;
+};
+type NavProps = UIStyledComponentProps<Props$1e, 'ul'>;
+declare const NavBase: (props: NavProps) => JSX.Element;
+declare const Nav: ((props: NavProps) => JSX.Element) & {
+    Row: (props: NavProps) => JSX.Element;
+    Col: (props: NavProps) => JSX.Element;
+    displayName: string;
+};
+
+type ContainerProps$1 = {
+    fixed?: boolean;
+    sticky?: boolean;
+    scrolled?: boolean;
+};
+type PageNavContainerProps = UIComponentProps<ContainerProps$1>;
+type PageNavItem = {
+    href: string;
+    title: string;
+};
+type Props$1d = {
+    items: PageNavItem[];
+};
+type PageNavProps = UIComponentProps<Props$1d>;
+declare const PageNav: React__default.FC<PageNavProps>;
+
+type Props$1c = {};
+type PageProps = UIStyledComponentProps<Props$1c>;
+declare const Page: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$1c>>, never>;
+
+type PaginationNextProps = React__default.ButtonHTMLAttributes<any>;
+
+type PaginationPreviousProps = React__default.ButtonHTMLAttributes<any>;
+
+type Props$1b = {
+    page?: number;
+    initialPage?: number;
+    count?: number;
+    limit?: number;
+    onChange?: (val: number) => void;
+    className?: string;
+};
+type PaginationProps = UIStyledComponentProps<Props$1b>;
+declare const Pagination: React__default.FC<React__default.PropsWithChildren<PaginationProps>> & {
+    Previous: React__default.FC<React__default.PropsWithChildren<PaginationPreviousProps>>;
+    Next: React__default.FC<React__default.PropsWithChildren<PaginationNextProps>>;
+    displayName: string;
+};
+
+type Props$1a = {
+    line?: boolean;
+    title?: boolean;
+    disableAutoClose?: boolean;
+    onClick?: (e: React__default.MouseEvent<HTMLDivElement>) => void;
+};
+type NativeAttrs$5 = Omit<React__default.HTMLAttributes<any>, keyof Props$1a>;
+type PopoverItemProps = Props$1a & NativeAttrs$5;
+
+declare const snippetTypes: string[];
+declare const triggerTypes: string[];
+declare const placement: string[];
+type SnippetTypes = typeof snippetTypes[number];
+type TriggerTypes = typeof triggerTypes[number];
+type Placement = typeof placement[number];
+
+type TooltipOnVisibleChange = (visible: boolean) => void;
+type TooltipTypes = SnippetTypes;
+type TooltipTriggers = TriggerTypes;
+type TooltipPlacement = Placement;
+type Props$19 = {
+    className?: string;
+    hideArrow?: boolean;
+    initialVisible?: boolean;
+    enterDelay?: number;
+    leaveDelay?: number;
+    offset?: number;
+    portalClassName?: string;
+    placement?: TooltipPlacement;
+    trigger?: TooltipTriggers;
+    type?: TooltipTypes;
+    visible?: boolean;
+    onVisibleChange?: TooltipOnVisibleChange;
+    text: string | React__default.ReactNode;
+};
+type NativeAttrs$4 = Omit<React__default.HTMLAttributes<any>, keyof Props$19>;
+type TooltipProps = Props$19 & NativeAttrs$4;
+declare const Tooltip: React__default.FC<React__default.PropsWithChildren<TooltipProps>>;
+
+type PopoverTriggerTypes = TriggerTypes;
+type PopoverPlacement = Placement;
+type Props$18 = {
+    content?: React__default.ReactNode | (() => React__default.ReactNode);
+    trigger?: PopoverTriggerTypes;
+    placement?: Placement;
+    disableItemsAutoClose?: boolean;
+};
+type ExcludeTooltipProps = {
+    type: any;
+    text: any;
+    trigger: any;
+    placement: any;
+};
+type PopoverProps = Props$18 & Omit<TooltipProps, keyof ExcludeTooltipProps>;
+declare const Popover: React__default.FC<React__default.PropsWithChildren<PopoverProps>> & {
+    Item: React__default.FC<React__default.PropsWithChildren<PopoverItemProps>>;
+    Option: React__default.FC<React__default.PropsWithChildren<PopoverItemProps>>;
+    displayName: string;
+};
+
+type Props$17 = {};
+type SectionProps = UIStyledComponentProps<Props$17>;
+declare const Section: ((props: SectionProps) => JSX.Element) & {
+    Background: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<{}>>, never>;
+    displayName: string;
+};
+
+type Props$16 = {
+    loading?: boolean;
+};
+type SkeletonProps = UIStyledComponentProps<Props$16>;
+declare const Skeleton: React__default.FC<SkeletonProps>;
+
+type SvgProps = {
+    className?: string;
+};
+declare const Svg: styled_components.StyledComponent<"svg", styled_components.DefaultTheme, {
+    version: "1.1";
+    xmlns: "http://www.w3.org/2000/svg";
+    xmlnsXlink: "http://www.w3.org/1999/xlink";
+}, "version" | "xmlns" | "xmlnsXlink">;
+
+type SwiperBaseProps = SwiperProps & {
+    children: ReactNode[];
+};
+declare const SwiperComponent: ((props: SwiperBaseProps) => JSX.Element) & {
+    Prev: React__default.FC<{}>;
+    Next: React__default.FC<{}>;
+    Pagination: React__default.FC<{
+        items: React__default.ReactNode[];
+    }>;
+    displayName: string;
+};
+
+type Props$15 = {
+    label: string | React__default.ReactNode;
+    value: string;
+    disabled?: boolean;
+};
+type NativeAttrs$3 = Omit<React__default.HTMLAttributes<any>, keyof Props$15>;
+type TabsItemProps = Props$15 & NativeAttrs$3;
+
+type Props$14 = {
+    initialValue?: string;
+    value?: string;
+    hideDivider?: boolean;
+    hideBorder?: boolean;
+    highlight?: boolean;
+    onChange?: (val: string) => void;
+    className?: string;
+    hoverHeightRatio?: number;
+    hoverWidthRatio?: number;
+    activeClassName?: string;
+    activeStyle?: CSSProperties;
+    leftSpace?: CSSProperties['marginLeft'];
+    align?: CSSProperties['justifyContent'];
+};
+type NativeAttrs$2 = Omit<React__default.HTMLAttributes<any>, keyof Props$14>;
+type TabsProps = Props$14 & NativeAttrs$2;
+declare const Tabs: React__default.FC<React__default.PropsWithChildren<TabsProps>> & {
+    Item: React__default.FC<React__default.PropsWithChildren<TabsItemProps>>;
+    Tab: React__default.FC<React__default.PropsWithChildren<TabsItemProps>>;
+    displayName: string;
+};
+
+type FontSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '13' | '14' | '15' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15;
+type Props$13 = {
+    size?: FontSize;
+    gradient?: boolean;
+};
+type TextProps = UIStyledComponentProps<Props$13>;
+declare const Text: string & styled_components.StyledComponentBase<"div", styled_components.DefaultTheme, Props$13 & PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$13>>, never> & hoist_non_react_statics.NonReactStatics<never, {}> & {
+    Primary: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Props$13 & PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$13>>, never>;
+    Secondary: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Props$13 & PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$13>>, never>;
+    SROnly: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Props$13 & PropertyOfProps<CssProps> & PropertyOfPropsSm<CssProps> & PropertyOfPropsMd<CssProps> & PropertyOfPropsLg<CssProps> & PropertyOfPropsXl<CssProps> & NativeAttrs$9<"div", UIStyledProps<Props$13>>, never>;
+    displayName: string;
+};
+
+type Props$12 = {
+    visible?: boolean;
+    enterTime?: number;
+    leaveTime?: number;
+    clearTime?: number;
+    className?: string;
+    name?: string;
+};
+type TransitionProps = Props$12;
+declare const Transition: React__default.FC<React__default.PropsWithChildren<TransitionProps | any>>;
+
+declare const ObjectKeys: <T>(o: T) => Extract<keyof T, string>[];
+declare function getContainer(props: ThemeProps, fluid?: boolean): string;
+declare function getCssResponsive(props: CssResponsiveProps & ThemeProps, defaultValue?: CssResponsiveProps): string;
+declare function getAspectResponsive(props: CssResponsiveProps & ThemeProps, defaultValue?: CssResponsiveProps): string;
+declare function getGrid(props: GridRowBaseProps, defaultValue?: GridRowBaseProps): styled_components.FlattenSimpleInterpolation;
+declare function eachMedia(props: ThemeProps, callback: (key: string) => string | void): string;
+declare function getVariant<T extends string>(variants: {
+    [key in T]?: FlattenInterpolation<unknown>;
+}, type?: T): FlattenInterpolation<unknown> | '';
+declare function isChildElement(parent: Element | null | undefined, child: Element | null | undefined): boolean;
+declare function mapChildsByType(children: ReactNode | undefined, type: React__default.ElementType, mapMethod: (child: ReactNode) => ReactNode): ReactNode;
+declare function getChildsByType(children: ReactNode | undefined, type: React__default.ElementType): [ReactNode | undefined, ReactNode | undefined];
+declare function hasChildOfType(children: ReactNode | undefined, type: React__default.ElementType): boolean;
+declare function hypenize(text: string): string;
+declare function camelize(text: string): string;
+
+type FieldAcceptProps = {
+    control: FormControl;
+    uid?: number | null | undefined;
+};
+declare function FieldAccept(props: FieldAcceptProps): JSX.Element;
+
+type FieldAutocompleteProps = {
+    control: FormControl;
+    uid?: number | null | undefined;
+};
+declare function FieldAutocomplete(props: FieldAutocompleteProps): JSX.Element;
+
+type IAutocompleteItem = {
+    id: any;
+    name: string;
+};
+type IAutocomplete = {
+    visible?: boolean;
+    value: any;
+    ref?: MutableRefObject<HTMLElement | null>;
+    updateValue?: (next: IAutocompleteItem) => unknown;
+    updateVisible?: (next: boolean) => unknown;
+};
+declare const AutocompleteContext: React$1.Context<IAutocomplete>;
+declare function useAutocompleteContext(): IAutocomplete;
+
+type Props$11 = ComponentPropsWithRef<'input'> & {
+    initialValue?: IAutocompleteItem;
+    before?: ReactNode;
+    after?: ReactNode;
+    source: (query: string) => Promise<IAutocompleteItem[]>;
+    onAutocomplete?: (value: IAutocompleteItem) => void;
+    onDropdownVisibleChange?: (visible: boolean) => void;
+};
+type AutocompleteProps = UIStyledComponentProps<Props$11, 'input'>;
+type AutocompleteComponent<C extends React.ElementType = 'input'> = UIComponentWithRef<C, Props$11>;
+declare const Autocomplete: AutocompleteComponent;
+
+type Props$10 = ComponentPropsWithRef<'input'> & {};
+type CheckboxProps = UIStyledComponentProps<Props$10, 'input'>;
+type CheckboxComponent<C extends React.ElementType = 'input'> = UIComponentWithRef<C, Props$10>;
+declare const Checkbox: CheckboxComponent;
+
+type Props$$ = {
+    disabled?: boolean;
+    divider?: boolean;
+    label?: boolean;
+    className?: string;
+    preventAllEvents?: boolean;
+    value: string;
+};
+type NativeAttrs$1 = Omit<React__default.HTMLAttributes<any>, keyof Props$$>;
+type CustomSelectOptionProps = Props$$ & NativeAttrs$1;
+
+type Props$_ = {
+    className?: string;
+};
+type NativeAttrs = Omit<React__default.HTMLAttributes<any>, keyof Props$_>;
+type CustomSelectLabelProps = Props$_ & NativeAttrs;
+
+type CustomSelectRef = {
+    focus: () => void;
+    blur: () => void;
+    scrollTo?: (options?: ScrollToOptions) => void;
+};
+type Props$Z = {
+    disabled?: boolean;
+    name?: string;
+    value?: string | string[];
+    initialValue?: string | string[];
+    placeholder?: React__default.ReactNode | string;
+    icon?: React__default.ComponentType;
+    onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (value: string | string[]) => void;
+    pure?: boolean;
+    multiple?: boolean;
+    clearable?: boolean;
+    className?: string;
+    dropdownClassName?: string;
+    dropdownStyle?: CSSProperties;
+    disableMatchWidth?: boolean;
+    onDropdownVisibleChange?: (visible: boolean) => void;
+    getPopupContainer?: () => HTMLElement | null;
+};
+type CustomSelectProps = UIStyledComponentProps<Props$Z>;
+type CustomSelectComponent<C extends React__default.ElementType = 'select'> = UIComponentWithRef<C, Props$Z>;
+declare const CustomSelect: (<C extends React__default.ElementType<any> = "select">(props: UIComponentPropsWithRef<C, UIStyledComponentProps<Props$Z, C, UIStyledProps<Props$Z>>>) => React__default.ReactElement<C, string | React__default.JSXElementConstructor<any>> | null) & UIDevProps & {
+    Label: React__default.FC<React__default.PropsWithChildren<CustomSelectLabelProps>>;
+    Divider: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+        className?: string | undefined;
+    } & {
+        id?: string | undefined;
+        title?: string | undefined;
+        color?: string | undefined;
+        children?: React__default.ReactNode;
+        slot?: string | undefined;
+        style?: React__default.CSSProperties | undefined;
+        hidden?: boolean | undefined;
+        accessKey?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        lang?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        prefix?: string | undefined;
+        role?: React__default.AriaRole | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        inputMode?: "email" | "text" | "search" | "numeric" | "none" | "tel" | "url" | "decimal" | undefined;
+        nonce?: string | undefined;
+        tabIndex?: number | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        contextMenu?: string | undefined;
+        placeholder?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        radioGroup?: string | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        property?: string | undefined;
+        resource?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        is?: string | undefined;
+        'aria-activedescendant'?: string | undefined;
+        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-colcount'?: number | undefined;
+        'aria-colindex'?: number | undefined;
+        'aria-colspan'?: number | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-current'?: boolean | "page" | "time" | "true" | "false" | "step" | "location" | "date" | undefined;
+        'aria-describedby'?: string | undefined;
+        'aria-details'?: string | undefined;
+        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-errormessage'?: string | undefined;
+        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-flowto'?: string | undefined;
+        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+        'aria-haspopup'?: boolean | "menu" | "tree" | "dialog" | "grid" | "true" | "false" | "listbox" | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        'aria-keyshortcuts'?: string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        'aria-level'?: number | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | undefined;
+        'aria-modal'?: (boolean | "true" | "false") | undefined;
+        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | undefined;
+        'aria-owns'?: string | undefined;
+        'aria-placeholder'?: string | undefined;
+        'aria-posinset'?: number | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+        'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-roledescription'?: string | undefined;
+        'aria-rowcount'?: number | undefined;
+        'aria-rowindex'?: number | undefined;
+        'aria-rowspan'?: number | undefined;
+        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-setsize'?: number | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+        'aria-valuemax'?: number | undefined;
+        'aria-valuemin'?: number | undefined;
+        'aria-valuenow'?: number | undefined;
+        'aria-valuetext'?: string | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string;
+        } | undefined;
+        onCopy?: React__default.ClipboardEventHandler<any> | undefined;
+        onCopyCapture?: React__default.ClipboardEventHandler<any> | undefined;
+        onCut?: React__default.ClipboardEventHandler<any> | undefined;
+        onCutCapture?: React__default.ClipboardEventHandler<any> | undefined;
+        onPaste?: React__default.ClipboardEventHandler<any> | undefined;
+        onPasteCapture?: React__default.ClipboardEventHandler<any> | undefined;
+        onCompositionEnd?: React__default.CompositionEventHandler<any> | undefined;
+        onCompositionEndCapture?: React__default.CompositionEventHandler<any> | undefined;
+        onCompositionStart?: React__default.CompositionEventHandler<any> | undefined;
+        onCompositionStartCapture?: React__default.CompositionEventHandler<any> | undefined;
+        onCompositionUpdate?: React__default.CompositionEventHandler<any> | undefined;
+        onCompositionUpdateCapture?: React__default.CompositionEventHandler<any> | undefined;
+        onFocus?: React__default.FocusEventHandler<any> | undefined;
+        onFocusCapture?: React__default.FocusEventHandler<any> | undefined;
+        onBlur?: React__default.FocusEventHandler<any> | undefined;
+        onBlurCapture?: React__default.FocusEventHandler<any> | undefined;
+        onChange?: React__default.FormEventHandler<any> | undefined;
+        onChangeCapture?: React__default.FormEventHandler<any> | undefined;
+        onBeforeInput?: React__default.FormEventHandler<any> | undefined;
+        onBeforeInputCapture?: React__default.FormEventHandler<any> | undefined;
+        onInput?: React__default.FormEventHandler<any> | undefined;
+        onInputCapture?: React__default.FormEventHandler<any> | undefined;
+        onReset?: React__default.FormEventHandler<any> | undefined;
+        onResetCapture?: React__default.FormEventHandler<any> | undefined;
+        onSubmit?: React__default.FormEventHandler<any> | undefined;
+        onSubmitCapture?: React__default.FormEventHandler<any> | undefined;
+        onInvalid?: React__default.FormEventHandler<any> | undefined;
+        onInvalidCapture?: React__default.FormEventHandler<any> | undefined;
+        onLoad?: React__default.ReactEventHandler<any> | undefined;
+        onLoadCapture?: React__default.ReactEventHandler<any> | undefined;
+        onError?: React__default.ReactEventHandler<any> | undefined;
+        onErrorCapture?: React__default.ReactEventHandler<any> | undefined;
+        onKeyDown?: React__default.KeyboardEventHandler<any> | undefined;
+        onKeyDownCapture?: React__default.KeyboardEventHandler<any> | undefined;
+        onKeyPress?: React__default.KeyboardEventHandler<any> | undefined;
+        onKeyPressCapture?: React__default.KeyboardEventHandler<any> | undefined;
+        onKeyUp?: React__default.KeyboardEventHandler<any> | undefined;
+        onKeyUpCapture?: React__default.KeyboardEventHandler<any> | undefined;
+        onAbort?: React__default.ReactEventHandler<any> | undefined;
+        onAbortCapture?: React__default.ReactEventHandler<any> | undefined;
+        onCanPlay?: React__default.ReactEventHandler<any> | undefined;
+        onCanPlayCapture?: React__default.ReactEventHandler<any> | undefined;
+        onCanPlayThrough?: React__default.ReactEventHandler<any> | undefined;
+        onCanPlayThroughCapture?: React__default.ReactEventHandler<any> | undefined;
+        onDurationChange?: React__default.ReactEventHandler<any> | undefined;
+        onDurationChangeCapture?: React__default.ReactEventHandler<any> | undefined;
+        onEmptied?: React__default.ReactEventHandler<any> | undefined;
+        onEmptiedCapture?: React__default.ReactEventHandler<any> | undefined;
+        onEncrypted?: React__default.ReactEventHandler<any> | undefined;
+        onEncryptedCapture?: React__default.ReactEventHandler<any> | undefined;
+        onEnded?: React__default.ReactEventHandler<any> | undefined;
+        onEndedCapture?: React__default.ReactEventHandler<any> | undefined;
+        onLoadedData?: React__default.ReactEventHandler<any> | undefined;
+        onLoadedDataCapture?: React__default.ReactEventHandler<any> | undefined;
+        onLoadedMetadata?: React__default.ReactEventHandler<any> | undefined;
+        onLoadedMetadataCapture?: React__default.ReactEventHandler<any> | undefined;
+        onLoadStart?: React__default.ReactEventHandler<any> | undefined;
+        onLoadStartCapture?: React__default.ReactEventHandler<any> | undefined;
+        onPause?: React__default.ReactEventHandler<any> | undefined;
+        onPauseCapture?: React__default.ReactEventHandler<any> | undefined;
+        onPlay?: React__default.ReactEventHandler<any> | undefined;
+        onPlayCapture?: React__default.ReactEventHandler<any> | undefined;
+        onPlaying?: React__default.ReactEventHandler<any> | undefined;
+        onPlayingCapture?: React__default.ReactEventHandler<any> | undefined;
+        onProgress?: React__default.ReactEventHandler<any> | undefined;
+        onProgressCapture?: React__default.ReactEventHandler<any> | undefined;
+        onRateChange?: React__default.ReactEventHandler<any> | undefined;
+        onRateChangeCapture?: React__default.ReactEventHandler<any> | undefined;
+        onResize?: React__default.ReactEventHandler<any> | undefined;
+        onResizeCapture?: React__default.ReactEventHandler<any> | undefined;
+        onSeeked?: React__default.ReactEventHandler<any> | undefined;
+        onSeekedCapture?: React__default.ReactEventHandler<any> | undefined;
+        onSeeking?: React__default.ReactEventHandler<any> | undefined;
+        onSeekingCapture?: React__default.ReactEventHandler<any> | undefined;
+        onStalled?: React__default.ReactEventHandler<any> | undefined;
+        onStalledCapture?: React__default.ReactEventHandler<any> | undefined;
+        onSuspend?: React__default.ReactEventHandler<any> | undefined;
+        onSuspendCapture?: React__default.ReactEventHandler<any> | undefined;
+        onTimeUpdate?: React__default.ReactEventHandler<any> | undefined;
+        onTimeUpdateCapture?: React__default.ReactEventHandler<any> | undefined;
+        onVolumeChange?: React__default.ReactEventHandler<any> | undefined;
+        onVolumeChangeCapture?: React__default.ReactEventHandler<any> | undefined;
+        onWaiting?: React__default.ReactEventHandler<any> | undefined;
+        onWaitingCapture?: React__default.ReactEventHandler<any> | undefined;
+        onAuxClick?: React__default.MouseEventHandler<any> | undefined;
+        onAuxClickCapture?: React__default.MouseEventHandler<any> | undefined;
+        onClick?: React__default.MouseEventHandler<any> | undefined;
+        onClickCapture?: React__default.MouseEventHandler<any> | undefined;
+        onContextMenu?: React__default.MouseEventHandler<any> | undefined;
+        onContextMenuCapture?: React__default.MouseEventHandler<any> | undefined;
+        onDoubleClick?: React__default.MouseEventHandler<any> | undefined;
+        onDoubleClickCapture?: React__default.MouseEventHandler<any> | undefined;
+        onDrag?: React__default.DragEventHandler<any> | undefined;
+        onDragCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragEnd?: React__default.DragEventHandler<any> | undefined;
+        onDragEndCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragEnter?: React__default.DragEventHandler<any> | undefined;
+        onDragEnterCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragExit?: React__default.DragEventHandler<any> | undefined;
+        onDragExitCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragLeave?: React__default.DragEventHandler<any> | undefined;
+        onDragLeaveCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragOver?: React__default.DragEventHandler<any> | undefined;
+        onDragOverCapture?: React__default.DragEventHandler<any> | undefined;
+        onDragStart?: React__default.DragEventHandler<any> | undefined;
+        onDragStartCapture?: React__default.DragEventHandler<any> | undefined;
+        onDrop?: React__default.DragEventHandler<any> | undefined;
+        onDropCapture?: React__default.DragEventHandler<any> | undefined;
+        onMouseDown?: React__default.MouseEventHandler<any> | undefined;
+        onMouseDownCapture?: React__default.MouseEventHandler<any> | undefined;
+        onMouseEnter?: React__default.MouseEventHandler<any> | undefined;
+        onMouseLeave?: React__default.MouseEventHandler<any> | undefined;
+        onMouseMove?: React__default.MouseEventHandler<any> | undefined;
+        onMouseMoveCapture?: React__default.MouseEventHandler<any> | undefined;
+        onMouseOut?: React__default.MouseEventHandler<any> | undefined;
+        onMouseOutCapture?: React__default.MouseEventHandler<any> | undefined;
+        onMouseOver?: React__default.MouseEventHandler<any> | undefined;
+        onMouseOverCapture?: React__default.MouseEventHandler<any> | undefined;
+        onMouseUp?: React__default.MouseEventHandler<any> | undefined;
+        onMouseUpCapture?: React__default.MouseEventHandler<any> | undefined;
+        onSelect?: React__default.ReactEventHandler<any> | undefined;
+        onSelectCapture?: React__default.ReactEventHandler<any> | undefined;
+        onTouchCancel?: React__default.TouchEventHandler<any> | undefined;
+        onTouchCancelCapture?: React__default.TouchEventHandler<any> | undefined;
+        onTouchEnd?: React__default.TouchEventHandler<any> | undefined;
+        onTouchEndCapture?: React__default.TouchEventHandler<any> | undefined;
+        onTouchMove?: React__default.TouchEventHandler<any> | undefined;
+        onTouchMoveCapture?: React__default.TouchEventHandler<any> | undefined;
+        onTouchStart?: React__default.TouchEventHandler<any> | undefined;
+        onTouchStartCapture?: React__default.TouchEventHandler<any> | undefined;
+        onPointerDown?: React__default.PointerEventHandler<any> | undefined;
+        onPointerDownCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerMove?: React__default.PointerEventHandler<any> | undefined;
+        onPointerMoveCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerUp?: React__default.PointerEventHandler<any> | undefined;
+        onPointerUpCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerCancel?: React__default.PointerEventHandler<any> | undefined;
+        onPointerCancelCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerEnter?: React__default.PointerEventHandler<any> | undefined;
+        onPointerEnterCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerLeave?: React__default.PointerEventHandler<any> | undefined;
+        onPointerLeaveCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerOver?: React__default.PointerEventHandler<any> | undefined;
+        onPointerOverCapture?: React__default.PointerEventHandler<any> | undefined;
+        onPointerOut?: React__default.PointerEventHandler<any> | undefined;
+        onPointerOutCapture?: React__default.PointerEventHandler<any> | undefined;
+        onGotPointerCapture?: React__default.PointerEventHandler<any> | undefined;
+        onGotPointerCaptureCapture?: React__default.PointerEventHandler<any> | undefined;
+        onLostPointerCapture?: React__default.PointerEventHandler<any> | undefined;
+        onLostPointerCaptureCapture?: React__default.PointerEventHandler<any> | undefined;
+        onScroll?: React__default.UIEventHandler<any> | undefined;
+        onScrollCapture?: React__default.UIEventHandler<any> | undefined;
+        onWheel?: React__default.WheelEventHandler<any> | undefined;
+        onWheelCapture?: React__default.WheelEventHandler<any> | undefined;
+        onAnimationStart?: React__default.AnimationEventHandler<any> | undefined;
+        onAnimationStartCapture?: React__default.AnimationEventHandler<any> | undefined;
+        onAnimationEnd?: React__default.AnimationEventHandler<any> | undefined;
+        onAnimationEndCapture?: React__default.AnimationEventHandler<any> | undefined;
+        onAnimationIteration?: React__default.AnimationEventHandler<any> | undefined;
+        onAnimationIterationCapture?: React__default.AnimationEventHandler<any> | undefined;
+        onTransitionEnd?: React__default.TransitionEventHandler<any> | undefined;
+        onTransitionEndCapture?: React__default.TransitionEventHandler<any> | undefined;
+    }, never>;
+    Option: React__default.FC<React__default.PropsWithChildren<CustomSelectOptionProps>>;
+};
+
+type Props$Y = {};
+type FieldProps = UIStyledComponentProps<Props$Y>;
+type FieldComponent<C extends React.ElementType = 'div'> = UIComponentWithRef<C, Props$Y>;
+declare const Field: FieldComponent;
+
+type Props$X = {
+    error?: Error;
+};
+type FormErrorProps = UIStyledComponentProps<Props$X, 'form'>;
+type FormErrorComponent<C extends React.ElementType = 'form'> = UIComponentWithRef<C, Props$X>;
+declare const FormError: FormErrorComponent;
+
+type FormTesterProps = {
+    form: FormState<any>;
+    onTest: () => void;
+    onReset: () => void;
+};
+declare function FormTester(props: FormTesterProps): JSX.Element | null;
+
+type Props$W = {
+    state?: FormState<any>;
+};
+type FormProps = UIStyledComponentProps<Props$W, 'form'>;
+type FormComponent<C extends React.ElementType = 'form'> = UIComponentWithRef<C, Props$W>;
+declare const Form: FormComponent;
+
+type Props$V = ComponentPropsWithRef<'input'> & {
+    before?: ReactNode;
+    after?: ReactNode;
+};
+type InputProps = UIStyledComponentProps<Props$V, 'input'>;
+type InputComponent<C extends React.ElementType = 'input'> = UIComponentWithRef<C, Props$V>;
+declare const Input: InputComponent;
+
+type Props$U = ComponentPropsWithRef<'input'> & {
+    children?: ReactNode;
+};
+type InputGroupProps = UIStyledComponentProps<Props$U, 'input'>;
+declare const InputGroup: React$1.ForwardRefExoticComponent<Pick<InputGroupProps, "key" | "position" | "content" | "grid" | "maxWidth" | "border" | "left" | "top" | "css" | "clip" | "cursor" | "direction" | "display" | "fontSize" | "fontWeight" | "letterSpacing" | "opacity" | "order" | "overflow" | "textDecoration" | "transform" | "visibility" | "lineHeight" | "gridTemplateColumns" | "columnGap" | "rowGap" | "borderRadius" | "padding" | "boxShadow" | "background" | "bottom" | "columns" | "flex" | "float" | "gap" | "margin" | "outline" | "right" | "transition" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "backgroundColor" | "borderBottom" | "borderLeft" | "borderRight" | "borderTop" | "columnCount" | "columnFill" | "columnRule" | "columnSpan" | "columnWidth" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridColumnEnd" | "gridColumnStart" | "gridTemplate" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "minHeight" | "minWidth" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "textTransform" | "whiteSpace" | "zIndex" | keyof React$1.InputHTMLAttributes<HTMLInputElement> | "positionSm" | "contentSm" | "widthSm" | "heightSm" | "gridSm" | "maxWidthSm" | "borderSm" | "leftSm" | "topSm" | "clipSm" | "cursorSm" | "directionSm" | "displaySm" | "fontSizeSm" | "fontWeightSm" | "letterSpacingSm" | "opacitySm" | "orderSm" | "overflowSm" | "textDecorationSm" | "transformSm" | "visibilitySm" | "lineHeightSm" | "gridTemplateColumnsSm" | "columnGapSm" | "rowGapSm" | "borderRadiusSm" | "paddingSm" | "boxShadowSm" | "backgroundSm" | "bottomSm" | "columnsSm" | "flexSm" | "floatSm" | "gapSm" | "marginSm" | "outlineSm" | "rightSm" | "transitionSm" | "alignContentSm" | "alignItemsSm" | "alignSelfSm" | "aspectRatioSm" | "backgroundColorSm" | "borderBottomSm" | "borderLeftSm" | "borderRightSm" | "borderTopSm" | "columnCountSm" | "columnFillSm" | "columnRuleSm" | "columnSpanSm" | "columnWidthSm" | "flexBasisSm" | "flexDirectionSm" | "flexFlowSm" | "flexGrowSm" | "flexShrinkSm" | "flexWrapSm" | "gridAutoColumnsSm" | "gridColumnEndSm" | "gridColumnStartSm" | "gridTemplateSm" | "justifyContentSm" | "marginBottomSm" | "marginLeftSm" | "marginRightSm" | "marginTopSm" | "maxHeightSm" | "minHeightSm" | "minWidthSm" | "overflowXSm" | "overflowYSm" | "paddingBottomSm" | "paddingLeftSm" | "paddingRightSm" | "paddingTopSm" | "textAlignSm" | "textTransformSm" | "whiteSpaceSm" | "zIndexSm" | "colorSm" | "positionMd" | "contentMd" | "widthMd" | "heightMd" | "gridMd" | "maxWidthMd" | "borderMd" | "leftMd" | "topMd" | "clipMd" | "cursorMd" | "directionMd" | "displayMd" | "fontSizeMd" | "fontWeightMd" | "letterSpacingMd" | "opacityMd" | "orderMd" | "overflowMd" | "textDecorationMd" | "transformMd" | "visibilityMd" | "lineHeightMd" | "gridTemplateColumnsMd" | "columnGapMd" | "rowGapMd" | "borderRadiusMd" | "paddingMd" | "boxShadowMd" | "backgroundMd" | "bottomMd" | "columnsMd" | "flexMd" | "floatMd" | "gapMd" | "marginMd" | "outlineMd" | "rightMd" | "transitionMd" | "alignContentMd" | "alignItemsMd" | "alignSelfMd" | "aspectRatioMd" | "backgroundColorMd" | "borderBottomMd" | "borderLeftMd" | "borderRightMd" | "borderTopMd" | "columnCountMd" | "columnFillMd" | "columnRuleMd" | "columnSpanMd" | "columnWidthMd" | "flexBasisMd" | "flexDirectionMd" | "flexFlowMd" | "flexGrowMd" | "flexShrinkMd" | "flexWrapMd" | "gridAutoColumnsMd" | "gridColumnEndMd" | "gridColumnStartMd" | "gridTemplateMd" | "justifyContentMd" | "marginBottomMd" | "marginLeftMd" | "marginRightMd" | "marginTopMd" | "maxHeightMd" | "minHeightMd" | "minWidthMd" | "overflowXMd" | "overflowYMd" | "paddingBottomMd" | "paddingLeftMd" | "paddingRightMd" | "paddingTopMd" | "textAlignMd" | "textTransformMd" | "whiteSpaceMd" | "zIndexMd" | "colorMd" | "positionLg" | "contentLg" | "widthLg" | "heightLg" | "gridLg" | "maxWidthLg" | "borderLg" | "leftLg" | "topLg" | "clipLg" | "cursorLg" | "directionLg" | "displayLg" | "fontSizeLg" | "fontWeightLg" | "letterSpacingLg" | "opacityLg" | "orderLg" | "overflowLg" | "textDecorationLg" | "transformLg" | "visibilityLg" | "lineHeightLg" | "gridTemplateColumnsLg" | "columnGapLg" | "rowGapLg" | "borderRadiusLg" | "paddingLg" | "boxShadowLg" | "backgroundLg" | "bottomLg" | "columnsLg" | "flexLg" | "floatLg" | "gapLg" | "marginLg" | "outlineLg" | "rightLg" | "transitionLg" | "alignContentLg" | "alignItemsLg" | "alignSelfLg" | "aspectRatioLg" | "backgroundColorLg" | "borderBottomLg" | "borderLeftLg" | "borderRightLg" | "borderTopLg" | "columnCountLg" | "columnFillLg" | "columnRuleLg" | "columnSpanLg" | "columnWidthLg" | "flexBasisLg" | "flexDirectionLg" | "flexFlowLg" | "flexGrowLg" | "flexShrinkLg" | "flexWrapLg" | "gridAutoColumnsLg" | "gridColumnEndLg" | "gridColumnStartLg" | "gridTemplateLg" | "justifyContentLg" | "marginBottomLg" | "marginLeftLg" | "marginRightLg" | "marginTopLg" | "maxHeightLg" | "minHeightLg" | "minWidthLg" | "overflowXLg" | "overflowYLg" | "paddingBottomLg" | "paddingLeftLg" | "paddingRightLg" | "paddingTopLg" | "textAlignLg" | "textTransformLg" | "whiteSpaceLg" | "zIndexLg" | "colorLg" | "positionXl" | "contentXl" | "widthXl" | "heightXl" | "gridXl" | "maxWidthXl" | "borderXl" | "leftXl" | "topXl" | "clipXl" | "cursorXl" | "directionXl" | "displayXl" | "fontSizeXl" | "fontWeightXl" | "letterSpacingXl" | "opacityXl" | "orderXl" | "overflowXl" | "textDecorationXl" | "transformXl" | "visibilityXl" | "lineHeightXl" | "gridTemplateColumnsXl" | "columnGapXl" | "rowGapXl" | "borderRadiusXl" | "paddingXl" | "boxShadowXl" | "backgroundXl" | "bottomXl" | "columnsXl" | "flexXl" | "floatXl" | "gapXl" | "marginXl" | "outlineXl" | "rightXl" | "transitionXl" | "alignContentXl" | "alignItemsXl" | "alignSelfXl" | "aspectRatioXl" | "backgroundColorXl" | "borderBottomXl" | "borderLeftXl" | "borderRightXl" | "borderTopXl" | "columnCountXl" | "columnFillXl" | "columnRuleXl" | "columnSpanXl" | "columnWidthXl" | "flexBasisXl" | "flexDirectionXl" | "flexFlowXl" | "flexGrowXl" | "flexShrinkXl" | "flexWrapXl" | "gridAutoColumnsXl" | "gridColumnEndXl" | "gridColumnStartXl" | "gridTemplateXl" | "justifyContentXl" | "marginBottomXl" | "marginLeftXl" | "marginRightXl" | "marginTopXl" | "maxHeightXl" | "minHeightXl" | "minWidthXl" | "overflowXXl" | "overflowYXl" | "paddingBottomXl" | "paddingLeftXl" | "paddingRightXl" | "paddingTopXl" | "textAlignXl" | "textTransformXl" | "whiteSpaceXl" | "zIndexXl" | "colorXl"> & React$1.RefAttributes<HTMLInputElement>> & {
+    Input: InputComponent<"input">;
+};
+
+type Props$T = {};
+type LabelProps = UIStyledComponentProps<Props$T>;
+type LabelComponent<C extends React.ElementType = 'label'> = UIComponentWithRef<C, Props$T>;
+declare const Label: LabelComponent;
+
+type Props$S = ComponentPropsWithRef<'input'> & {
+    initialValue?: string;
+    children?: ReactNode;
+};
+type RadioCardGroupComponent<C extends React__default.ElementType = 'input'> = UIComponentWithRef<C, Props$S>;
+
+type Props$R = ComponentPropsWithRef<'input'> & {
+    children?: ReactNode;
+};
+type RadioCardProps = UIStyledComponentProps<Props$R, 'input'>;
+type RadioCardComponent<C extends React__default.ElementType = 'input'> = UIComponentWithRef<C, Props$R>;
+type TextComponent<C extends React__default.ElementType = 'div'> = UIComponentWithRef<C, {
+    size?: FontSize;
+    gradient?: boolean;
+}>;
+declare const RadioCard: (<C extends React__default.ElementType<any> = "input">(props: UIComponentPropsWithRef<C, UIStyledComponentProps<Props$R, C, UIStyledProps<Props$R>>>) => React__default.ReactElement<C, string | React__default.JSXElementConstructor<any>> | null) & UIDevProps & {
+    Group: RadioCardGroupComponent<"input">;
+    Title: TextComponent<"div">;
+    Abstract: TextComponent<"div">;
+    Extra: TextComponent<"div">;
+    Media: styled_components.StyledComponent<(<C_1 extends React__default.ElementType<any> = "div">(props: UIComponentPropsWithRef<C_1, UIStyledComponentProps<{
+        circle?: boolean | undefined;
+        rounded?: boolean | undefined;
+        overlay?: number | boolean | undefined;
+        eager?: boolean | undefined;
+        item?: _websolutespa_bom_mixer_models.IMedia | _websolutespa_bom_mixer_models.IMedia[] | undefined;
+    }, C_1, UIStyledProps<{
+        circle?: boolean | undefined;
+        rounded?: boolean | undefined;
+        overlay?: number | boolean | undefined;
+        eager?: boolean | undefined;
+        item?: _websolutespa_bom_mixer_models.IMedia | _websolutespa_bom_mixer_models.IMedia[] | undefined;
+    }>>>) => React__default.ReactElement<C_1, string | React__default.JSXElementConstructor<any>> | null) & UIDevProps & {
+        Info: ({ children, className, ...props }: MediaInfoProps) => JSX.Element;
+    }, styled_components.DefaultTheme, {}, never>;
+};
+
+type Props$Q = Omit<ComponentPropsWithRef<'input'>, 'size'> & {
+    initialValue?: string;
+    size?: SizeVariant;
+    children?: ReactNode;
+};
+type RadioColorGroupComponent<C extends React__default.ElementType = 'input'> = UIComponentWithRef<C, Props$Q>;
+
+type Props$P = Omit<ComponentPropsWithRef<'input'>, 'size'> & {
+    color?: string;
+    size?: SizeVariant;
+    children?: ReactNode;
+};
+type RadioColorProps = UIStyledComponentProps<Props$P, 'input'>;
+type RadioColorComponent<C extends React.ElementType = 'input'> = UIComponentWithRef<C, Props$P>;
+declare const RadioColor: (<C extends React$1.ElementType<any> = "input">(props: UIComponentPropsWithRef<C, UIStyledComponentProps<Props$P, C, UIStyledProps<Props$P>>>) => React$1.ReactElement<C, string | React$1.JSXElementConstructor<any>> | null) & UIDevProps & {
+    Group: RadioColorGroupComponent<"input">;
+};
+
+type Props$O = Omit<ComponentPropsWithRef<'input'>, 'size'> & {
+    initialValue?: string;
+    size?: SizeVariant;
+    children?: ReactNode;
+};
+type RadioOptionGroupComponent<C extends React__default.ElementType = 'input'> = UIComponentWithRef<C, Props$O>;
+
+type Props$N = Omit<ComponentPropsWithRef<'input'>, 'size'> & {
+    size?: SizeVariant;
+    children?: ReactNode;
+};
+type RadioOptionProps = UIStyledComponentProps<Props$N, 'input'>;
+type RadioOptionComponent<C extends React.ElementType = 'input'> = UIComponentWithRef<C, Props$N>;
+declare const RadioOption: (<C extends React$1.ElementType<any> = "input">(props: UIComponentPropsWithRef<C, UIStyledComponentProps<Props$N, C, UIStyledProps<Props$N>>>) => React$1.ReactElement<C, string | React$1.JSXElementConstructor<any>> | null) & UIDevProps & {
+    Group: RadioOptionGroupComponent<"input">;
+};
+
+type Props$M = Omit<ComponentPropsWithRef<'input'>, 'size'> & {
+    initialValue?: string;
+    size?: SizeVariant;
+    children?: ReactNode;
+};
+type RadioGroupComponent<C extends React__default.ElementType = 'input'> = UIComponentWithRef<C, Props$M>;
+
+type Props$L = Omit<ComponentPropsWithRef<'input'>, 'size'> & {
+    size?: SizeVariant;
+};
+type RadioProps = UIStyledComponentProps<Props$L, 'input'>;
+type RadioComponent<C extends React.ElementType = 'input'> = UIComponentWithRef<C, Props$L>;
+declare const Radio: (<C extends React$1.ElementType<any> = "input">(props: UIComponentPropsWithRef<C, UIStyledComponentProps<Props$L, C, UIStyledProps<Props$L>>>) => React$1.ReactElement<C, string | React$1.JSXElementConstructor<any>> | null) & UIDevProps & {
+    Group: RadioGroupComponent<"input">;
+};
+
+declare const ratingCountTuple: number[];
+declare const ratingValueTuple: number[];
+type RatingValue = typeof ratingValueTuple[number];
+type RatingCount = typeof ratingCountTuple[number];
+type Props$K = {
+    size?: SizeVariant;
+    className?: string;
+    count?: RatingCount | number;
+    icon?: JSX.Element;
+    initialValue?: RatingValue;
+    locked?: boolean;
+    value?: RatingValue | number;
+    onValueChange?: (value: number) => void;
+    onLockedChange?: (locked: boolean) => void;
+};
+type RatingProps = UIStyledComponentProps<Props$K>;
+declare const Rating: React__default.FC<RatingProps>;
+
+type Props$J = ComponentPropsWithRef<'select'> & {};
+type SelectProps = UIStyledComponentProps<Props$J, 'select'>;
+type SelectComponent<C extends React.ElementType = 'select'> = UIComponentWithRef<C, Props$J>;
+declare const Select: SelectComponent;
+
+type Props$I = {};
+type TextAreaProps = UIStyledComponentProps<Props$I, 'textarea'>;
+type TextAreaComponent<C extends React.ElementType = 'textarea'> = UIComponentWithRef<C, Props$I>;
+declare const TextArea: TextAreaComponent;
+
+type FieldCardProps = {
+    control: FormControl;
+    uid?: number | null | undefined;
+};
+declare function FieldCard({ uid, control, ...props }: FieldCardProps & FieldProps): JSX.Element;
+
+type FieldCheckboxProps = {
+    control: FormControl;
+    uid?: number | null | undefined;
+};
+declare function FieldCheckbox({ uid, control, ...props }: FieldCheckboxProps & FieldProps): JSX.Element;
+
+type FieldCollectionProps = {
+    collection: FormGroup | FormArray;
+    uid?: number | null | undefined;
+};
+declare function FieldCollection(props: FieldCollectionProps): JSX.Element;
+
+type FieldErrorProps = {
+    state: FormState<any>;
+};
+declare function FieldError({ state, ...props }: FieldErrorProps): JSX.Element;
+
+type FieldPasswordProps = {
+    control: FormControl;
+    uid?: number | null | undefined;
+};
+declare function FieldPassword(props: FieldPasswordProps): JSX.Element;
+
+type FieldSelectProps = {
+    control: FormControl;
+    uid?: number | null | undefined;
+};
+declare function FieldSelect(props: FieldSelectProps): JSX.Element;
+
+type FieldTextProps = {
+    control: FormControl;
+    uid?: number | null | undefined;
+    before?: ReactNode;
+    after?: ReactNode;
+};
+declare function FieldText(props: FieldTextProps): JSX.Element;
+
+declare const withPageTransition: (OriginalComponent: React.FC<any>) => (props: any) => JSX.Element;
+
+type ILazyComponent = {
+    schema: string;
+    [key: string]: unknown;
+};
+type ILazyComponentProps = {
+    item: ILazyComponent;
+};
+declare const LazyLoader: ({ components }: {
+    components: ILazyComponent[];
+}) => JSX.Element | null;
+
+type AuthProps = {
+    onSignedIn?: (user: IUser) => void;
+};
+declare const Auth: React.FC<AuthProps>;
+
+type AuthChangePasswordProps = {
+    onPasswordChanged?: () => void;
+    onCancel?: () => void;
+};
+declare const AuthChangePassword: React.FC<AuthChangePasswordProps>;
+
+type AuthDrawerProps = {
+    children?: ReactNode;
+    visible: boolean;
+    onClose: () => void;
+};
+declare const AuthDrawer: React.FC<AuthDrawerProps>;
+
+type AuthUpdateProps = {
+    user: IUser;
+    onUpdate?: (user: IUser) => void;
+    onCancel?: () => void;
+};
+declare const AuthUpdate: React.FC<AuthUpdateProps>;
+
+type Props$H = {
+    item: BlogItem;
+};
+type BlogItem = {
+    id: number;
+    href: string;
+    title: string;
+    abstract: string;
+    date: string | Date;
+    media: IMedia;
+    author: {
+        fullName: string;
+        media: IMedia;
+    };
+};
+type BlogCardProps = UIStyledComponentProps<Props$H, 'a'>;
+declare const BlogCard: React.FC<BlogCardProps>;
+
+type Props$G = {
+    items: BlogItem[];
+};
+type BlogMoreProps = UIComponentProps<Props$G>;
+declare const BlogMore: React.FC<BlogMoreProps>;
+
+type Props$F = {
+    item: BlogPropositionItem;
+};
+type BlogPropositionItem = {
+    id: number;
+    href: string;
+    title: string;
+    abstract: string;
+    date: string | Date;
+    author: {
+        fullName: string;
+        media: IMedia;
+    };
+};
+type BlogPropositionProps = UIComponentProps<Props$F>;
+declare const BlogProposition: React.FC<BlogPropositionProps>;
+
+type CartMiniProps = {
+    children?: ReactNode;
+    visible: boolean;
+    onClose: () => void;
+};
+declare const CartMini: React.FC<CartMiniProps>;
+
+declare const CartMiniItem: React.FC<{
+    item: ICartItem;
+}>;
+
+type CategoriesPropositionItem = {
+    href: string;
+    title: string;
+    media?: IMedia;
+};
+type Props$E = {
+    item: CategoriesPropositionItem;
+};
+type CategoriesPropositionCardProps = UIStyledComponentProps<Props$E, 'a'>;
+declare const CategoriesPropositionCard: React.FC<CategoriesPropositionCardProps>;
+
+type Props$D = {
+    items: CategoriesPropositionItem[];
+};
+type CategoriesPropositionProps = UIComponentProps<Props$D>;
+declare const CategoriesProposition: React.FC<CategoriesPropositionProps>;
+
+type CategoryHeroItem = {
+    title?: string;
+    abstract?: string;
+    media?: IMedia;
+    link?: ILink;
+};
+type Props$C = {
+    item: CategoryHeroItem;
+};
+type CategoryHeroProps = UIStyledComponentProps<Props$C>;
+declare const CategoryHero: React.FC<CategoryHeroProps>;
+
+type Props$B = {
+    item: CategoryPropositionItem;
+};
+type CategoryPropositionItem = {
+    href: string;
+    title?: string;
+    abstract?: string;
+    description?: string;
+    media?: IMedia;
+};
+type CategoryPropositionProps = UIComponentProps<Props$B>;
+declare const CategoryProposition: React.FC<CategoryPropositionProps>;
+
+type CheckoutEmptyProps = {};
+declare const CheckoutEmpty: React.FC<CheckoutEmptyProps>;
+
+type CheckoutErrorProps = {
+    order?: IOrder;
+};
+declare const CheckoutError: React.FC<CheckoutErrorProps>;
+
+type CheckoutSuccessProps = {
+    order: IOrder;
+};
+declare const CheckoutSuccess: React.FC<CheckoutSuccessProps>;
+
+declare enum CheckoutStatus {
+    None = -1,
+    Basket = 0,
+    Info = 1,
+    Delivery = 2,
+    Review = 3,
+    Payment = 4,
+    Complete = 5,
+    Error = 6
+}
+type Props$A = {
+    onCheckout?: (checkout: ICheckoutPartial) => void;
+};
+type CheckoutWizardProps = UIStyledComponentProps<Props$A>;
+declare const CheckoutWizard: React.FC<CheckoutWizardProps>;
+
+type Props$z = {};
+type ColorsProps = UIComponentProps<Props$z>;
+declare const Colors: React.FC<ColorsProps>;
+
+type Props$y = {
+    item: ContactCardItem;
+} & CardProps;
+type ContactCardItem = {
+    id: number;
+    name: string;
+    address?: string;
+    province?: string;
+    zipCode?: string;
+    city?: string;
+    country?: {
+        id: number;
+        name: string;
+    };
+    phoneNumber?: string;
+    faxNumber?: string;
+    contactEmail?: string;
+    pressEmail?: string;
+    note?: string;
+    evidence?: boolean;
+    href?: string;
+};
+type ContactCardProps = UIComponentProps<Props$y>;
+declare const ContactCard: React.FC<ContactCardProps>;
+
+type Props$x = {};
+type ContactFormProps = UIComponentProps<Props$x>;
+declare const ContactForm: React__default.FC<ContactFormProps>;
+
+type Props$w = {
+    item: ContactHeroItem;
+};
+type ContactHeroItem = {
+    id: number;
+    href: string;
+    title: string;
+    media: IMedia;
+};
+type ContactHeroProps = UIComponentProps<Props$w>;
+declare const ContactHero: React.FC<ContactHeroProps>;
+
+type Props$v = {};
+type FooterProps = UIComponentProps<Props$v>;
+declare const Footer: React.FC<FooterProps>;
+
+type ContainerProps = {
+    fixed?: boolean;
+    sticky?: boolean;
+    scrolled?: boolean;
+};
+type HeaderContainerProps = UIComponentProps<ContainerProps>;
+type Props$u = {
+    fixed?: boolean;
+    sticky?: boolean;
+};
+type HeaderProps = UIComponentProps<Props$u>;
+declare const Header: React.FC<HeaderProps>;
+
+type Props$t = {
+    item: HeroItem;
+};
+type HeroItem = {
+    id: number;
+    href: string;
+    title: string;
+    abstract: string;
+    media: IMedia;
+};
+type HeroProps = UIComponentProps<Props$t>;
+declare const Hero: React.FC<HeroProps>;
+
+type Props$s = {};
+type IIcon = {
+    key: string;
+    component: FunctionComponent<unknown>;
+};
+type IconsProps = UIComponentProps<Props$s>;
+declare const Icons: React.FC<IconsProps>;
+
+type MagazineRelatedSubItem = {
+    title: string;
+    href: string;
+    media: IMedia;
+    date: Date | string;
+};
+type MagazineRelatedItem = ILazyComponent & {
+    schema: string;
+    title: string;
+    items: MagazineRelatedSubItem[];
+};
+type MagazineRelatedProps = ILazyComponentProps & {
+    item: MagazineRelatedItem;
+};
+declare const MagazineRelated: React.FC<MagazineRelatedProps & SwiperProps>;
+declare const MagazineRelatedExport: {
+    'magazine-related': React$1.ComponentType<MagazineRelatedProps>;
+};
+
+type Props$r = {
+    item: MagazineSearchItem;
+    fixedRatio?: boolean;
+};
+type MagazineSearchItem = {
+    href: string;
+    date: Date | string;
+    title: string;
+    media: IMedia;
+    category?: IEquatable;
+};
+type MagazineSearchCardProps = UIStyledComponentProps<Props$r>;
+declare const MagazineSearchCard: React.FC<MagazineSearchCardProps>;
+
+type Props$q = {
+    items: MagazineSearchItem[];
+    featureTypes: IFeatureType[];
+    category?: IEquatable | ICategory;
+};
+type MagazineSearchProps = UIStyledComponentProps<Props$q>;
+declare const MagazineSearch: React.FC<MagazineSearchProps>;
+
+type Props$p = {};
+type MagazineSearchFiltersProps = UIStyledComponentProps<Props$p>;
+declare const MagazineSearchFilters: React.FC<MagazineSearchFiltersProps>;
+
+type MagazineSearchFiltersModalProps = {
+    children?: ReactNode;
+    visible: boolean;
+    onClose: () => void;
+};
+declare const MagazineSearchFiltersModal: React.FC<MagazineSearchFiltersModalProps>;
+
+type OrderAddressProps = {
+    item: IUserAddress;
+    title?: string;
+};
+declare const OrderAddress: React.FC<OrderAddressProps>;
+
+type OrderItemProps = {
+    item: IOrderDetail;
+};
+declare const OrderItem: React.FC<OrderItemProps>;
+
+type OrderRegisterProps = {
+    className?: string;
+    data: Partial<IUser>;
+    onSignedUp?: () => void;
+};
+declare const OrderRegister: React.FC<OrderRegisterProps>;
+
+type OrderSummaryProps = {
+    order: IOrder;
+};
+declare const OrderSummary: React.FC<OrderSummaryProps>;
+
+declare const OrderSummaryItem: React.FC<{
+    item: ICheckoutItem;
+}>;
+
+type Props$o = {
+    media: IMedia[];
+};
+type ProductOverviewProps$1 = UIStyledComponentProps<Props$o>;
+declare const ProductOverviewGallery: React.FC<ProductOverviewProps$1>;
+
+type ProductItem = {
+    id: number;
+    schema: string;
+    href: string;
+    title: string;
+    abstract: string;
+    price: number;
+    media: IMedia[];
+};
+type ProductOverviewProps = {
+    item: ProductItem;
+};
+declare const ProductOverview: React$1.FC<ProductOverviewProps> & {
+    Gallery: React$1.FC<ProductOverviewProps$1>;
+};
+
+type ProductsDetailDownloadItem = ILazyComponent & {
+    schema: string;
+    title: string;
+    links: ILink[];
+};
+type ProductsDetailDownloadProps = ILazyComponentProps & {
+    id?: string;
+    item: ProductsDetailDownloadItem;
+};
+declare const ProductsDetailDownload: React.FC<ProductsDetailDownloadProps>;
+declare const ProductsDetailDownloadExport: {
+    'products-detail-download': React$1.ComponentType<ProductsDetailDownloadProps>;
+};
+
+type ProductsDetailRelatedCardItem = {
+    id: IEquatable;
+    href: string;
+    title: string;
+    media: IMedia;
+};
+
+type ProductsDetailRelatedItem = ILazyComponent & {
+    schema: string;
+    title?: string;
+    items: ProductsDetailRelatedCardItem[];
+};
+type ProductsDetailRelatedProps = ILazyComponentProps & {
+    id?: string;
+    item: ProductsDetailRelatedItem;
+};
+declare const ProductsDetailRelated: React.FC<ProductsDetailRelatedProps>;
+declare const ProductsDetailRelatedExport: {
+    'products-detail-related': React$1.ComponentType<ProductsDetailRelatedProps>;
+};
+
+type ProductsDetailSizeColorItem = ILazyComponent & {
+    schema: string;
+    title: string;
+    list: {
+        title: string;
+        abstract: string;
+    }[];
+    medias: IMedia[];
+};
+type ProductsDetailSizeColorProps = ILazyComponentProps & {
+    id?: string;
+    item: ProductsDetailSizeColorItem;
+};
+declare const ProductsDetailSizeColor: React.FC<ProductsDetailSizeColorProps>;
+declare const ProductsDetailSizeColorExport: {
+    'products-detail-size-color': React$1.ComponentType<ProductsDetailSizeColorProps>;
+};
+
+type ProductHeroItem = {
+    id: number;
+    href: string;
+    title: string;
+    media: IMedia;
+};
+type Props$n = {
+    items: ProductHeroItem[];
+};
+type ProductsHeroProps = UIComponentProps<Props$n>;
+declare const ProductsHero: React.FC<ProductsHeroProps>;
+
+type Props$m = {
+    item: CategoriesPropositionItem;
+};
+type ProductsHeroCardProps = UIStyledComponentProps<Props$m, 'a'>;
+declare const ProductsHeroCard: React.FC<ProductsHeroCardProps>;
+
+type Props$l = {
+    item: ProductsPropositionItem;
+};
+type ProductsPropositionItem = {
+    id: number;
+    href: string;
+    title: string;
+    abstract: string;
+    price: number;
+    media: IMedia;
+};
+type ProductsPropositionCardProps = UIStyledComponentProps<Props$l, 'a'>;
+declare const ProductsPropositionCard: React.FC<ProductsPropositionCardProps>;
+
+type Props$k = {
+    items: ProductsPropositionItem[];
+};
+type ProductsPropositionProps = UIComponentProps<Props$k>;
+declare const ProductsProposition: React.FC<ProductsPropositionProps>;
+
+type Props$j = {
+    item: ProductsRelatedItem;
+};
+type ProductsRelatedItem = {
+    id: number;
+    schema: string;
+    href: string;
+    title: string;
+    abstract: string;
+    price: number;
+    media: IMedia;
+};
+type ProductsRelatedCardProps = UIStyledComponentProps<Props$j>;
+declare const ProductsRelatedCard: React.FC<ProductsRelatedCardProps>;
+
+type Props$i = {
+    items: ProductsRelatedItem[];
+};
+type ProductsRelatedProps = UIComponentProps<Props$i>;
+declare const ProductsRelated: React.FC<ProductsRelatedProps>;
+
+type Props$h = {
+    item: ProductSearchItem;
+};
+type ProductSearchItem = {
+    href: string;
+    title: string;
+    medias: IMedia[];
+    designer?: IEquatable;
+    colors: IEquatable[];
+};
+type ProductsSearchCardProps = UIStyledComponentProps<Props$h>;
+declare const ProductsSearchCard: React.FC<ProductsSearchCardProps>;
+
+type Props$g = {
+    items: ProductSearchItem[];
+    featureTypes: IFeatureType[];
+};
+type ProductsSearchProps = UIStyledComponentProps<Props$g>;
+declare const ProductsSearch: React.FC<ProductsSearchProps>;
+
+type Props$f = {};
+type ProductsSearchFiltersProps = UIStyledComponentProps<Props$f>;
+declare const ProductsSearchFilters: React.FC<ProductsSearchFiltersProps>;
+
+type ProductsSearchFiltersModalProps = {
+    children?: ReactNode;
+    visible: boolean;
+    onClose: () => void;
+};
+declare const ProductsSearchFiltersModal: React.FC<ProductsSearchFiltersModalProps>;
+
+type Props$e = {};
+type PropositionProps = UIComponentProps<Props$e>;
+declare const Proposition: React.FC<PropositionProps>;
+
+type Props$d = {
+    children?: React.ReactNode;
+    layout: ILayout;
+    page: IPage;
+};
+type ReservedAreaProps = UIComponentProps<Props$d>;
+declare const ReservedArea: React.FC<ReservedAreaProps>;
+
+type Props$c = {
+    items: IRouteLink[];
+};
+type ReservedAreaMenuProps = UIComponentProps<Props$c>;
+declare const ReservedAreaMenu: React.FC<ReservedAreaMenuProps>;
+
+type ShopCategoryHeroItem = {
+    category?: string;
+    href: string;
+    breadcrumb: IRouteLink[];
+    title?: string;
+    abstract?: string;
+    description?: string;
+    media?: IMedia;
+};
+type Props$b = {
+    item: ShopCategoryHeroItem;
+};
+type ShopCategoryHeroProps = UIStyledComponentProps<Props$b>;
+declare const ShopCategoryHero: React.FC<ShopCategoryHeroProps>;
+
+type ShopDetailRelatedCardItem = {
+    id: IEquatable;
+    href?: string;
+    title?: string;
+    media?: IMedia;
+};
+
+type ShopDetailRelatedItem = ILazyComponent & {
+    schema: string;
+    title?: string;
+    items: ShopDetailRelatedCardItem[];
+};
+type ShopDetailRelatedProps = ILazyComponentProps & {
+    id?: string;
+    item: ShopDetailRelatedItem;
+};
+declare const ShopDetailRelated: React.FC<ShopDetailRelatedProps>;
+declare const ShopDetailRelatedExport: {
+    'shop-detail-related': React$1.ComponentType<ShopDetailRelatedProps>;
+};
+
+type ShopHeroItem = {
+    href: string;
+    title: string;
+    abstract?: string;
+    media: IMedia;
+    items?: ShopHeroItem[];
+};
+type Props$a = {
+    item: ShopHeroItem;
+};
+type ShopHeroProps = UIComponentProps<Props$a>;
+declare const ShopHero: React.FC<ShopHeroProps>;
+
+type Props$9 = {
+    item: CategoriesPropositionItem;
+};
+type ShopHeroCardProps = UIStyledComponentProps<Props$9, 'a'>;
+declare const ShopHeroCard: React.FC<ShopHeroCardProps>;
+
+type Props$8 = {};
+type ShopIncentiveProps = UIComponentProps<Props$8>;
+declare const ShopIncentive: React.FC<ShopIncentiveProps>;
+
+type Props$7 = {
+    item: ShopItemsPropositionItem;
+};
+type ShopItemsPropositionItem = {
+    id: number;
+    href: string;
+    title: string;
+    abstract: string;
+    price: number;
+    media: IMedia;
+};
+type ShopItemsPropositionCardProps = UIStyledComponentProps<Props$7, 'a'>;
+declare const ShopItemsPropositionCard: React.FC<ShopItemsPropositionCardProps>;
+
+type Props$6 = {
+    items: ShopItemsPropositionItem[];
+};
+type ShopItemsPropositionProps = UIComponentProps<Props$6>;
+declare const ShopItemsProposition: React.FC<ShopItemsPropositionProps>;
+
+type Props$5 = {
+    item: ShopSearchItem;
+};
+type ShopSearchItem = {
+    id: IEquatable;
+    schema: string;
+    category: IEquatable | ICategory;
+    href: string;
+    title: string;
+    price: number;
+    media: IMedia;
+    abstract?: string;
+    description?: string;
+    collection?: string;
+    designer?: string;
+    color?: string;
+};
+type ShopSearchCardProps = UIStyledComponentProps<Props$5>;
+declare const ShopSearchCard: React.FC<ShopSearchCardProps>;
+
+type Props$4 = {
+    items: ShopSearchItem[];
+    featureTypes: IFeatureType[];
+    category?: IEquatable | ICategory;
+};
+type ShopSearchProps = UIStyledComponentProps<Props$4>;
+declare const ShopSearch: React.FC<ShopSearchProps>;
+
+type Props$3 = {};
+type ShopSearchFiltersProps = UIStyledComponentProps<Props$3>;
+declare const ShopSearchFilters: React.FC<ShopSearchFiltersProps>;
+
+type ShopSearchFiltersModalProps = {
+    children?: ReactNode;
+    visible: boolean;
+    onClose: () => void;
+};
+declare const ShopSearchFiltersModal: React.FC<ShopSearchFiltersModalProps>;
+
+type Props$2 = {
+    item: SplitItem;
+};
+type SplitItemLink = {
+    href: string;
+    label: string;
+};
+type SplitItem = {
+    id: number;
+    href: string;
+    caption: string;
+    title: string;
+    abstract: string;
+    link: SplitItemLink;
+    media: IMedia;
+};
+type SplitProps = UIComponentProps<Props$2>;
+declare const Split: React.FC<SplitProps>;
+
+type IGeoPosition = {
+    lat: number;
+    lng: number;
+};
+type IGeoLocalized = {
+    position: IGeoPosition;
+    distance?: number;
+};
+
+declare function filterStoreLocatorItem(key: string, item: StoreLocatorItem, value: IEquatable): boolean;
+type StoreLocatorItem = IGeoLocalized & {
+    id: number;
+    name: string;
+    address: string;
+    zipCode?: string;
+    city?: string;
+    province?: string;
+    country: {
+        id: number;
+        name: string;
+    };
+    phoneNumber?: string;
+    faxNumber?: string;
+    contactEmail?: string;
+    website?: string;
+    category: {
+        id: number;
+        name: string;
+    };
+    rank: number;
+    distance?: number;
+    related?: {
+        id: number;
+        url: string;
+    };
+};
+type Props$1 = {
+    locale: string;
+    country: {
+        id: string;
+        name: string;
+    };
+    item: StoreLocatorHeadItem;
+    items: StoreLocatorItem[];
+    featureTypes: IFeatureType[];
+};
+type StoreLocatorHeadItem = {
+    category: string;
+    title: string;
+    abstract: string;
+};
+type StoreLocatorHeadProps = UIComponentProps<Props$1>;
+declare const StoreLocatorSearch: React.FC<StoreLocatorHeadProps>;
+
+type SwiperHeroItem = {
+    id: number;
+    title: string;
+    abstract: string;
+    link: ILink;
+    media: IMedia;
+};
+type SwiperHeroProps = {
+    items: SwiperHeroItem[];
+} & SwiperProps;
+declare const SwiperHero: React.FC<SwiperHeroProps>;
+
+type Props = {};
+type TypographyProps = UIComponentProps<Props>;
+declare const Typography: (props: TypographyProps) => JSX.Element;
+
+declare const CssScrollbar: styled_components.FlattenSimpleInterpolation;
+
+declare const GlobalStyle: styled_components.GlobalStyleComponent<{}, styled_components.DefaultTheme>;
+
+declare function merge(target: any, source: any): any;
+
+declare const CssBase: styled_components.FlattenSimpleInterpolation;
+
+declare const CssDebug: styled_components.FlattenSimpleInterpolation;
+
+declare const CssPrint: styled_components.FlattenSimpleInterpolation;
+
+declare const CssReset: styled_components.FlattenSimpleInterpolation;
+
+declare const CssTypography: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
+
+declare const CssVars: styled_components.FlattenSimpleInterpolation;
+
+declare const sizes: string[];
+
+export { Accordion, AccordionProps, Auth, AuthChangePassword, AuthChangePasswordProps, AuthDrawer, AuthDrawerProps, AuthProps, AuthUpdate, AuthUpdateProps, Autocomplete, AutocompleteComponent, AutocompleteContext, AutocompleteProps, Badge, BadgeProps, BlogCard, BlogCardProps, BlogItem, BlogMore, BlogMoreProps, BlogProposition, BlogPropositionItem, BlogPropositionProps, Box, BoxProps, Breadcrumb, BreadcrumbComponent, BreadcrumbProps, Breakpoint, BreakpointProps, Button, ButtonComponent, ButtonGroup, ButtonGroupComponent, ButtonGroupProps, ButtonProps, ButtonVariant, ButtonVariants, Card, CardComponent, CardContent, CardContentProps, CardFooter, CardFooterProps, CardProps, CartMini, CartMiniItem, CartMiniProps, CategoriesProposition, CategoriesPropositionCard, CategoriesPropositionCardProps, CategoriesPropositionItem, CategoriesPropositionProps, CategoryHero, CategoryHeroItem, CategoryHeroProps, CategoryProposition, CategoryPropositionItem, CategoryPropositionProps, Checkbox, CheckboxComponent, CheckboxProps, CheckoutEmpty, CheckoutEmptyProps, CheckoutError, CheckoutErrorProps, CheckoutStatus, CheckoutSuccess, CheckoutSuccessProps, CheckoutWizard, CheckoutWizardProps, Code, CodeProps, Colors, ColorsProps, ContactCard, ContactCardItem, ContactCardProps, ContactForm, ContactFormProps, ContactHero, ContactHeroItem, ContactHeroProps, Container, ContainerBase, ContainerComponent, ContainerFluid, ContainerProps$2 as ContainerProps, CssBase, CssDebug, CssPrint, CssReset, CssScrollbar, CssTypography, CssVars, CustomSelect, CustomSelectComponent, CustomSelectProps, CustomSelectRef, Divider, DividerComponent, DividerProps, Drawer, ModalContentProps as DrawerContentProps, DrawerProps, ModalSubtitleProps as DrawerSubtitleProps, ModalTitleProps as DrawerTitleProps, Dropdown, Ellipsis, EllipsisProps, Expand, ExpandProps, ExtendableProps, Field, FieldAccept, FieldAutocomplete, FieldCard, FieldCheckbox, FieldCollection, FieldComponent, FieldError, FieldPassword, FieldProps, FieldSelect, FieldText, Flex, FlexProps, FlexRow, FlexRowProps, FontSize, Footer, FooterProps, Form, FormComponent, FormError, FormErrorComponent, FormErrorProps, FormProps, FormTester, GlobalStyle, Grid, GridProps, GridRow, GridRowBaseProps, GridRowProps, Header, HeaderContainerProps, HeaderProps, Hero, HeroItem, HeroProps, Highlight, HighlightProps, IArray, IAutocomplete, IAutocompleteItem, IITheme, IIcon, ILazyComponent, ILazyComponentProps, IObject, IThemeColor, IThemeColorKey, IThemeColors, IThemeContainer, IThemeDisplay, IThemeFont, IThemeFonts, IThemeGrid, IThemeResponsive, Icons, IconsProps, InfiniteLoader, InfiniteLoaderComponent, InfiniteLoaderProps, InheritableElementProps, Input, InputComponent, InputGroup, InputGroupProps, InputProps, Label, LabelComponent, LabelProps, Layout, LayoutComponent, LayoutProps, LazyLoader, Link, LinkBaseProps, LinkProps, List, ListComponent, ListProps, Loading, LoadingProps, MagazineRelated, MagazineRelatedExport, MagazineRelatedItem, MagazineRelatedProps, MagazineRelatedSubItem, MagazineSearch, MagazineSearchCard, MagazineSearchCardProps, MagazineSearchFilters, MagazineSearchFiltersModal, MagazineSearchFiltersModalProps, MagazineSearchFiltersProps, MagazineSearchItem, MagazineSearchProps, Media, MediaComponent, MediaGallery, MediaGalleryComponent, MediaGalleryProps, MediaImage, MediaImageProps, MediaInfoProps, MediaProps, Meta, Modal, ModalButtonProps, ModalContentProps, ModalProps, ModalSubtitleProps, ModalTitleProps, NativeAttrs$9 as NativeAttrs, Nav, NavBase, NavLink, NavLinkProps, NavProps, ObjectKeys, OrderAddress, OrderAddressProps, OrderItem, OrderItemProps, OrderRegister, OrderRegisterProps, OrderSummary, OrderSummaryItem, OrderSummaryProps, Page, PageNav, PageNavContainerProps, PageNavProps, PageProps, Pagination, PaginationProps, PolymorphicComponentProp, PolymorphicComponentPropWithRef, PolymorphicRef, Popover, PopoverPlacement, PopoverProps, PopoverTriggerTypes, ProductHeroItem, ProductItem, ProductOverview, ProductOverviewGallery, ProductOverviewProps$1 as ProductOverviewProps, ProductSearchItem, ProductsDetailDownload, ProductsDetailDownloadExport, ProductsDetailDownloadItem, ProductsDetailDownloadProps, ProductsDetailRelated, ProductsDetailRelatedExport, ProductsDetailRelatedItem, ProductsDetailRelatedProps, ProductsDetailSizeColor, ProductsDetailSizeColorExport, ProductsDetailSizeColorItem, ProductsDetailSizeColorProps, ProductsHero, ProductsHeroCard, ProductsHeroCardProps, ProductsHeroProps, ProductsProposition, ProductsPropositionCard, ProductsPropositionCardProps, ProductsPropositionItem, ProductsPropositionProps, ProductsRelated, ProductsRelatedCard, ProductsRelatedCardProps, ProductsRelatedItem, ProductsRelatedProps, ProductsSearch, ProductsSearchCard, ProductsSearchCardProps, ProductsSearchFilters, ProductsSearchFiltersModal, ProductsSearchFiltersModalProps, ProductsSearchFiltersProps, ProductsSearchProps, Proposition, PropositionProps, Props$1f as Props, PropsOf, Radio, RadioCard, RadioCardComponent, RadioCardProps, RadioColor, RadioColorComponent, RadioColorProps, RadioComponent, RadioOption, RadioOptionComponent, RadioOptionProps, RadioProps, Rating, RatingCount, RatingProps, RatingValue, ReservedArea, ReservedAreaMenu, ReservedAreaMenuProps, ReservedAreaProps, Section, SectionProps, Select, SelectComponent, SelectProps, ShopCategoryHero, ShopCategoryHeroItem, ShopCategoryHeroProps, ShopDetailRelated, ShopDetailRelatedExport, ShopDetailRelatedItem, ShopDetailRelatedProps, ShopHero, ShopHeroCard, ShopHeroCardProps, ShopHeroItem, ShopHeroProps, ShopIncentive, ShopIncentiveProps, ShopItemsProposition, ShopItemsPropositionCard, ShopItemsPropositionCardProps, ShopItemsPropositionItem, ShopItemsPropositionProps, ShopSearch, ShopSearchCard, ShopSearchCardProps, ShopSearchFilters, ShopSearchFiltersModal, ShopSearchFiltersModalProps, ShopSearchFiltersProps, ShopSearchItem, ShopSearchProps, SizeVariant, SizeVariants, Skeleton, SkeletonProps, Split, SplitItem, SplitItemLink, SplitProps, StoreLocatorHeadItem, StoreLocatorHeadProps, StoreLocatorItem, StoreLocatorSearch, StyledInfiniteLoaderProps, Svg, SvgProps, SwiperBaseProps, SwiperComponent, SwiperHero, SwiperHeroItem, SwiperHeroProps, Tabs, TabsProps, Text, TextArea, TextAreaComponent, TextAreaProps, TextComponent, TextProps, TextVariant, TextVariants, ThemeProps, Tooltip, TooltipOnVisibleChange, TooltipPlacement, TooltipProps, TooltipTriggers, TooltipTypes, Transition, TransitionProps, Typography, TypographyProps, UIComponent, UIComponentProps, UIComponentPropsWithRef, UIComponentPropsWithoutRef, UIComponentWithRef, UIDevProps, UIStyledComponent, UIStyledComponentProps, UIStyledProps, Variant, VariantOf, Variants, WeightVariant, WeightVariants, camelize, eachMedia, filterStoreLocatorItem, getAspectResponsive, getChildsByType, getContainer, getCssResponsive, getGrid, getVariant, hasChildOfType, hypenize, isChildElement, mapChildsByType, merge, sizes, customTheme as theme, useAutocompleteContext, withPageTransition };