@jenesei-software/jenesei-kit-react 1.0.0

package/build/index.d.ts

@@ -0,0 +1,2540 @@
+import { AccordionProps as AccordionProps_2 } from './component.types';
+import { AddDollarSign as AddDollarSign_2 } from '../..';
+import { addErrorProps as addErrorProps_2 } from './style.types';
+import { addSXProps as addSXProps_2 } from '../..';
+import { addSXProps as addSXProps_3 } from '../../styles/sx';
+import { addSXProps as addSXProps_4 } from './style.types';
+import { addSXTypographyProps as addSXTypographyProps_2 } from '../typography';
+import { addSXTypographyProps as addSXTypographyProps_3 } from './component.types';
+import { AnimationProps } from 'framer-motion';
+import { AppContextProps as AppContextProps_2 } from './context.types';
+import { Area } from 'react-easy-crop';
+import { ButtonHTMLAttributes } from 'react';
+import { ButtonProps as ButtonProps_2 } from './component.types';
+import { ButtonPropsIconGroup as ButtonPropsIconGroup_2 } from './component.types';
+import { CheckboxProps as CheckboxProps_2 } from './component.types';
+import { ClipboardEventHandler } from 'react';
+import { Component } from 'react';
+import { ComponentType } from 'react';
+import { Context } from 'react';
+import { CSSObject } from 'styled-components';
+import { CSSProperties } from 'react';
+import { DateDayProps as DateDayProps_2 } from './component.types';
+import { DatePickerProps as DatePickerProps_2 } from './component.types';
+import { default as default_2 } from 'react';
+import { default as default_3 } from 'leaflet';
+import { default as default_4 } from 'node_modules/@types/js-cookie';
+import { DefaultTheme } from 'styled-components';
+import { DetailedHTMLProps } from 'react';
+import { DragEvent as DragEvent_2 } from 'react';
+import { DragEventHandler } from 'react';
+import { DraggableProps } from 'framer-motion';
+import { ExecutionProps } from 'styled-components';
+import { FastOmit } from 'styled-components';
+import { FC } from 'react';
+import { FocusEvent as FocusEvent_2 } from 'react';
+import { FocusEventHandler } from 'react';
+import { ForwardRefComponent } from 'framer-motion';
+import { HTMLAttributes } from 'react';
+import { HTMLInputAutoCompleteAttribute } from 'react';
+import { HTMLInputTypeAttribute } from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+import { IconItemProps as IconItemProps_2 } from '../icon';
+import { IconTypeMap as IconTypeMap_2 } from '../icon';
+import { ILanguageKeys as ILanguageKeys_2 } from './types';
+import { ImageSelectProps as ImageSelectProps_2 } from './component.types';
+import { ImgHTMLAttributes } from 'react';
+import { InputAttributes } from 'react-number-format';
+import { InputChildrenProps as InputChildrenProps_2 } from './component.types';
+import { InputHTMLAttributes } from 'react';
+import { InputOTPProps as InputOTPProps_2 } from './component.types';
+import { InputProps as InputProps_2 } from './component.types';
+import { InputProps as InputProps_3 } from '../input';
+import { InputStandardProps as InputStandardProps_2 } from '../input';
+import { InternalNumberFormatBase } from 'react-number-format/types/types';
+import { IServiceKeys as IServiceKeys_2 } from './types';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { IThemePaletteKeys as IThemePaletteKeys_2 } from '../..';
+import { IThemePaletteKeys as IThemePaletteKeys_3 } from '../../theme';
+import { IThemeSize as IThemeSize_2 } from '../..';
+import { IThemeSize as IThemeSize_3 } from '../../theme';
+import { JSX } from 'react/jsx-runtime';
+import { KeyboardEventHandler } from 'react';
+import { LayoutProps } from 'framer-motion';
+import { LiHTMLAttributes } from 'react';
+import { LinkComponent } from '@tanstack/react-router';
+import { LinkProps } from '@tanstack/react-router';
+import { MemoExoticComponent } from 'react';
+import { NamedExoticComponent } from 'react';
+import { NumberFormatValues } from 'react-number-format';
+import { NumericFormat } from 'react-number-format';
+import { NumericFormatProps } from 'react-number-format';
+import { PatternFormat } from 'react-number-format';
+import { PatternFormatProps } from 'react-number-format';
+import { Placement } from '@floating-ui/react';
+import { PopupProps } from 'react-leaflet';
+import { PropsWithChildren } from 'react';
+import { ProviderAppProps as ProviderAppProps_2 } from './context.types';
+import { ProviderDialogProps as ProviderDialogProps_2 } from './context.types';
+import { ProviderSonnerProps as ProviderSonnerProps_2 } from './context.types';
+import { RangeProps as RangeProps_2 } from './component.types';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { ReactNode as ReactNode_2 } from '@tanstack/react-router';
+import { Ref } from 'react';
+import { RefAttributes } from 'react';
+import { RippleProps as RippleProps_2 } from './component.types';
+import { RuleSet } from 'styled-components';
+import { SeparatorProps as SeparatorProps_2 } from './component.types';
+import { SonnerContentStandardProps as SonnerContentStandardProps_2 } from './context.types';
+import { StackProps as StackProps_2 } from '../../components/stack';
+import { StackProps as StackProps_3 } from './component.types';
+import { StackProps as StackProps_4 } from '../stack';
+import { Styles } from 'styled-components/dist/types';
+import { Substitute } from 'styled-components/dist/types';
+import { SVGProps } from 'react';
+import { SXProps as SXProps_2 } from '../../styles/sx';
+import { TButtonGenre as TButtonGenre_2 } from '../button';
+import { TextareaHTMLAttributes } from 'react';
+import { TextAreaProps as TextAreaProps_2 } from './component.types';
+import { TInputSelect as TInputSelect_2 } from './component.types';
+import { TypographySXProps as TypographySXProps_2 } from './component.types';
+import { useDialogProps as useDialogProps_2 } from './context.types';
+
+export declare const Accordion: FC<AccordionProps>;
+
+export declare const AccordionDetails: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<AccordionProps_2, "expanded">>>> & string;
+
+export declare type AccordionDetailsProps = AddDollarSign<Pick<AccordionProps, 'expanded'>>;
+
+export declare interface AccordionProps {
+    wrapperProps: StackProps;
+    accordionSummary: ReactNode;
+    accordionDetails: ReactNode;
+    expanded: boolean;
+    isAccordionIcon?: boolean;
+    onClickSummary?: () => void;
+    onClickIcon?: () => void;
+    triggerUpdate?: unknown[];
+}
+
+export declare const AccordionStyledIcon: IStyledComponentBase<"web", Substitute<    {
+type: keyof IconTypeMap_2;
+name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+className?: string;
+onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+size: IThemeSize_2 | "100%";
+primaryColor?: IThemePaletteKeys_2;
+secondColor?: IThemePaletteKeys_2;
+turn?: number;
+order?: number;
+tabIndex?: number;
+} & addSXProps_2, AddDollarSign_2<Pick<AccordionProps_2, "expanded">>>> & string & Omit<(<T extends keyof IconTypeMap_2>(props: IconItemProps_2<T>) => JSX.Element | null), keyof Component<any, {}, any>>;
+
+export declare type AccordionStyledIconProps = AddDollarSign<Pick<AccordionProps, 'expanded'>>;
+
+export declare const AccordionSummary: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+export declare const AccordionSummaryContent: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<AccordionProps_2, "isAccordionIcon">>>> & string;
+
+export declare type AccordionSummaryContentProps = AddDollarSign<Pick<AccordionProps, 'isAccordionIcon'>>;
+
+export declare const AccordionWrapper: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+export declare const addBorder: RuleSet<object>;
+
+export declare const addColorTransition: RuleSet<object>;
+
+export declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+export declare const addError: RuleSet<AddDollarSign_2<addErrorProps_2>>;
+
+export declare interface addErrorProps {
+    error?: ErrorMessageProps;
+}
+
+export declare type addErrorStylesProps = AddDollarSign<addErrorProps>;
+
+export declare const addGridTransition: RuleSet<object>;
+
+export declare const addNiceNumber: RuleSet<object>;
+
+export declare const addOutline: RuleSet<object>;
+
+export declare const addRemoveOutline: RuleSet<object>;
+
+export declare const addRemoveScrollbar: RuleSet<object>;
+
+export declare const addRipple: RuleSet<    {
+$isRipple?: boolean;
+}>;
+
+export declare const addRippleDefault: RuleSet<object>;
+
+export declare const addSX: RuleSet<AddDollarSign_2<addSXProps_4>>;
+
+export declare interface addSXProps {
+    sx?: SXProps;
+}
+
+export declare type addSXStyleProps = AddDollarSign<addSXProps>;
+
+export declare const addSXTypography: RuleSet<AddDollarSign_2<addSXTypographyProps_3>>;
+
+export declare type addSXTypographyProps = {
+    sxTypography?: TypographySXProps;
+};
+
+export declare type addSXTypographyStyleProps = AddDollarSign<addSXTypographyProps>;
+
+export declare const addTooltipBoxSize: RuleSet<PopoverProps>;
+
+export declare const addTooltipBoxSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const addTransition: RuleSet<object>;
+
+export declare const addTransitionWithoutSize: RuleSet<object>;
+
+export declare const AppContext: Context<AppContextProps | null>;
+
+export declare interface AppContextProps {
+    changePreview: (newPreviewProps: PreviewAdditionalProps) => void;
+    changeStatusBarColor: (color: IThemePaletteKeys) => void;
+    changeBgColor: (color: IThemePaletteKeys) => void;
+    changeBgImage: (image: string) => void;
+    changeTitle: (title: string) => void;
+    changeDescription: (description: string) => void;
+    setDefaultStatusBarColor: () => void;
+    setDefaultBgColor: () => void;
+    setDefaultBgImage: () => void;
+    setDefaultTitle: () => void;
+    setDefaultDescription: () => void;
+    historyStatusBarColor: (step: number) => void;
+    historyBgColor: (step: number) => void;
+    setHistoryTitle: (step: number) => void;
+    historyBgImage: (step: number) => void;
+    historyDescription: (step: number) => void;
+}
+
+export declare function BlurIn({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+
+export declare const Button: FC<ButtonProps>;
+
+export declare const ButtonGroup: FC<ButtonGroupProps>;
+
+export declare type ButtonGroupProps = {
+    value: ButtonProps[];
+    className?: string;
+    position: 'horizontal' | 'vertical';
+} & addSXProps;
+
+export declare const ButtonGroupWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledButtonGroupProps>> & string;
+
+export declare type ButtonProps = ButtonPropsStandard | ButtonPropsIconGroup;
+
+declare type ButtonPropsDefault = PropsWithChildren & {
+    size: IThemeSize;
+    genre: TButtonGenre;
+    id?: string;
+    ref?: Ref<HTMLElement | null>;
+    className?: string;
+    icons?: ((Omit<IconItemProps<'id'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'id'>['size'];
+    }) | (Omit<IconItemProps<'checkbox'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'checkbox'>['size'];
+    }) | (Omit<IconItemProps<'loading'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'loading'>['size'];
+    }) | (Omit<IconItemProps<'realebail'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'realebail'>['size'];
+    }) | (Omit<IconItemProps<'logo'>, 'size'> & {
+        isHidden?: boolean;
+        size?: IconItemProps<'logo'>['size'];
+    }))[];
+    isDisabled?: boolean;
+    isDisabledRipple?: boolean;
+    isHidden?: boolean;
+    isOnlyIcon?: boolean;
+    isWhileTapEffect?: boolean;
+    isWidthAsHeight?: boolean;
+    isMinWidthAsContent?: boolean;
+    isRadius?: boolean;
+    isHiddenBorder?: boolean;
+    isPlaystationEffect?: boolean;
+    isFullSize?: boolean;
+    onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    type?: 'button' | 'submit' | 'reset';
+} & addSXProps & addSXTypographyProps;
+
+export declare type ButtonPropsIconGroup = ButtonPropsDefault & {
+    isIconGroup?: true;
+    iconGroupOrder?: number;
+};
+
+export declare type ButtonPropsStandard = ButtonPropsDefault & {
+    isIconGroup?: false;
+};
+
+/****************************************** Size *************************************************/
+export declare const ButtonSize: RuleSet<StyledDollarButtonProps>;
+
+export declare const ButtonSizeConstructor: (props: IThemeSizePropertyDefault & {
+    isFullSize?: boolean;
+    isWidthAsHeight?: boolean;
+    isMinWidthAsContent?: boolean;
+}) => RuleSet<object>;
+
+export declare const Checkbox: FC<CheckboxProps>;
+
+export declare const CheckboxChildren: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+/****************************************** Genre *************************************************/
+export declare const CheckboxGenre: RuleSet<StyledCheckboxProps>;
+
+export declare const CheckboxGroup: <T extends ICheckboxValue>(props: CheckboxGroupProps<T>) => JSX.Element;
+
+export declare const CheckboxGroupItem: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+export declare const CheckboxGroupLabel: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+export declare type CheckboxGroupProps<T extends ICheckboxValue> = {
+    checkboxGenre: CheckboxProps['genre'];
+    checkBoxView: CheckboxProps['view'];
+    checkboxSX?: CheckboxProps['sx'];
+    checkboxIsHiddenBorder?: CheckboxProps['isHiddenBorder'];
+    className?: string;
+    childrenField?: keyof T;
+    isClickOnlyIcon?: boolean;
+    size: CheckboxProps['size'];
+    labelField?: keyof T;
+    multiple?: boolean;
+    onChange?: (props: T[]) => void;
+    options: T[];
+    value: T[];
+    valueField: keyof T;
+} & addSXProps;
+
+/****************************************** Size *************************************************/
+export declare const CheckboxGroupSize: RuleSet<CheckboxGroupWrapperProps>;
+
+export declare const CheckboxGroupSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+/****************************************** Default *************************************************/
+export declare const CheckboxGroupWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CheckboxGroupWrapperProps>> & string;
+
+export declare type CheckboxGroupWrapperProps = AddDollarSign<Pick<CheckboxGroupProps<ICheckboxValue>, 'size'>> & addSXStyleProps;
+
+export declare type CheckboxProps = PropsWithChildren & {
+    checked?: boolean;
+    genre: TCheckboxGenre;
+    view: TIconCheckboxNameString;
+    isDisabled?: boolean;
+    isOnlyLoading?: boolean;
+    isLoading?: boolean;
+    isHiddenBorder?: boolean;
+    isNotBackground?: boolean;
+    iconOrder?: IconItemProps<'checkbox'>['order'];
+    sizeIcon?: IThemeSize;
+    onChange?: (checked: boolean) => void;
+    isWidthAsHeight?: boolean;
+    size: IThemeSize;
+} & addSXProps & addErrorProps & addSXTypographyProps;
+
+/****************************************** Size *************************************************/
+export declare const CheckboxSize: RuleSet<StyledCheckboxProps>;
+
+export declare const CheckboxSizeConstructor: (props: IThemeSizePropertyDefault & {
+    isWidthAsHeight?: boolean;
+}) => RuleSet<object>;
+
+/****************************************** Default *************************************************/
+export declare const CheckboxWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledCheckboxProps>> & string;
+
+export declare const ContainerDropdownOption: default_2.MemoExoticComponent<(params: addErrorProps & {
+    genre: keyof IThemeGenreInput;
+    size: IThemeSize;
+    onClick: () => void;
+    isLoading?: boolean;
+    isNotShowHoverStyle?: boolean;
+    isShowDropdownOptionIcon?: boolean;
+    isBold?: boolean;
+    isCenter?: boolean;
+    postfixChildren?: InputChildrenProps;
+    prefixChildren?: InputChildrenProps;
+    checked: boolean;
+    virtualRowSize: number;
+    virtualRowStart: number;
+    label: ReactNode;
+}) => JSX.Element>;
+
+export declare type CookieAttributes = default_4.CookieAttributes;
+
+/**
+ * Context for managing cookies.
+ */
+export declare const CookieContext: Context<CookieContextProps | null>;
+
+export declare interface CookieContextProps {
+    getCookie: <K extends keyof ValidCookieObject>(name: K) => ValidCookieObject[K] | undefined;
+    setCookie: <K extends keyof ValidCookieObject>(name: K, value: ValidCookieObject[K], options?: CookieAttributes) => void;
+    removeCookieValue: <K extends keyof ValidCookieObject>(name: K, options?: CookieAttributes) => void;
+    removeCookieValues: () => void;
+    checkCookie: () => void;
+    cookieValues: ValidCookieObject | undefined;
+}
+
+export declare const createClusterIcon: <T extends object>(cluster: default_3.MarkerCluster, getCustomClusterLabel?: (markers: T[]) => string) => default_3.DivIcon;
+
+export declare const customDefaultIcon: () => default_3.DivIcon;
+
+export declare const customTextIcon: (text: string) => default_3.DivIcon;
+
+export declare function CustomZoomControl(): JSX.Element;
+
+export declare interface DateDayProps {
+    dayOfWeek: number;
+    isCurrentMonth: boolean;
+    isDisabled: boolean;
+    isToday: boolean;
+    isWeekend: boolean;
+    labelNumber: number;
+    labelString: string;
+    value: number;
+    weekOfMonth: number;
+}
+
+export declare const DateDropdownDay: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
+row: number;
+column: number;
+isChoice?: boolean;
+isCurrentMonth?: boolean;
+}>>> & string;
+
+export declare const DateDropdownDayOfWeek: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
+row: number;
+column: number;
+isChoice?: boolean;
+isCurrentMonth?: boolean;
+}>>> & string;
+
+export declare type DateDropdownDayProps = AddDollarSign<Pick<DatePickerProps, 'genre' | 'size'> & Pick<DateDayProps, 'isToday' | 'isWeekend'> & {
+    row: number;
+    column: number;
+    isChoice?: boolean;
+    isCurrentMonth?: boolean;
+}>;
+
+export declare const DateDropdownDays: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+$rows: number;
+}>> & string;
+
+export declare const DateDropdownDaySize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
+row: number;
+column: number;
+isChoice?: boolean;
+isCurrentMonth?: boolean;
+}>>;
+
+export declare const DateDropdownDaySizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const DateDropdownList: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "isInputEffect"> & Pick<DatePickerProps_2, "size" | "genre">>>> & string;
+
+export declare const DateDropdownListParent: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<InputStandardProps_2, "size" | "genre">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type DateDropdownListProps = AddDollarSign<Pick<DatePickerProps, 'isInputEffect'> & Pick<DatePickerProps, 'genre' | 'size'>>;
+
+export declare const DateInput: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
+format: string;
+mask?: string | string[];
+allowEmptyFormatting?: boolean;
+patternChar?: string;
+} & Omit<InputAttributes, never> & Omit<unknown, "value" | "mask" | "ref" | "defaultValue" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "format" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "allowEmptyFormatting" | "patternChar"> & {
+customInput?: ComponentType<unknown> | undefined;
+}, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre"> & {
+isOpen?: boolean;
+}>>> & string & Omit<typeof PatternFormat, keyof Component<any, {}, any>>;
+
+export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size'> & {
+    isOpen?: boolean;
+}>;
+
+export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre"> & {
+isOpen?: boolean;
+}>>> & string;
+
+/****************************************** Size *************************************************/
+export declare const DateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre"> & {
+isOpen?: boolean;
+}>>;
+
+export declare const DateInputWrapperSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const DatePicker: (props: DatePickerProps) => JSX.Element;
+
+export declare type DatePickerMode = 'DD.MM.YYYY' | 'MM.DD.YYYY' | 'YYYY.MM.DD';
+
+export declare type DatePickerProps = addErrorProps & addSXProps & {
+    endDate?: number;
+    genre: TDateGenre;
+    id?: string;
+    inputProps: Omit<InputStandardProps, 'isDisabled' | 'name' | 'id' | 'genre' | 'size' | 'placeholder' | 'width' | 'value' | 'isInputEffect' | 'error'>;
+    isDisabled?: boolean;
+    isMinWidth?: boolean;
+    isInputEffect?: InputStandardProps['isInputEffect'];
+    isOnClickClose?: boolean;
+    locale: {
+        months: SelectDateProps['monthsLocale'];
+        weeks: WeekItem[];
+        inputs: InputItem;
+    };
+    mode?: DatePickerMode;
+    name?: string;
+    onBlur?: (event?: MouseEvent) => void;
+    onChange: (timestamp: number | null) => void;
+    onFocus?: (event: FocusEvent_2<HTMLDivElement, Element>) => void;
+    size: IThemeSize;
+    startDate?: number;
+    value: number | null;
+};
+
+export declare type DateStyledListProps = AddDollarSign<Pick<InputStandardProps, 'genre' | 'size'>>;
+
+export declare type DateStyledOptionProps = AddDollarSign<{
+    isSelectedItem?: boolean;
+    isCheckboxProps?: boolean;
+}> & StyledInputProps;
+
+export declare const DateWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DateWrapperProps>> & string;
+
+export declare type DateWrapperProps = AddDollarSign<Pick<InputStandardProps, 'genre' | 'isDisabled'> & {
+    parentListHeight: number;
+    radius: number;
+    isMinWidth?: boolean;
+}> & StyledInputWrapperProps;
+
+export declare const DEFAULT_COMPONENT_PAGINATION_GAP = 12;
+
+export declare const DEFAULT_MAP_CENTER: [number, number];
+
+export declare const DEFAULT_MAP_MAX_ZOOM = 18;
+
+export declare const DEFAULT_MAP_MIN_ZOOM = 2;
+
+export declare const DEFAULT_MAP_THEME: MapTheme;
+
+export declare const DEFAULT_MAP_ZOOM = 13;
+
+export declare const DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT = 0.3;
+
+export declare const DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT = 0.4;
+
+export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePaletteKeys;
+
+export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string;
+
+export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT: string;
+
+export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string;
+
+export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string;
+
+export declare const DEFAULT_PROVIDER_SONNER_BUTTON: ProviderSonnerProps['default']['button'];
+
+export declare const DEFAULT_PROVIDER_SONNER_DURATION = 0.3;
+
+export declare const DEFAULT_PROVIDER_SONNER_GENRE: keyof ITheme['colors']['sonner'];
+
+export declare const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 60;
+
+export declare const DEFAULT_PROVIDER_SONNER_SCALE = 0.04;
+
+export declare const DEFAULT_PROVIDER_SONNER_Y = 100;
+
+export declare const DEFAULT_PROVIDER_SONNER_Z_INDEX = 100;
+
+export declare const DEFAULT_RIPPLE_DURATION = 600;
+
+export declare const DEFAULT_RIPPLE_ID = "JENESEI_RIPPLE";
+
+export declare const DEFAULT_TOOLTIP_OFFSET_FALLBACK: number;
+
+export declare const DEFAULT_TOOLTIP_PLACEMENT_FALLBACK: Placement;
+
+declare type DefaultScrollProps = {
+    vertical?: boolean;
+    horizontal?: boolean;
+    isAlwaysVertical?: boolean;
+    isAlwaysHorizontal?: boolean;
+};
+
+export declare const DialogContent: IStyledComponentBase<"web", FastOmit<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, never>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type DialogContentObjectProps = {
+    propsDialog?: {
+        maxWidth?: string;
+        maxHeight?: string;
+        padding?: string;
+        borderRadius?: string;
+        background?: IThemePaletteKeys;
+    };
+};
+
+export declare type DialogContentProps<T extends object> = {
+    content?: (props?: useDialogProps<T>, remove?: () => void, isAnimating?: boolean) => ReactNode;
+    props?: useDialogProps<T>;
+    id?: string;
+    index?: number;
+};
+
+export declare const DialogContext: Context<DialogContextProps<object> | null>;
+
+export declare type DialogContextItemProps<T extends object> = {
+    add: (dialog: DialogContentProps<useDialogProps<T>>) => void;
+    remove: () => void;
+    id: string | null;
+};
+
+export declare type DialogContextProps<T extends object> = {
+    add: (dialog: DialogContentProps<useDialogProps<T>>) => void;
+    remove: (id: DialogContentProps<useDialogProps<T>>['id']) => void;
+    update: (dialog: DialogContentProps<useDialogProps<T>>) => void;
+    dialogHistory: DialogContentProps<useDialogProps<T>>[];
+};
+
+export declare type DialogElementProps = Pick<DialogContentProps<object>, 'id' | 'index' | 'content' | 'props'> & Pick<DialogContextItemProps<object>, 'remove'>;
+
+export declare const DialogElementWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"dialog">, "ref"> & RefAttributes<HTMLDialogElement>, AddDollarSign_2<useDialogProps_2<object>>>> & string & Omit<ForwardRefComponent<HTMLDialogElement, HTMLMotionProps<"dialog">>, keyof Component<any, {}, any>>;
+
+export declare type DialogElementWrapperProps = AddDollarSign<useDialogProps<object>>;
+
+export declare const DialogLayout: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<ProviderDialogProps_2, "zIndex">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type DialogLayoutProps = AddDollarSign<Pick<ProviderDialogProps, 'zIndex'>>;
+
+export declare const DropdownErase: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+export declare const DropdownFooter: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, SelectStyledFooterProps>> & string;
+
+export declare const DropdownList: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+
+export declare const DropdownListParent: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<InputStandardProps_2, "size" | "genre"> & {
+isShowScroll?: boolean;
+isFooter?: boolean;
+}>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare const DropdownListParentSize: RuleSet<AddDollarSign_2<Pick<InputStandardProps_2, "size" | "genre"> & {
+isShowScroll?: boolean;
+isFooter?: boolean;
+}>>;
+
+export declare const DropdownListParentSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const DropdownOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, SelectStyledOptionProps>> & string;
+
+export declare const DropdownOptionHoverAndCheckedSize: RuleSet<SelectStyledOptionProps>;
+
+export declare const DropdownOptionHoverAndCheckedSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const DropdownOptionIcon: IStyledComponentBase<"web", Substitute<    {
+type: keyof IconTypeMap_2;
+name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+className?: string;
+onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+size: IThemeSize_3 | "100%";
+primaryColor?: IThemePaletteKeys_3;
+secondColor?: IThemePaletteKeys_3;
+turn?: number;
+order?: number;
+tabIndex?: number;
+} & addSXProps_3, AddDollarSign_2<    {
+checked?: boolean;
+genre: TInputSelect_2;
+size: IThemeSize_3;
+}>>> & string & Omit<(<T extends keyof IconTypeMap_2>(props: IconItemProps_2<T>) => JSX.Element | null), keyof Component<any, {}, any>>;
+
+export declare type DropdownOptionIconProps = AddDollarSign<{
+    checked?: boolean;
+    genre: TInputSelect;
+    size: IThemeSize;
+}>;
+
+export declare const DropdownOptionLayout: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectStyledOptionProps>> & string;
+
+export declare const DropdownSelectAll: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+export declare enum ENUM_ICON_CHECKBOX {
+    Radio = 0,
+    Square = 1,
+    Arrow = 2,
+    Heart = 3
+}
+
+export declare enum ENUM_ICON_ID {
+    Close = 0,
+    Biometry = 1,
+    QR = 2,
+    Search = 3,
+    Folder = 4,
+    Wallet = 5,
+    Graph = 6,
+    Bookmark = 7,
+    Category = 8,
+    Home = 9,
+    Notification = 10,
+    Chat = 11,
+    Heart = 12,
+    Paper = 13,
+    Plus = 14,
+    Minus = 15,
+    PaperPlus = 16,
+    PaperNegative = 17,
+    PaperFail = 18,
+    PaperDownload = 19,
+    PaperUpload = 20,
+    Send = 21,
+    PasswordMini = 22,
+    Swap = 23,
+    Work = 24,
+    Arrow1 = 25,
+    Arrow2 = 26,
+    Arrow3 = 27,
+    Arrow4 = 28,
+    ArrowMini1 = 29,
+    ArrowMini2 = 30,
+    Scan = 31,
+    Activity = 32,
+    Calendar = 33,
+    Message = 34,
+    PlusMini = 35,
+    ChartMini = 36,
+    Game = 37,
+    Bag1 = 38,
+    Bag2 = 39,
+    TicketStar = 40,
+    MoreCircle = 41,
+    MoreSquare = 42,
+    Discount = 43,
+    Buy = 44,
+    Web = 45,
+    InfoMini = 46,
+    DangerMini = 47,
+    DangerTriangle = 48,
+    CloseMini = 49,
+    TickMini = 50,
+    Video = 51,
+    Discovery = 52,
+    Location = 53,
+    Document = 54,
+    Setting = 55,
+    TimeSquare = 56,
+    TimeCircle = 57,
+    VolumeUp = 58,
+    VolumeDown = 59,
+    VolumeOff = 60,
+    Star = 61,
+    Select = 62,
+    Ticket = 63,
+    Camera = 64,
+    Profile = 65,
+    AddUser = 66,
+    TwoUser = 67,
+    ThreeUser = 68,
+    Login = 69,
+    Logout = 70,
+    Download = 71,
+    Upload = 72,
+    Voice = 73,
+    Voice2 = 74,
+    Delete = 75,
+    Edit = 76,
+    EditSquare = 77,
+    PlayMini = 78,
+    ShieldDone = 79,
+    ShieldFail = 80,
+    Show = 81,
+    Hide = 82,
+    Filter = 83,
+    Filter2 = 84,
+    Image = 85,
+    Image2 = 86,
+    Call = 87,
+    Calling = 88,
+    CallMissed = 89,
+    CallSilent = 90,
+    Lock = 91,
+    Unlock = 92,
+    Resources = 93,
+    Language = 94
+}
+
+export declare enum ENUM_ICON_LOADING {
+    Line = 0,
+    Circle = 1,
+    Blocks = 2,
+    Balls = 3
+}
+
+export declare enum ENUM_ICON_LOGO {
+    Jenesei = 0
+}
+
+export declare enum ENUM_ICON_REALEBAIL {
+    Map = 0,
+    HomeLikes = 1,
+    HomeManagement = 2,
+    UserSettings = 3,
+    User = 4
+}
+
+declare type EnumOption = {
+    value: string;
+    label: string;
+    placeholder: string;
+    search: string;
+};
+
+export declare const ErrorMessage: FC<ErrorMessageProps>;
+
+export declare const ErrorMessageComponent: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<ErrorMessageProps>>> & string;
+
+export declare type ErrorMessageProps = {
+    errorMessage?: string;
+    isError?: boolean;
+    isErrorAbsolute?: boolean;
+    size?: IThemeSize;
+    sx?: addSXProps['sx'];
+};
+
+export declare type ErrorMessagePropsDollar = AddDollarSign<ErrorMessageProps>;
+
+export declare function formatPhoneNumber(dialCode: string, international: string): {
+    format: string;
+    placeholder: string;
+};
+
+declare type GenericObject<T> = {
+    [key: string]: T;
+};
+
+export declare const GeolocationContext: Context<GeolocationContextProps | null>;
+
+export declare interface GeolocationContextProps {
+    geolocationPermission: PermissionState | null;
+    requestGeolocationPermission: () => void;
+    location: GeolocationPosition | null;
+    error: GeolocationPositionError | null;
+}
+
+export declare function getContrastYIQ(hexcolor: string): "#000000" | "#FFFFFF";
+
+export declare const getFontSizeStyles: (size: TypographyDataProps["size"], weight: TypographyDataProps["weight"], family: TypographyDataProps["family"], height?: TypographyDataProps["height"]) => RuleSet<object>;
+
+export declare function getFromCookie<T>(key: string): T | null;
+
+export declare function getFromLocalStorage<T>(key: string): T | null;
+
+export declare function getScrollbarWidth(): number;
+
+export declare function GradualSpacing({ text }: {
+    text: string;
+}): JSX.Element;
+
+export declare interface ICheckboxValue {
+    label: string | number;
+    value: string | number;
+}
+
+export declare const Icon: <T extends keyof IconTypeMap>(props: IconItemProps<T>) => JSX.Element | null;
+
+export declare type IconItemProps<T extends keyof IconTypeMap> = {
+    type: T;
+    name: IconTypeMap[T];
+    className?: string;
+    onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
+    size: IThemeSize | '100%';
+    primaryColor?: IThemePaletteKeys;
+    secondColor?: IThemePaletteKeys;
+    turn?: number;
+    order?: number;
+    tabIndex?: number;
+} & addSXProps;
+
+export declare type IconTypeMap = {
+    id: TIconIdNameString;
+    checkbox: TIconCheckboxNameString;
+    loading: TIconLoadingNameString;
+    realebail: TIconRealEbailNameString;
+    logo: TIconLogoNameString;
+};
+
+export declare type IImageFormat = (typeof ImageSupportedFormats)[number];
+
+export declare type ILanguage = Record<ILanguageKeys, {
+    value: ILanguageKeys;
+    label: string;
+    placeholder: string;
+    search: string;
+}>;
+
+export declare type ILanguageKeys = 'eng' | 'rus';
+
+declare const Image_2: FC<ImageProps>;
+export { Image_2 as Image }
+
+export declare const ImageButton: FC<ImageButtonProps>;
+
+export declare interface ImageButtonProps extends addSXProps {
+    button: ButtonProps;
+    dialog: {
+        button: ButtonProps;
+        buttonDelete: ButtonProps;
+    };
+    imageSettings: {
+        maxSize: number;
+        maxCount: number;
+        aspect?: number;
+    };
+    locale: {
+        buttonAdd: string;
+        dialogSave: string;
+        dialogCancel: string;
+        dialogAddImage: string;
+        dialogDeleteImage: string;
+    };
+    onSave: (files: ImageSelectItemProps[] | null) => void;
+}
+
+export declare const ImageIMG: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, ImageIMGProps>> & string;
+
+export declare type ImageIMGProps = {
+    $isPending: boolean;
+} & addSXStyleProps;
+
+export declare interface ImageProps {
+    alt: string;
+    componentFallback?: ReactNode;
+    componentLoading?: ReactNode;
+    isShowBeforeImage?: boolean;
+    src?: string;
+    sxImage?: addSXProps['sx'];
+    sxStack?: addSXProps['sx'];
+}
+
+export declare const IMAGES: ImageSliderProps['images'];
+
+export declare const ImageSelect: (props: ImageSelectProps) => JSX.Element;
+
+export declare type ImageSelectItemProps = {
+    crop?: {
+        x: number;
+        y: number;
+    };
+    croppedArea?: Area | null;
+    file?: File;
+    format?: string;
+    id: number;
+    index: number;
+    isCropped?: boolean;
+    isDeleted?: boolean;
+    isNew?: boolean;
+    name?: string;
+    url?: string;
+    zoom?: number;
+};
+
+/****************************************** Size *************************************************/
+export declare const ImageSelectListSize: RuleSet<AddDollarSign_2<Pick<ImageSelectProps_2, "size" | "sx" | "error" | "genre">>>;
+
+export declare const ImageSelectListSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const ImageSelectListWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<ImageSelectProps_2, "size" | "sx" | "error" | "genre">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type ImageSelectProps = {
+    locale: {
+        imageFallback: string;
+        buttonReset: string;
+        dragAndDrop: string;
+    } & ImageButtonProps['locale'];
+    genre: TImageSelectGenre;
+    size: IThemeSize;
+    propsButton: {
+        default: Pick<ButtonProps, 'size' | 'genre'>;
+        delete: Pick<ButtonProps, 'size' | 'genre'>;
+    };
+    id?: string;
+    onChange?: (images: ImageSelectItemProps[]) => void;
+    isContain?: boolean;
+    imageSettings: {
+        maxSize: number;
+        maxCount: number;
+        width: number;
+        height: number;
+        aspect: number;
+    };
+    defaultImages: ImageSelectItemProps[];
+    images: ImageSelectItemProps[];
+} & addErrorProps & addSXProps;
+
+export declare const ImageSelectSize: RuleSet<AddDollarSign_2<Pick<ImageSelectProps_2, "size" | "sx" | "error" | "genre">>>;
+
+export declare const ImageSelectSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const ImageSelectWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<ImageSelectProps_2, "size" | "sx" | "error" | "genre">>>> & string;
+
+export declare type ImageSelectWrapperProps = AddDollarSign<Pick<ImageSelectProps, 'sx' | 'error' | 'genre' | 'size'>>;
+
+export declare const ImageSlider: FC<ImageSliderProps>;
+
+export declare type ImageSliderProps = {
+    genre: TImageSelectGenre;
+    size: IThemeSize;
+    imageSettings: {
+        aspect: number;
+    };
+    images: {
+        id: number;
+        imageSrc: string;
+        children?: ReactNode_2;
+    }[];
+    children?: (props: {
+        isDialog: boolean;
+    }) => ReactNode_2 | ReactNode_2;
+    onIndexChange?: (index: number) => void;
+    propsStack?: StackProps;
+    isLoading?: boolean;
+    locales: {
+        noImagesAvailable: string;
+    } & useImageSliderProps['locales'];
+};
+
+export declare const ImageSupportedFormats: readonly ["image/jpeg", "image/jpg", "image/png", "image/webp", "image/avif"];
+
+export declare const ImageSupportedFormatsForInput: string;
+
+export declare const Input: (props: InputProps) => JSX.Element;
+
+export declare interface InputChildrenProps extends PropsWithChildren {
+    left: string;
+    right: string;
+    width: string;
+}
+
+declare type InputDefaultProps = addErrorProps & addSXProps & {
+    ref?: Ref<HTMLInputElement | null>;
+    name?: string;
+    id?: string;
+    className?: string;
+    defaultValue?: string;
+    isNotShowHoverStyle?: boolean;
+    autocomplete?: HTMLInputAutoCompleteAttribute;
+    isAllowEmptyFormatting?: boolean;
+    genre: TInputGenre;
+    size: IThemeSize;
+    tabIndex?: number;
+    isWidthAsHeight?: boolean;
+    isNiceNumber?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isReadOnly?: boolean;
+    isInputEffect?: boolean;
+    isRequired?: boolean;
+    isCenter?: boolean;
+    isNoSpaces?: boolean;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onPaste?: ClipboardEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    isBold?: boolean;
+    postfixChildren?: InputChildrenProps;
+    prefixChildren?: InputChildrenProps;
+    value?: string | null | number;
+    inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    maxLength?: number;
+    minLength?: number;
+};
+
+/****************************************** is isInputEffect *************************************************/
+export declare const InputIsInputEffect: RuleSet<Pick<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>, "$isInputEffect">>;
+
+export declare type InputItem = {
+    day: string;
+    month: string;
+    year: string;
+};
+
+export declare type InputNumericProps = InputDefaultProps & {
+    variety: 'numeric';
+    onChange?: (value: NumberFormatValues) => void;
+    propsNumeric: Pick<NumericFormatProps, 'allowLeadingZeros' | 'thousandSeparator' | 'allowNegative' | 'allowedDecimalSeparators' | 'decimalScale' | 'decimalSeparator' | 'fixedDecimalScale' | 'prefix' | 'thousandsGroupStyle' | 'isAllowed' | 'suffix'>;
+};
+
+export declare const InputOTP: (props: InputOTPProps) => JSX.Element;
+
+export declare type InputOTPProps = {
+    length: number;
+    onComplete?: (otp: string) => void;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+} & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error' | 'onChange'>;
+
+/****************************************** Size *************************************************/
+export declare const InputOTPSize: RuleSet<AddDollarSign_2<Pick<InputOTPProps_2, "size" | "sx" | "error">>>;
+
+export declare const InputOTPSizeConstructor: (props: IThemeSizePropertyDefault & InputOTPWrapperProps) => RuleSet<object>;
+
+export declare const InputOTPWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<InputOTPProps_2, "size" | "sx" | "error">>>> & string;
+
+export declare type InputOTPWrapperProps = AddDollarSign<Pick<InputOTPProps, 'size' | 'sx' | 'error'>>;
+
+export declare type InputPatternProps = InputDefaultProps & {
+    variety: 'pattern';
+    onChange?: (value: NumberFormatValues) => void;
+    propsPattern: Pick<PatternFormatProps, 'format' | 'mask' | 'allowEmptyFormatting' | 'patternChar' | 'valueIsNumericString' | 'type'>;
+};
+
+/****************************************** Placeholder *************************************************/
+export declare const InputPlaceholder: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>;
+
+export declare const InputPlaceholderNiceNumber: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>;
+
+export declare const InputPostfixChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<InputProps_2, "isDisabled"> & Pick<InputChildrenProps_2, "left" | "right" | "width">>>> & string;
+
+/****************************************** Children *************************************************/
+export declare const InputPrefixChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<InputProps_2, "isDisabled"> & Pick<InputChildrenProps_2, "left" | "right" | "width">>>> & string;
+
+export declare type InputProps = InputStandardProps | InputPatternProps | InputNumericProps;
+
+/****************************************** Size *************************************************/
+export declare const InputSize: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>;
+
+export declare const InputSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare type InputStandardProps = InputDefaultProps & {
+    variety: 'standard';
+    onChange?: (value: string) => void;
+    type?: HTMLInputTypeAttribute;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+
+export declare interface ISelectItem {
+    [key: string]: unknown;
+    label: string | number | ReactNode;
+    value: string | number;
+}
+
+export declare interface ISelectLanguageOption extends ISelectItem {
+    placeholder: string;
+    search?: string;
+}
+
+export declare interface ISelectMapThemeOption extends ISelectItem {
+    placeholder: string;
+    search?: string;
+}
+
+export declare type IService = Record<IServiceKeys, {
+    value: IServiceKeys;
+    label: string;
+    placeholder: string;
+    search: string;
+}>;
+
+export declare type IServiceKeys = 'jenesei_id';
+
+export declare interface ITheme {
+    states: {
+        focus: string;
+        danger: string;
+    };
+    colors: {
+        range: IThemeGenreRange;
+        date: IThemeGenreDate;
+        button: IThemeGenre;
+        toggle: IThemeGenreToggle;
+        checkbox: IThemeGenre;
+        input: IThemeGenreInput;
+        imageSelect: IThemeGenreImageSelect;
+        select: IThemeGenreSelect;
+        sonner: IThemeGenreSonner;
+    };
+    effects: {
+        input: string;
+        button: string;
+    };
+    font: {
+        family: IThemeFontFamily;
+        weight: IThemeTypographyWeight;
+        sizeDefault: Record<IThemeDevice, number>;
+        sizeHeading: Record<IThemeTypographyHeading, number>;
+        lineHeight: number;
+    };
+    palette: Record<IThemePaletteKeys, string>;
+    screens: IThemeScreen;
+    scrollbar: {
+        width: number;
+        background: string;
+        thumb: string;
+        thumbBorder: string;
+    };
+    transition: {
+        duration: string;
+        timingFunction: string;
+        default: string;
+        icon: string;
+    };
+    getContrastYIQ: (hexcolor: string) => string;
+}
+
+export declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+export declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono';
+
+export declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white'>, IThemeGenreTypeDefault>;
+
+export declare type IThemeGenreDate = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDate>;
+
+export declare type IThemeGenreImageSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeImageSelect>;
+
+export declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
+
+export declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+
+export declare type IThemeGenreRange = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeRange>;
+
+export declare type IThemeGenreSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeSelect>;
+
+export declare type IThemeGenreSonner = Record<Extract<IThemeGenreName, 'black' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent'>, IThemeGenreTypeSonner>;
+
+export declare type IThemeGenreTextArea = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
+
+export declare type IThemeGenreToggle = Record<Extract<IThemeGenreName, 'product'>, IThemeGenreTypeToggle>;
+
+export declare interface IThemeGenreTypeDate {
+    background: {
+        rest: string;
+        hover: string;
+        today: string;
+        weekend: string;
+        choice: string;
+        line: string;
+    };
+    border: {
+        rest: string;
+        hover: string;
+        today: string;
+        weekend: string;
+        choice: string;
+        line: string;
+    };
+    color: {
+        rest: string;
+        hover: string;
+        placeholder: string;
+        today: string;
+        weekend: string;
+        choice: string;
+        line: string;
+    };
+}
+
+export declare interface IThemeGenreTypeDefault {
+    background: {
+        rest: string;
+        hover: string;
+    };
+    border: {
+        rest: string;
+        hover: string;
+    };
+    color: {
+        rest: string;
+        hover: string;
+        placeholder: string;
+    };
+}
+
+export declare interface IThemeGenreTypeImageSelect {
+    background: {
+        rest: string;
+        hover: string;
+    };
+    border: {
+        rest: string;
+        hover: string;
+    };
+    color: {
+        rest: string;
+        hover: string;
+        placeholder: string;
+    };
+}
+
+export declare interface IThemeGenreTypeRange {
+    thumb: {
+        background: {
+            rest: string;
+            hover: string;
+        };
+        border: {
+            rest: string;
+            hover: string;
+        };
+    };
+    track: {
+        background: {
+            rest: string;
+        };
+        gradient: {
+            rest: string;
+        };
+    };
+}
+
+export declare interface IThemeGenreTypeSelect {
+    background: {
+        rest: string;
+        hover: string;
+        select: string;
+    };
+    border: {
+        rest: string;
+        hover: string;
+        select: string;
+    };
+    color: {
+        rest: string;
+        hover: string;
+        select: string;
+        placeholder: string;
+    };
+}
+
+export declare interface IThemeGenreTypeSonner {
+    button: {
+        genre: keyof IThemeGenre;
+    };
+    description: {
+        color: string;
+    };
+    icon: {
+        color: string;
+    };
+    title: {
+        color: string;
+    };
+    wrapper: {
+        background: string;
+        borderColor: string;
+        boxShadow: string;
+        boxShadowHover: string;
+    };
+}
+
+export declare interface IThemeGenreTypeToggle {
+    active: {
+        rest: {
+            track: string;
+            thumb: string;
+            border: string;
+            thumbBoxShadow: string;
+        };
+        hover: {
+            track: string;
+            thumb: string;
+            border: string;
+            thumbBoxShadow: string;
+        };
+    };
+    unActive: {
+        rest: {
+            track: string;
+            thumb: string;
+            border: string;
+            thumbBoxShadow: string;
+        };
+        hover: {
+            track: string;
+            thumb: string;
+            border: string;
+            thumbBoxShadow: string;
+        };
+    };
+}
+
+export declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'blackHelena' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'amnezia' | 'inherit' | 'currentColor';
+
+export declare type IThemeScreen = Record<IThemeDevice, {
+    width: number;
+}>;
+
+export declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
+
+export declare interface IThemeSizePropertyDefault {
+    font: number;
+    height: number;
+    heightIcon: number;
+    padding: number;
+    radius: number;
+}
+
+export declare interface IThemeSizePropertyToggle {
+    height: number;
+    padding: number;
+    thumb: number;
+    width: number;
+}
+
+export declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'h9';
+
+export declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
+
+export declare const JeneseiGlobalStyles: NamedExoticComponent<ExecutionProps & object>;
+
+export declare const JeneseiPalette: Record<IThemePaletteKeys, string>;
+
+export declare const KEY_SIZE_DATA: Record<IThemeSize, IThemeSizePropertyDefault>;
+
+export declare const KEY_SIZE_DATA_TOGGLE: Record<IThemeSize, IThemeSizePropertyToggle>;
+
+export declare const KeysLanguage: {
+    [key: string]: string;
+};
+
+export declare const KeysService: {
+    [key: string]: string;
+};
+
+export declare const ListLanguage: {
+    value: ILanguageKeys_2;
+    label: string;
+    placeholder: string;
+    search: string;
+}[];
+
+export declare const ListService: {
+    value: IServiceKeys_2;
+    label: string;
+    placeholder: string;
+    search: string;
+}[];
+
+export declare const localeInput: InputItem;
+
+export declare const localeMonths: MonthItem[];
+
+export declare const localeWeeks: WeekItem[];
+
+export declare const LocalStorageContext: Context<LocalStorageContextProps | null>;
+
+export declare interface LocalStorageContextProps {
+    getLocalStorage: <K extends keyof ValidLocalStorageObject>(name: K) => ValidLocalStorageObject[K] | undefined;
+    setLocalStorage: <K extends keyof ValidLocalStorageObject>(name: K, value: ValidLocalStorageObject[K]) => void;
+    removeLocalStorageValue: <K extends keyof ValidLocalStorageObject>(name: K) => void;
+    removeLocalStorageValues: () => void;
+    checkLocalStorage: () => void;
+    localStorageValues: ValidLocalStorageObject | undefined;
+}
+
+export declare const LoremIpsumText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+
+declare const Map_2: <T extends object>(props: MapProps<T>) => JSX.Element | undefined;
+export { Map_2 as Map }
+
+export declare const MapDot: (props: MapDotProps) => JSX.Element | undefined;
+
+export declare interface MapDotProps {
+    center?: [number, number];
+    onSelect: (coords: [number, number]) => void;
+    coords?: [number, number] | null;
+    theme: MapTheme;
+    zoom?: number;
+    maxBounds?: [[number, number], [number, number]];
+    maxBoundsViscosity?: number;
+    maxZoom?: number;
+    minZoom?: number;
+}
+
+export declare interface MapProps<T extends object> {
+    center?: [number, number];
+    zoom?: number;
+    theme: MapTheme;
+    markers: MarkerProps<T>[];
+    getCustomClusterLabel?: (markers: T[]) => string;
+    maxBounds?: [[number, number], [number, number]];
+    maxBoundsViscosity?: number;
+    maxZoom?: number;
+    minZoom?: number;
+    style?: {
+        popupWrapper?: Styles<object>;
+        popupContent?: Styles<object>;
+    };
+}
+
+export declare interface MapTheme {
+    name: string;
+    url: string;
+    attribution: string;
+}
+
+export declare const MapThemeList: MapTheme[];
+
+export declare const MapWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+style?: MapProps<object>["style"];
+}>> & string;
+
+export declare const MarkerCluster: <T extends object>(props: MarkerClusterProps<T>) => JSX.Element;
+
+export declare type MarkerClusterProps<T extends object> = {
+    markers: MarkerProps<T>[];
+} & Pick<MapProps<T>, 'getCustomClusterLabel'>;
+
+export declare interface MarkerProps<T extends object> {
+    position: {
+        lat: number;
+        lng: number;
+    };
+    options?: T;
+    id: string;
+    popupProps?: PopupProps;
+    popupContent: ReactNode;
+}
+
+export declare type MonthItem = {
+    localeLong: string;
+    localeShort: string;
+    value: 'january' | 'february' | 'march' | 'april' | 'may' | 'june' | 'july' | 'august' | 'september' | 'october' | 'november' | 'december';
+};
+
+export declare const ObjectLanguage: ILanguage;
+
+export declare const ObjectService: IService;
+
+export declare const Outside: FC<OutsideProps>;
+
+declare type OutsideProps = PropsWithChildren & addSXProps & {
+    onOutsideClick: (event: MouseEvent) => void;
+};
+
+export declare const Pagination: FC<PaginationProps>;
+
+export declare type PaginationProps = {
+    buttonControl: Pick<ButtonProps, 'size' | 'genre' | 'isRadius' | 'isWidthAsHeight' | 'isPlaystationEffect'>;
+    buttonCount: {
+        active: Pick<ButtonProps, 'size' | 'genre' | 'isRadius' | 'isPlaystationEffect'>;
+        inactive: Pick<ButtonProps, 'size' | 'genre' | 'isRadius' | 'isPlaystationEffect'>;
+    };
+    gap?: number;
+    index: number;
+    lengthData?: Record<number, Pick<ButtonProps, 'genre' | 'icons'>>;
+    length: number;
+    isInfinity?: boolean;
+    viewQuantity: number;
+    changeIndex: (index: number) => void;
+    locale: {
+        prev: string;
+        next: string;
+    };
+} & addSXProps;
+
+export declare const PermissionContext: Context<PermissionContextProps | null>;
+
+export declare interface PermissionContextProps {
+    pushNotificationSupported: boolean;
+    isBiometricSupported: boolean;
+    notificationPermission: NotificationPermission | null;
+    isNotificationPermissionLoading: boolean;
+    requestNotificationPermission: () => Promise<NotificationPermission | undefined>;
+    geolocationPermission: PermissionState | null;
+    requestGeolocationPermission: () => void;
+}
+
+declare type PopoverProps = PropsWithChildren & {
+    className?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    isOpen: boolean;
+    floatingStyles: CSSProperties;
+    onClose?: () => void;
+    ref?: Ref<HTMLElement | null>;
+    size?: IThemeSize;
+    genre?: TButtonGenre;
+} & addSXProps & addSXTypographyProps;
+
+export declare const Preview: FC<PreviewProps>;
+
+export declare type PreviewAdditionalProps = PreviewIsShowProps | PreviewTimeProps;
+
+declare type PreviewDefaultProps = {
+    defaultVisible?: boolean;
+    content?: ReactNode;
+} & {
+    sxLoader?: addSXProps['sx'];
+    sxChildren?: addSXProps['sx'];
+};
+
+declare interface PreviewIsShowProps extends PreviewDefaultProps {
+    visible: boolean;
+    minTime?: number;
+}
+
+export declare type PreviewProps = PropsWithChildren & PreviewAdditionalProps;
+
+declare interface PreviewTimeProps extends PreviewDefaultProps {
+    time: number;
+}
+
+/**
+ * ProviderApp component is a context context that manages various application-level states
+ * such as background color, status bar color, background image, title, and description.
+ * It uses several custom hooks to handle these states and provides them via the AppContext.
+ *
+ * @component
+ *
+ * @param {ProviderAppProps} props - The properties passed to the ProviderApp component.
+ * @param {string} props.defaultBgColor - The default background color.
+ * @param {string} props.defaultStatusBarColor - The default status bar color.
+ * @param {string} [props.defaultBgImage] - The default background image.
+ * @param {string} [props.defaultTitle] - The default title.
+ * @param {string} [props.defaultDescription] - The default description.
+ * @param {boolean} [props.isScrollOutlet] - Determines if the outlet should be scrollable.
+ * @param {object} [props.footer] - The footer component and its properties.
+ * @param {object} [props.notification] - The notification component and its properties.
+ * @param {object} [props.header] - The header component and its properties.
+ * @param {object} [props.nav] - The navigation component and its properties.
+ * @param {object} [props.leftAside] - The left aside component and its properties.
+ * @param {object} [props.rightAside] - The right aside component and its properties.
+ * @param {React.ReactNode} props.children - The children components to be rendered inside the ProviderApp.
+ *
+ * @returns {JSX.Element} The rendered ProviderApp component.
+ */
+export declare const ProviderApp: FC<ProviderAppProps>;
+
+export declare type ProviderAppElementProps = Partial<AddDollarSign<Pick<ProviderAppProps, 'notification' | 'header' | 'nav' | 'footer' | 'leftAside' | 'rightAside'>>>;
+
+export declare const ProviderAppOutlet: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Partial<AddDollarSign_2<Pick<ProviderAppProps_2, "footer" | "header" | "nav" | "isScrollOutlet" | "notification" | "leftAside" | "rightAside">>>>> & string;
+
+export declare const ProviderAppOutletChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, AddDollarSign_2<Pick<ProviderAppProps_2, "main">>>> & string;
+
+export declare type ProviderAppOutletChildrenProps = AddDollarSign<Pick<ProviderAppProps, 'main'>>;
+
+export declare const ProviderAppOutletFooter: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, Partial<AddDollarSign_2<Pick<ProviderAppProps_2, "footer" | "header" | "nav" | "isScrollOutlet" | "notification" | "leftAside" | "rightAside">>>>> & string;
+
+export declare const ProviderAppOutletHeader: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, Partial<AddDollarSign_2<Pick<ProviderAppProps_2, "footer" | "header" | "nav" | "isScrollOutlet" | "notification" | "leftAside" | "rightAside">>>>> & string;
+
+export declare const ProviderAppOutletLeftAside: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, Partial<AddDollarSign_2<Pick<ProviderAppProps_2, "footer" | "header" | "nav" | "isScrollOutlet" | "notification" | "leftAside" | "rightAside">>>>> & string;
+
+export declare const ProviderAppOutletNav: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, Partial<AddDollarSign_2<Pick<ProviderAppProps_2, "footer" | "header" | "nav" | "isScrollOutlet" | "notification" | "leftAside" | "rightAside">>>>> & string;
+
+export declare const ProviderAppOutletNotification: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, Partial<AddDollarSign_2<Pick<ProviderAppProps_2, "footer" | "header" | "nav" | "isScrollOutlet" | "notification" | "leftAside" | "rightAside">>>>> & string;
+
+export declare type ProviderAppOutletProps = Partial<AddDollarSign<Pick<ProviderAppProps, 'isScrollOutlet' | 'notification' | 'header' | 'nav' | 'footer' | 'leftAside' | 'rightAside'>>>;
+
+export declare const ProviderAppOutletRightAside: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, Partial<AddDollarSign_2<Pick<ProviderAppProps_2, "footer" | "header" | "nav" | "isScrollOutlet" | "notification" | "leftAside" | "rightAside">>>>> & string;
+
+export declare interface ProviderAppProps extends PropsWithChildren {
+    defaultPreview?: PreviewAdditionalProps;
+    defaultBgColor: IThemePaletteKeys;
+    defaultStatusBarColor: IThemePaletteKeys;
+    defaultBgImage?: string;
+    defaultTitle: string;
+    defaultDescription: string;
+    isScrollOutlet?: boolean;
+    notification?: {
+        component: ReactElement;
+        length?: ScreenWidthProps<string | null>;
+        zIndex?: number;
+    };
+    header?: {
+        component: ReactElement;
+        length?: ScreenWidthProps<string | null>;
+        zIndex?: number;
+    };
+    nav?: {
+        component: ReactElement;
+        length?: ScreenWidthProps<string | null>;
+        zIndex?: number;
+    };
+    footer?: {
+        component: ReactElement;
+        length?: ScreenWidthProps<string | null>;
+        zIndex?: number;
+    };
+    leftAside?: {
+        component: ReactElement;
+        length?: ScreenWidthProps<string | null>;
+        isTopHeader?: boolean;
+        isTopFooter?: boolean;
+        isTopNav?: boolean;
+        zIndex?: number;
+    };
+    rightAside?: {
+        component: ReactElement;
+        length?: ScreenWidthProps<string | null>;
+        isTopHeader?: boolean;
+        isTopFooter?: boolean;
+        isTopNav?: boolean;
+        zIndex?: number;
+    };
+    main?: {
+        zIndex?: number;
+    };
+}
+
+export declare const ProviderAppWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ProviderAppWrapperProps>> & string;
+
+export declare interface ProviderAppWrapperProps {
+    $bgColor: ProviderAppProps['defaultBgColor'];
+    $bgImage: ProviderAppProps['defaultBgImage'] | null;
+}
+
+/**
+ * Provider component for managing cookies.
+ *
+ * @remarks
+ * You should understand which cookies you are changing and whether you have access to them.
+ *
+ * @remarks
+ * The local storage is typed using the `jenesei-kit-react.d.ts` file:
+ *
+ * ```typescript
+ * import '@jenesei-software/jenesei-kit-react'
+ *
+ * declare module '@jenesei-software/jenesei-kit-react' {
+ *   export interface ValidCookieObject {
+ *    access_token: string
+ *    refresh_token: string
+ *   }
+ * }
+ * ```
+ */
+export declare const ProviderCookie: FC<ProviderCookieProps>;
+
+export declare interface ProviderCookieProps extends PropsWithChildren {
+    validate?: {
+        validateKeys: (keyof ValidCookieObject)[];
+        getValidateCookieValue: <K extends keyof ValidCookieObject>(key: K, value: ValidCookieObject[K]) => value is ValidCookieObject[K];
+    };
+}
+
+export declare const ProviderDialog: FC<ProviderDialogProps>;
+
+export declare type ProviderDialogProps = PropsWithChildren & {
+    zIndex: number;
+};
+
+export declare const ProviderGeolocation: FC<ProviderGeolocationProps>;
+
+export declare type ProviderGeolocationProps = PropsWithChildren & {
+    isAskEntrance?: boolean;
+};
+
+/**
+ * Provider component for managing local storage.
+ *
+ * @remarks
+ * The local storage is typed using the `jenesei-kit-react.d.ts` file:
+ *
+ * ```typescript
+ * import '@jenesei-software/jenesei-kit-react'
+ *
+ * declare module '@jenesei-software/jenesei-kit-react' {
+ *   export interface ValidLocalStorageObject {
+ *     access_token: string
+ *     refresh_token: string
+ *   }
+ * }
+ * ```
+ */
+export declare const ProviderLocalStorage: FC<ProviderLocalStorageProps>;
+
+export declare interface ProviderLocalStorageProps extends PropsWithChildren {
+    validate?: {
+        validateKeys: (keyof ValidLocalStorageObject)[];
+        getValidateLocalStorageValue: <K extends keyof ValidLocalStorageObject>(key: K, value: ValidLocalStorageObject[K]) => value is ValidLocalStorageObject[K];
+    };
+}
+
+export declare const ProviderPermission: (props: ProviderPermissionProps) => JSX.Element;
+
+export declare type ProviderPermissionProps = PropsWithChildren;
+
+export declare const ProviderScreenWidth: FC<ProviderScreenWidthProps>;
+
+export declare type ProviderScreenWidthProps = PropsWithChildren;
+
+export declare const ProviderSonner: FC<ProviderSonnerProps>;
+
+export declare type ProviderSonnerProps = PropsWithChildren & {
+    gap: number;
+    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'bottom-center' | 'top-center';
+    visibleToasts?: number;
+    zIndex?: number;
+    default: Omit<SonnerContentStandardProps, 'index'>;
+};
+
+declare const Range_2: (props: RangeProps) => JSX.Element;
+export { Range_2 as Range }
+
+export declare type RangeComponentProps = AddDollarSign<Pick<RangeProps, 'size' | 'genre'>>;
+
+export declare type RangeProps = {
+    values: number[];
+    onChange: (values: number[]) => void;
+    step: number;
+    min: number;
+    max: number;
+    isShowMarker?: boolean;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+} & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error'>;
+
+export declare const RangeThumb: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, RangeThumbProps>> & string;
+
+export declare type RangeThumbProps = RangeComponentProps & AddDollarSign<{
+    colorBorder: string;
+    colorBackground: string;
+}>;
+
+export declare const RangeTrack: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<RangeProps_2, "size" | "genre">>>> & string;
+
+export declare const RangeWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<RangeProps_2, "size" | "sx" | "error">>>> & string;
+
+export declare type RangeWrapperProps = AddDollarSign<Pick<RangeProps, 'size' | 'sx' | 'error'>>;
+
+export declare const Ripple: FC<RippleProps>;
+
+export declare interface RippleArrayElement {
+    x: number;
+    y: number;
+    size: number;
+}
+
+export declare const RippleContainer: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<RippleProps_2>>> & string;
+
+export declare type RippleContainerProps = AddDollarSign<RippleProps>;
+
+export declare interface RippleProps {
+    duration?: number;
+    color?: string;
+    isDisabled?: boolean;
+    isHidden?: boolean;
+}
+
+export declare const RippleSpan: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AddDollarSign_2<RippleProps_2>>> & string;
+
+export declare type Screens = keyof IThemeScreen;
+
+export declare const ScreenWidthContext: Context<ScreenWidthContextProps | null>;
+
+export declare interface ScreenWidthContextProps {
+    screenWidth: Screens;
+    screens: {
+        value: Screens;
+        isScreen: boolean;
+    }[];
+    screenActual: Screens;
+}
+
+export declare type ScreenWidthProps<T> = {
+    [K in IThemeDevice]?: T;
+};
+
+export declare const Scroll: FC<ScrollProps>;
+
+export declare type ScrollProps = StackProps & DefaultScrollProps;
+
+export declare const Select: <T extends object & ISelectItem>(props: SelectProps<T>) => JSX.Element;
+
+export declare type SelectDateProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    startDate?: number;
+    endDate?: number;
+    value: number;
+    isShortLabel?: boolean;
+    onChange: (timestamp: number) => void;
+    monthsLocale: MonthItem[];
+};
+
+export declare const SelectInputIcon: IStyledComponentBase<"web", Substitute<    {
+type: keyof IconTypeMap_2;
+name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+className?: string;
+onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+size: IThemeSize_3 | "100%";
+primaryColor?: IThemePaletteKeys_3;
+secondColor?: IThemePaletteKeys_3;
+turn?: number;
+order?: number;
+tabIndex?: number;
+} & addSXProps_3, AddDollarSign_2<    {
+checked?: boolean;
+genre: TInputSelect_2;
+size: IThemeSize_3;
+}>>> & string & Omit<(<T extends keyof IconTypeMap_2>(props: IconItemProps_2<T>) => JSX.Element | null), keyof Component<any, {}, any>>;
+
+export declare const SelectLanguage: FC<SelectLanguageProps>;
+
+export declare type SelectLanguageProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    value: string;
+    onChange: (language: string) => void;
+};
+
+export declare const SelectMapTheme: FC<SelectMapThemeProps>;
+
+export declare type SelectMapThemeProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    value: MapTheme;
+    onChange: (theme: MapTheme | null) => void;
+};
+
+export declare const SelectMonth: FC<SelectDateProps>;
+
+export declare type SelectProps<T extends ISelectItem> = addErrorProps & addSXProps & {
+    name?: string;
+    id?: string;
+    size: IThemeSize;
+    genre: TInputSelect;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isShowDropdownOptionIcon?: boolean;
+    isShowSelectInputIcon?: boolean;
+    isOnClickOptionClose?: boolean;
+    isEmptyOption?: boolean;
+    labelEmptyOption?: string;
+    inputProps?: Omit<InputStandardProps, 'isDisabled' | 'error' | 'name' | 'id' | 'genre' | 'size' | 'placeholder' | 'width'>;
+    optionProps?: Omit<InputStandardProps, 'isDisabled' | 'name' | 'id' | 'genre' | 'size' | 'placeholder' | 'width'>;
+    isMulti?: boolean;
+    option: T[];
+    value: T[];
+    onChange: (option: T[]) => void;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    maxView?: number;
+    minView?: number;
+    fetchNextPage?: () => void;
+    getEstimateSize?: (index: number) => number;
+    isFetching?: boolean;
+    footer?: {
+        erase?: {
+            label: string;
+            onCLick?: () => void;
+        };
+        selectAll?: {
+            defaultValue?: boolean;
+            isPagination?: boolean;
+            label: string;
+            onCLick?: () => void;
+        };
+    };
+};
+
+export declare type SelectStyledFooterProps = StyledInputProps & AddDollarSign<{
+    isErase?: boolean;
+    isSelectAll?: boolean;
+}>;
+
+export declare const SelectStyledInput: IStyledComponentBase<"web", Substitute<FastOmit<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, "$sx" | "$isDisabled" | "$size" | "$genre" | "$error" | "$isInputEffect" | "$isLoading" | "$postfixChildren" | "$prefixChildren" | "$isBold" | "$isNiceNumber" | "$isNotShowHoverStyle" | "$isCenter"> & AddDollarSign_2<Pick<InputProps_3, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>, AddDollarSign_2<Pick<InputProps_3, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string;
+
+export declare type SelectStyledInputProps = StyledInputProps;
+
+export declare type SelectStyledListProps = AddDollarSign<Pick<InputStandardProps, 'genre' | 'size'> & {
+    isShowScroll?: boolean;
+    isFooter?: boolean;
+}>;
+
+export declare type SelectStyledOptionProps = AddDollarSign<{
+    isSelectedItem?: boolean;
+    checked?: boolean;
+}> & StyledInputProps;
+
+export declare const SelectWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, SelectWrapperProps>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type SelectWrapperProps = AddDollarSign<Pick<InputStandardProps, 'genre'> & {
+    parentListHeight: number;
+    radius: number;
+}> & StyledInputWrapperProps;
+
+export declare const SelectYear: FC<SelectYearProps>;
+
+export declare type SelectYearProps = Omit<SelectDateProps, 'monthsLocale'> & {
+    startDate?: number;
+    endDate?: number;
+    sortOrder?: 'asc' | 'desc';
+};
+
+export declare const Separator: FC<SeparatorProps>;
+
+export declare interface SeparatorProps {
+    sx?: addSXProps['sx'];
+    radius?: string;
+    type?: 'horizontal' | 'vertical';
+    color?: IThemePaletteKeys;
+}
+
+export declare const SeparatorWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<SeparatorProps_2, "color" | "sx" | "type" | "radius">>>> & string;
+
+export declare type SeparatorWrapperProps = AddDollarSign<Pick<SeparatorProps, 'sx' | 'radius' | 'color' | 'type'>>;
+
+export declare function setToCookie<T>(key: string, value: T, options?: CookieAttributes): void;
+
+export declare function setToLocalStorage<T>(key: string, value: T): void;
+
+export declare const Skeleton: FC<SkeletonProps>;
+
+declare type SkeletonDefaultProps = {
+    defaultVisible?: boolean;
+    type?: 'primary' | 'secondary';
+};
+
+declare interface SkeletonIsShowProps extends SkeletonDefaultProps {
+    visible: boolean;
+}
+
+export declare type SkeletonProps = StackProps & (SkeletonIsShowProps | SkeletonTimeProps);
+
+declare interface SkeletonTimeProps extends SkeletonDefaultProps {
+    time: number;
+}
+
+export declare const SliderDot: IStyledComponentBase<"web", FastOmit<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, never>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare const SliderImage: IStyledComponentBase<"web", FastOmit<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, never>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type SliderImageProps = {
+    id: number;
+    imageSrc: string;
+    children?: ReactNode_2;
+};
+
+export declare const Smooth: FC<StackProps>;
+
+export declare const SonnerButtonWrapper: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+export declare const SonnerContent: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+declare type SonnerContentContentProps = SonnerContentDefaultProps & {
+    content: ReactNode | false;
+};
+
+declare type SonnerContentDefaultProps = {
+    hidingMode?: 'clickOnSonner' | 'clickOnButton';
+    hidingTime?: number;
+    icon?: TIconIdNameString;
+    id?: string;
+    genre?: keyof ITheme['colors']['sonner'];
+    isLoading?: boolean;
+    button?: {
+        content?: string | ReactNode;
+        onClick?: () => void;
+    } | false;
+    index: number;
+};
+
+export declare const SonnerContentDescription: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "genre">>>>> & string;
+
+export declare type SonnerContentDescriptionProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre'>>>;
+
+export declare type SonnerContentProps = SonnerContentContentProps | SonnerContentStandardProps;
+
+export declare type SonnerContentStandardProps = SonnerContentDefaultProps & {
+    description?: string | ReactNode;
+    title?: string | ReactNode;
+};
+
+export declare const SonnerContentTitle: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "genre">>>>> & string;
+
+export declare type SonnerContentTitleProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre'>>>;
+
+export declare const SonnerContext: Context<SonnerContextProps | null>;
+
+export declare type SonnerContextProps = {
+    toast: (content: Omit<SonnerContentStandardProps, 'index'>) => void;
+    promise: <T>(promise: Promise<T>, expectation: Omit<SonnerContentStandardProps, 'index'>, toast: (success: T | undefined, error: any | undefined) => Omit<SonnerContentProps, 'index'>) => void;
+    remove: (id: SonnerContentDefaultProps['id']) => void;
+    contentHistory: SonnerContentProps[];
+};
+
+declare type SonnerElementDefaultProps = {
+    id: SonnerContentDefaultProps['id'];
+    title: SonnerContentStandardProps['title'];
+    description: SonnerContentStandardProps['description'];
+    content: SonnerContentContentProps['content'];
+    icon?: SonnerContentDefaultProps['icon'];
+    isLoading: SonnerContentDefaultProps['isLoading'];
+    hidingMode: SonnerContentDefaultProps['hidingMode'];
+    button: SonnerContentDefaultProps['button'];
+    index: number;
+    handleOnClick: (id: SonnerContentDefaultProps['id'], hidingMode?: SonnerContentDefaultProps['hidingMode']) => void;
+    isMoreThanLastViewIndexPlusOne: boolean;
+    isMoreThanLastViewIndex: boolean;
+    isHovered: boolean;
+    isLastViewIndex: boolean;
+    buttonGenre: keyof IThemeGenre;
+    isTop: boolean;
+} & Required<Pick<SonnerContentDefaultProps, 'genre'>>;
+
+export declare type SonnerElementProps = SonnerElementDefaultProps;
+
+export declare const SonnerElementWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "genre">>>>> & string;
+
+export declare type SonnerElementWrapperProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre'>>>;
+
+export declare const SonnerIcon: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+export declare const SonnerLayout: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<ProviderSonnerProps_2, "position" | "zIndex" | "gap">>>>> & string;
+
+export declare type SonnerLayoutProps = Required<AddDollarSign<Pick<ProviderSonnerProps, 'position' | 'gap' | 'zIndex'>>>;
+
+export declare const Stack: FC<StackProps>;
+
+export declare const StackMotion: FC<StackMotionProps>;
+
+export declare type StackMotionProps = StackProps & LayoutProps & AnimationProps & DraggableProps & {
+    style?: CSSProperties;
+    className?: string;
+    isHover?: boolean;
+    isRipple?: boolean;
+    onClick?: () => void;
+    ref?: Ref<HTMLDivElement | null>;
+};
+
+export declare interface StackProps extends addSXProps, PropsWithChildren {
+    className?: string;
+    isHover?: boolean;
+    isRipple?: boolean;
+    onClick?: () => void;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
+    onDragOver?: DragEventHandler<HTMLDivElement>;
+    ref?: Ref<HTMLDivElement | null>;
+}
+
+/****************************************** Styled *************************************************/
+export declare const StyledButton: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"button">, "ref"> & RefAttributes<HTMLButtonElement>, StyledDollarButtonProps>> & string & Omit<ForwardRefComponent<HTMLButtonElement, HTMLMotionProps<"button">>, keyof Component<any, {}, any>>;
+
+export declare type StyledButtonGroupProps = AddDollarSign<Pick<ButtonGroupProps, 'position'>> & addSXStyleProps;
+
+/****************************************** Icons Wrapper *************************************************/
+export declare const StyledButtonIconsWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<ButtonProps_2, "size" | "isIconGroup"> & Pick<ButtonPropsIconGroup_2, "iconGroupOrder">>>> & string;
+
+export declare type StyledCheckboxProps = AddDollarSign<Pick<CheckboxProps, 'checked' | 'genre' | 'view' | 'isWidthAsHeight' | 'size' | 'isDisabled' | 'isNotBackground' | 'isHiddenBorder'>> & addSXStyleProps & addErrorStylesProps & addSXTypographyStyleProps;
+
+export declare type StyledDollarButtonIconsWrapperProps = AddDollarSign<Pick<ButtonProps, 'isIconGroup' | 'size'> & Pick<ButtonPropsIconGroup, 'iconGroupOrder'>>;
+
+export declare type StyledDollarButtonProps = AddDollarSign<Pick<ButtonProps, 'genre' | 'isDisabled' | 'isHidden' | 'isWidthAsHeight' | 'isMinWidthAsContent' | 'isRadius' | 'isHiddenBorder' | 'isPlaystationEffect' | 'size' | 'isFullSize'>> & addSXStyleProps & addSXTypographyStyleProps;
+
+/****************************************** Styled *************************************************/
+export declare const StyledIcon: IStyledComponentBase<"web", Substitute<    {
+type: keyof IconTypeMap_2;
+name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+className?: string;
+onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+size: IThemeSize_3 | "100%";
+primaryColor?: IThemePaletteKeys_3;
+secondColor?: IThemePaletteKeys_3;
+turn?: number;
+order?: number;
+tabIndex?: number;
+} & addSXProps_3, AddDollarSign_2<Pick<CheckboxProps_2, "genre" | "checked">>>> & string & Omit<(<T extends keyof IconTypeMap_2>(props: IconItemProps_2<T>) => JSX.Element | null), keyof Component<any, {}, any>>;
+
+export declare type StyledIconIdItemProps = AddDollarSign<Pick<IconItemProps<'id'>, 'size' | 'turn' | 'order'> & {
+    color?: IThemePaletteKeys;
+}> & addSXStyleProps;
+
+export declare type StyledIconProps = AddDollarSign<Pick<CheckboxProps, 'genre' | 'checked'>>;
+
+export declare const StyledInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string;
+
+export declare type StyledInputChildrenProps = AddDollarSign<Pick<InputProps, 'isDisabled'> & Pick<InputChildrenProps, 'left' | 'right' | 'width'>>;
+
+/****************************************** Default *************************************************/
+export declare const StyledInputCSS: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>;
+
+export declare const StyledInputNumeric: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
+thousandSeparator?: boolean | string;
+decimalSeparator?: string;
+allowedDecimalSeparators?: Array<string>;
+thousandsGroupStyle?: "thousand" | "lakh" | "wan" | "none";
+decimalScale?: number;
+fixedDecimalScale?: boolean;
+allowNegative?: boolean;
+allowLeadingZeros?: boolean;
+suffix?: string;
+prefix?: string;
+} & Omit<InputAttributes, never> & Omit<unknown, "value" | "ref" | "defaultValue" | "prefix" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "thousandSeparator" | "decimalSeparator" | "allowedDecimalSeparators" | "thousandsGroupStyle" | "decimalScale" | "fixedDecimalScale" | "allowNegative" | "allowLeadingZeros" | "suffix"> & {
+customInput?: ComponentType<unknown> | undefined;
+}, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string & Omit<typeof NumericFormat, keyof Component<any, {}, any>>;
+
+export declare const StyledInputPattern: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
+format: string;
+mask?: string | string[];
+allowEmptyFormatting?: boolean;
+patternChar?: string;
+} & Omit<InputAttributes, never> & Omit<unknown, "value" | "mask" | "ref" | "defaultValue" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "format" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "allowEmptyFormatting" | "patternChar"> & {
+customInput?: ComponentType<unknown> | undefined;
+}, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string & Omit<typeof PatternFormat, keyof Component<any, {}, any>>;
+
+export declare type StyledInputProps = AddDollarSign<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter'>>;
+
+/****************************************** Wrapper *************************************************/
+export declare const StyledInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "isWidthAsHeight" | "isInputEffect">>>> & string;
+
+export declare type StyledInputWrapperProps = AddDollarSign<Pick<InputProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'isWidthAsHeight'>>;
+
+export declare const StyledMotionInput: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string & Omit<ForwardRefComponent<HTMLInputElement, HTMLMotionProps<"input">>, keyof Component<any, {}, any>>;
+
+export declare const StyledScroll: IStyledComponentBase<"web", Substitute<StackProps_2, StyledScrollProps>> & string & Omit<FC<StackProps_2>, keyof Component<any, {}, any>>;
+
+export declare type StyledScrollProps = StackProps & AddDollarSign<DefaultScrollProps>;
+
+export declare const StyledSkeleton: IStyledComponentBase<"web", Substitute<StackProps_2, StyledSkeletonProps>> & string & Omit<FC<StackProps_2>, keyof Component<any, {}, any>>;
+
+export declare type StyledSkeletonProps = StackProps & AddDollarSign<Pick<SkeletonIsShowProps & SkeletonTimeProps, 'visible' | 'type'>>;
+
+export declare const StyledStack: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<StackProps_3>>> & string;
+
+export declare const StyledStackMotion: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<StackProps_3>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type StyledStackProps = AddDollarSign<StackProps>;
+
+export declare const StyledSVG: IStyledComponentBase<"web", Substitute<SVGProps<SVGSVGElement>, StyledIconIdItemProps>> & string;
+
+export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign_2<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isTextAreaEffect" | "isResize">>>> & string;
+
+/****************************************** Default *************************************************/
+export declare const StyledTextAreaCSS: RuleSet<AddDollarSign_2<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isTextAreaEffect" | "isResize">>>;
+
+export declare type StyledTextAreaProps = AddDollarSign<Pick<TextAreaProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isTextAreaEffect' | 'isDisabled' | 'isBold' | 'isResize'>>;
+
+/****************************************** Wrapper *************************************************/
+export declare const StyledTextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<TextAreaProps_2, "sx" | "isDisabled" | "isTextAreaEffect">>>> & string;
+
+export declare type StyledTextAreaWrapperProps = AddDollarSign<Pick<TextAreaProps, 'isDisabled' | 'isTextAreaEffect' | 'sx'>>;
+
+export declare type StyledToggleProps = AddDollarSign<Pick<ToggleProps, 'genre' | 'isDisabled' | 'value' | 'size'>> & addErrorStylesProps;
+
+export declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export declare type TButtonGenre = keyof IThemeGenre;
+
+export declare type TCheckboxGenre = keyof IThemeGenre;
+
+export declare type TDateGenre = keyof IThemeGenreDate;
+
+export declare const TextArea: (props: TextAreaProps) => JSX.Element;
+
+/****************************************** is PlaystationEffect *************************************************/
+export declare const TextAreaIsTextAreaEffect: RuleSet<Pick<AddDollarSign_2<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isTextAreaEffect" | "isResize">>, "$isTextAreaEffect">>;
+
+/****************************************** Placeholder *************************************************/
+export declare const TextAreaPlaceholder: RuleSet<AddDollarSign_2<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isTextAreaEffect" | "isResize">>>;
+
+export declare type TextAreaProps = addErrorProps & addSXProps & {
+    name?: string;
+    id?: string;
+    className?: string;
+    defaultValue?: string;
+    isAllowEmptyFormatting?: boolean;
+    genre: TTextAreaGenre;
+    height?: number;
+    maxRows?: number;
+    size: IThemeSize;
+    isDisabled?: boolean;
+    isResize?: boolean;
+    isAutoHeight?: boolean;
+    isLoading?: boolean;
+    isReadOnly?: boolean;
+    isTextAreaEffect?: boolean;
+    isRequired?: boolean;
+    isNoSpaces?: boolean;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onChange?: (value: string) => void;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+    placeholder?: string;
+    isBold?: boolean;
+    value?: string | null;
+};
+
+/****************************************** Size *************************************************/
+export declare const TextAreaSize: RuleSet<AddDollarSign_2<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isTextAreaEffect" | "isResize">>>;
+
+export declare const TextAreaSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const ThemeBlack: ITheme;
+
+export declare const ThemeLight: ITheme;
+
+export declare type TIconCheckboxNameString = keyof typeof ENUM_ICON_CHECKBOX;
+
+export declare type TIconIdNameString = keyof typeof ENUM_ICON_ID;
+
+export declare type TIconLoadingNameString = keyof typeof ENUM_ICON_LOADING;
+
+export declare type TIconLogoNameString = keyof typeof ENUM_ICON_LOGO;
+
+export declare type TIconRealEbailNameString = keyof typeof ENUM_ICON_REALEBAIL;
+
+export declare type TImageSelectGenre = keyof IThemeGenreImageSelect;
+
+export declare type TInputGenre = keyof IThemeGenreInput;
+
+export declare type TInputSelect = keyof IThemeGenreSelect;
+
+export declare const Title: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AddDollarSign_2<    {
+sxTypography: TypographySXProps_2;
+sx?: SXProps_2;
+}>>> & string;
+
+export declare const Toggle: (props: ToggleProps) => JSX.Element;
+
+export declare const ToggleCenter: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, StyledToggleProps>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type ToggleProps = {
+    value: boolean;
+    onChange?: (checked: boolean) => void;
+    isDisabled?: boolean;
+    genre: TToggleGenre;
+    size: IThemeSize;
+} & addErrorProps;
+
+/****************************************** Standard *************************************************/
+export declare const ToggleWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, StyledToggleProps>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare const Tooltip: FC<TooltipProps>;
+
+/****************************************** TooltipBox *************************************************/
+export declare const TooltipBox: IStyledComponentBase<"web", FastOmit<    {
+children?: ReactNode | undefined;
+} & {
+className?: string;
+maxWidth?: string;
+maxHeight?: string;
+isOpen: boolean;
+floatingStyles: CSSProperties;
+onClose?: () => void;
+ref?: Ref<HTMLElement | null>;
+size?: IThemeSize_3;
+genre?: TButtonGenre_2;
+} & addSXProps_2 & addSXTypographyProps_2, never>> & string & Omit<FC<PopoverProps>, keyof Component<any, {}, any>>;
+
+export declare const TooltipContainer: IStyledComponentBase<"web", FastOmit<StackProps_4, never>> & string & Omit<FC<StackProps_4>, keyof Component<any, {}, any>>;
+
+export declare const TooltipContent: FC<TooltipProps>;
+
+export declare type TooltipProps = PropsWithChildren & Pick<PopoverProps, 'genre' | 'size' | 'maxHeight' | 'maxWidth'> & {
+    content: ReactNode;
+    isDisabled?: boolean;
+} & addSXProps & addSXTypographyProps & Pick<UsePopoverProps, 'isWidthAsContent' | 'offset' | 'isClickOutside' | 'isFloatingHover' | 'mode' | 'hoverCloseDelay' | 'hoverOffset' | 'placement'>;
+
+export declare function transformEnumToOptions<T extends Record<string, string>>(enumObj: T): EnumOption[];
+
+export declare function transformObjectToArray<T>(obj: GenericObject<T>): Array<T>;
+
+export declare function transformObjectValuesToKeys<T>(obj: GenericObject<T>): GenericObject<string>;
+
+export declare type TTextAreaGenre = keyof IThemeGenreTextArea;
+
+export declare type TToggleGenre = keyof IThemeGenreToggle;
+
+export declare function TypingEffect({ text }: {
+    text: string;
+}): JSX.Element;
+
+export declare const Typography: (props: TypographyProps) => JSX.Element;
+
+export declare type TypographyAllProps = TypographyDataProps | TypographyVariantProps;
+
+export declare type TypographyCSSProps = AddDollarSign<{
+    sxTypography: TypographySXProps;
+    sx?: SXProps;
+}>;
+
+export declare type TypographyDataProps = TypographyDefaultProps & {
+    size?: number;
+};
+
+declare type TypographyDefaultProps = {
+    align?: CSSProperties['textAlign'];
+    color?: IThemePaletteKeys;
+    cursor?: CSSProperties['cursor'];
+    decoration?: CSSProperties['textDecoration'];
+    family?: IThemeFontFamily;
+    flex?: string;
+    height?: number;
+    isHoverUnderlining?: boolean;
+    letterSpacing?: CSSProperties['letterSpacing'];
+    line?: number;
+    overflow?: CSSProperties['overflow'];
+    shadow?: 'shadowPulse';
+    transform?: CSSProperties['textTransform'];
+    weight?: IThemeTypographyWeight;
+    wrap?: CSSProperties['textWrap'];
+};
+
+export declare const TypographyLink: LinkComponent<    {
+(props: TypographyProps & LinkProps): JSX.Element;
+displayName: string;
+}, string>;
+
+export declare type TypographyProps = PropsWithChildren & {
+    onClick?: () => void;
+    className?: string;
+    style?: CSSProperties;
+    href?: string;
+    isParagraph?: boolean;
+    isAnchor?: boolean;
+    isSpan?: boolean;
+    ref?: Ref<HTMLElement | HTMLHeadingElement | HTMLAnchorElement | null>;
+    sx: TypographySXProps;
+    sxStandard?: SXProps;
+};
+
+export declare type TypographySXProps = {
+    default: TypographyAllProps;
+} & {
+    [K in IThemeDevice]?: TypographyAllProps;
+};
+
+export declare const TypographyTooltip: MemoExoticComponent<(props: TypographyTooltipProps) => JSX.Element>;
+
+export declare type TypographyTooltipProps = {
+    typography: TypographyProps;
+    tooltip: Omit<TooltipProps, 'children' | 'content'>;
+} & PropsWithChildren;
+
+declare type TypographyVariantProps = TypographyDefaultProps & {
+    variant: IThemeTypographyHeading;
+};
+
+export declare function UpdateMapSettings(props: UpdateMapSettingsProps): null;
+
+export declare interface UpdateMapSettingsProps {
+    maxBounds?: [[number, number], [number, number]];
+    center?: [number, number];
+    zoom?: number;
+}
+
+export declare const urlBase64ToUint8Array: (base64String: string) => Uint8Array<ArrayBuffer>;
+
+/**
+ * Custom hook to access the AppContext.
+ */
+export declare const useApp: () => AppContextProps_2;
+
+export declare const useBgColor: (defaultColor: IThemePaletteKeys) => {
+    bgColor: IThemePaletteKeys;
+    changeBgColor: (color: IThemePaletteKeys) => void;
+    historyBgColor: (steps: number) => void;
+    setDefaultBgColor: () => void;
+    bgColorIndex: number;
+};
+
+export declare const useBgImage: (defaultImage: string | null) => {
+    bgImage: string | null;
+    changeBgImage: (image: string | null) => void;
+    historyBgImage: (steps: number) => void;
+    setDefaultBgImage: () => void;
+    bgImageIndex: number;
+};
+
+/**
+ * Custom hook to access the CookieContext.
+ *
+ * @remarks
+ * You should understand which cookies you are changing and whether you have access to them.
+ *
+ */
+export declare const useCookie: () => CookieContextProps;
+
+export declare const useDebouncedCallback: (callback: () => void, delay?: number) => () => void;
+
+export declare const useDeepCompareMemoize: <T extends object | undefined | boolean>(value: T) => T;
+
+export declare const useDescription: (defaultDescription: string) => {
+    description: string;
+    changeDescription: (newDescription: string) => void;
+    historyDescription: (steps: number) => void;
+    setDefaultDescription: () => void;
+    descriptionIndex: number;
+};
+
+export declare const useDialog: <T extends object>(props?: useDialogProps<T>) => DialogContextItemProps<T>;
+
+export declare type useDialogProps<T extends object> = DialogContentObjectProps & T;
+
+export declare const useDialogs: () => DialogContextProps<object>;
+
+export declare const useGeolocation: () => GeolocationContextProps;
+
+declare type useImageSliderProps = Pick<ImageSliderProps, 'genre' | 'size'> & Pick<ImageSliderProps, 'images' | 'imageSettings' | 'onIndexChange' | 'children'> & {
+    locales: {
+        failedToLoad: string;
+    };
+};
+
+/**
+ * Custom hook to access the LocalStorageContext.
+ */
+export declare const useLocalStorage: () => LocalStorageContextProps;
+
+/**
+ * Custom hook to access the PermissionContext.
+ */
+export declare const usePermission: () => PermissionContextProps;
+
+declare type UsePopoverProps = {
+    hoverCloseDelay?: number;
+    hoverOffset?: number;
+    isClickOutside?: boolean;
+    isFloatingHover?: boolean;
+    isWidthAsContent?: boolean;
+    mode?: 'click' | 'hover' | 'clickOpen';
+    offset?: number;
+    placement: Placement;
+};
+
+export declare const useRemovePreviewLoader: () => void;
+
+export declare const useScreenWidth: () => ScreenWidthContextProps;
+
+export declare const useSonner: () => SonnerContextProps;
+
+export declare const useStatusBarColor: (defaultColor: IThemePaletteKeys) => {
+    statusBarColor: IThemePaletteKeys;
+    changeStatusBarColor: (color: IThemePaletteKeys) => void;
+    historyStatusBarColor: (steps: number) => void;
+    setDefaultStatusBarColor: () => void;
+    statusBarColorIndex: number;
+};
+
+export declare interface ValidCookieObject {
+}
+
+export declare interface ValidLocalStorageObject {
+}
+
+export declare type WeekItem = {
+    localeLong: string;
+    localeShort: string;
+    value: 'mo' | 'tu' | 'we' | 'th' | 'fr' | 'sa' | 'su';
+};
+
+export declare function WordsPullUp({ text }: {
+    text: string;
+}): JSX.Element;
+
+export { }