@jenesei-software/jenesei-kit-react 1.3.40 → 2.0.1

package/build/context-sonner.d.ts

@@ -1,457 +1,2 @@
-import { Context } from 'react';
-import { CSSObject } from 'styled-components';
-import { CSSProperties } from 'react';
-import { default as default_2 } from 'react';
-import { DefaultTheme } from 'styled-components';
-import { DetailedHTMLProps } from 'react';
-import { FastOmit } from 'styled-components';
-import { FC } from 'react';
-import { HTMLAttributes } from 'react';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { PropsWithChildren } from 'react';
-import { ReactNode } from 'react';
-import { Substitute } from 'styled-components/dist/types';
-
-declare type AddDollarSign<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-declare type AddDollarSign_2<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-declare type addFontProps = {
-    font?: FontSizeStylesProps;
-};
-
-declare type addIconProps = {
-    [T in keyof DefaultTheme['icon']['map']]: Omit<IconItemProps, 'size'> & {
-        type: T;
-        name: DefaultTheme['icon']['map'][T][number];
-        isHidden?: boolean;
-        size?: IconItemProps['size'];
-    };
-}[keyof DefaultTheme['icon']['map']];
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-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;
-
-declare type FontSizeStylesProps = {
-    size?: TypographyDataProps['size'];
-    weight?: TypographyDataProps['weight'];
-    family?: TypographyDataProps['family'];
-    height?: TypographyDataProps['height'];
-};
-
-declare type IconItemProps = {
-    [K in keyof DefaultTheme['icon']['map']]: {
-        type: K;
-        name: DefaultTheme['icon']['map'][K][number];
-        className?: string;
-        onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
-        size: IThemeSize | '100%';
-        color?: IThemePaletteKeys;
-        turn?: number;
-        order?: number;
-        tabIndex?: number;
-    } & addSXProps;
-}[keyof DefaultTheme['icon']['map']];
-
-declare interface ITheme {
-    icon: {
-        map: {
-            id: typeof ThemeMapId;
-            checkbox: typeof ThemeMapCheckbox;
-            loading: typeof ThemeMapLoading;
-            realebail: typeof ThemeMapRealebail;
-            logo: typeof ThemeMapLogo;
-            bustmarket: typeof ThemeMapBustmarket;
-        };
-        getIconId: <T extends keyof ITheme['icon']['map']>(props: {
-            type: T;
-            name: ITheme['icon']['map'][T][number];
-        }) => string;
-        getSpriteUrl: (props: {
-            type: keyof ITheme['icon']['map'];
-        }) => string;
-    };
-    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>;
-    background: 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;
-}
-
-declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
-
-declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray' | 'bustmarket-gray-violet' | 'bustmarket-violet' | 'bustmarket-white-violet'>, IThemeGenreTypeDefault>;
-
-declare type IThemeGenreDate = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDate>;
-
-declare type IThemeGenreImageSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeImageSelect>;
-
-declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, IThemeGenreTypeDefault>;
-
-declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';
-
-declare type IThemeGenreRange = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, IThemeGenreTypeRange>;
-
-declare type IThemeGenreSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeSelect>;
-
-declare type IThemeGenreSonner = Record<Extract<IThemeGenreName, 'black' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent'>, IThemeGenreTypeSonner>;
-
-declare type IThemeGenreToggle = Record<Extract<IThemeGenreName, 'product'>, IThemeGenreTypeToggle>;
-
-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;
-    };
-}
-
-declare interface IThemeGenreTypeDefault {
-    background: {
-        rest: string;
-        hover: string;
-    };
-    border: {
-        rest: string;
-        hover: string;
-    };
-    color: {
-        rest: string;
-        hover: string;
-        placeholder: string;
-    };
-}
-
-declare interface IThemeGenreTypeImageSelect {
-    background: {
-        rest: string;
-        hover: string;
-    };
-    border: {
-        rest: string;
-        hover: string;
-    };
-    color: {
-        rest: string;
-        hover: string;
-        placeholder: string;
-    };
-}
-
-declare interface IThemeGenreTypeRange {
-    thumb: {
-        background: {
-            rest: string;
-            hover: string;
-        };
-        border: {
-            rest: string;
-            hover: string;
-        };
-    };
-    track: {
-        background: {
-            rest: string;
-        };
-        gradient: {
-            rest: string;
-        };
-    };
-}
-
-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;
-    };
-}
-
-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;
-    };
-}
-
-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;
-        };
-    };
-}
-
-declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | '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' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
-
-declare type IThemeScreen = Record<IThemeDevice, {
-    width: number;
-}>;
-
-declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
-
-declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'h9';
-
-declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
-
-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'>;
-};
-
-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?: addIconProps;
-    id?: string;
-    genre?: keyof ITheme['colors']['sonner'];
-    isLoading?: boolean;
-    button?: {
-        content?: string | ReactNode;
-        onClick?: () => void;
-    } | false;
-    index: number;
-} & addFontProps;
-
-export declare const SonnerContentDescription: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps, "font" | "genre">>>>> & string;
-
-export declare type SonnerContentDescriptionProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre' | 'font'>>>;
-
-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, "font" | "genre">>>>> & string;
-
-export declare type SonnerContentTitleProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre' | 'font'>>>;
-
-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, "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, "position" | "zIndex" | "gap">>>>> & string;
-
-export declare type SonnerLayoutProps = Required<AddDollarSign<Pick<ProviderSonnerProps, 'position' | 'gap' | 'zIndex'>>>;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-declare const ThemeMapBustmarket: readonly ["Card", "Delivery", "Heart", "Reviews", "Search", "Menu"];
-
-declare const ThemeMapCheckbox: readonly ["Radio-true", "Radio-false", "Square-true", "Square-false", "Heart-true", "Heart-false", "Arrow"];
-
-declare const ThemeMapId: readonly ["Close", "Biometry", "Qr", "Search", "Folder", "Wallet", "Graph", "Bookmark", "Browser", "Category", "Home", "Notification", "Chat", "Heart", "Paper", "Plus", "Minus", "PaperPlus", "PaperNegative", "PaperFail", "PaperDownload", "PaperUpload", "Send", "Password", "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", "CloseMini", "TickMini", "Video", "Discovery", "Location", "Document", "Setting", "Time", "VolumeUp", "VolumeDown", "VolumeOff", "Star", "Select", "Ticket", "Camera", "Profile", "AddUser", "TwoUser", "ThreeUser", "Login", "Logout", "Download", "Upload", "Voice1", "Voice2", "Delete", "Edit", "PlayMini", "ShieldDone", "ShieldFail", "Show", "Hide", "Filter1", "Filter2", "Image", "Call", "Calling", "CallMissed", "CallSilent", "Lock", "Unlock", "Resources", "Language"];
-
-declare const ThemeMapLoading: readonly ["Line", "Circle", "Blocks", "Balls"];
-
-declare const ThemeMapLogo: readonly ["Jenesei", "BustMarket"];
-
-declare const ThemeMapRealebail: readonly ["MapCluster", "HomeLikes", "HomeManagement", "UserSettings", "User"];
-
-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 | string;
-    isHoverUnderlining?: boolean;
-    letterSpacing?: CSSProperties['letterSpacing'];
-    line?: number;
-    overflow?: CSSProperties['overflow'];
-    shadow?: 'shadowPulse';
-    transform?: CSSProperties['textTransform'];
-    weight?: IThemeTypographyWeight;
-    wrap?: CSSProperties['textWrap'];
-    isNoUserSelect?: boolean;
-};
-
-export declare const useSonner: () => SonnerContextProps;
-
-export { }
+export * from './contexts/context-sonner/index'
+export {}

package/build/context-sonner.es.js

@@ -1,22 +1,5 @@
-import { bh, be, bf, bg, bc, bd, bb, b3, ba, b6, b9, b8, b2, b5, b7, b4 } from "./context.constants-BWLe7YHv.js";
-import { u } from "./context.hooks-HEeFGka7.js";
+import { n as o, t as e } from "./context-sonner-qDPLFpD5.js";
 export {
-  bh as DEFAULT_PROVIDER_SONNER_BUTTON,
-  be as DEFAULT_PROVIDER_SONNER_DURATION,
-  bf as DEFAULT_PROVIDER_SONNER_GENRE,
-  bg as DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,
-  bc as DEFAULT_PROVIDER_SONNER_SCALE,
-  bd as DEFAULT_PROVIDER_SONNER_Y,
-  bb as DEFAULT_PROVIDER_SONNER_Z_INDEX,
-  b3 as ProviderSonner,
-  ba as SonnerButtonWrapper,
-  b6 as SonnerContent,
-  b9 as SonnerContentDescription,
-  b8 as SonnerContentTitle,
-  b2 as SonnerContext,
-  b5 as SonnerElementWrapper,
-  b7 as SonnerIcon,
-  b4 as SonnerLayout,
-  u as useSonner
+  o as ProviderSonner,
+  e as useSonner
 };
-//# sourceMappingURL=context-sonner.es.js.map

package/build/contexts/context-app/context.d.ts

@@ -0,0 +1,33 @@
+import { IThemePalette } from '../../styles/utils';
+import { FC } from 'react';
+import { IAppContext, IAppProvider } from './context.types';
+export declare const AppContext: import('use-context-selector').Context<IAppContext | null>;
+export declare const ProviderApp: FC<IAppProvider>;
+export declare const useBgColor: (defaultColor: IThemePalette) => {
+    bgColor: "inherit" | "current" | "transparent" | "accentRedLight" | "accentOrangeLight" | "accentYellowLight" | "accentGreenLight" | "accentMintLight" | "accentTealLight" | "accentCyanLight" | "accentBlueLight" | "accentIndigoLight" | "accentPurpleLight" | "accentPinkLight" | "accentBrownLight" | "accentGrayLight" | "fillLight" | "fillPrimaryLight" | "fillSecondaryLight" | "fillTertiaryLight" | "fillQuaternaryLight" | "fillQuinaryLight" | "textPrimaryLight" | "textSecondaryLight" | "textTertiaryLight" | "controlMenuLight" | "controlTooltipLight" | "controlTransparent" | "shadowGlassLight" | "shadowPrimaryLight" | "shadowSecondaryLight" | "shadowTertiaryLight" | "shadowQuaternaryLight" | "shadowWindowInnerShadowLight" | "productPrimaryLight" | "productSecondaryLight" | "productTertiaryLight" | "productQuaternaryLight" | "productQuinaryLight" | "accentRedDark" | "accentOrangeDark" | "accentYellowDark" | "accentGreenDark" | "accentMintDark" | "accentTealDark" | "accentCyanDark" | "accentBlueDark" | "accentIndigoDark" | "accentPurpleDark" | "accentPinkDark" | "accentBrownDark" | "accentGrayDark" | "fillDark" | "fillPrimaryDark" | "fillSecondaryDark" | "fillTertiaryDark" | "fillQuaternaryDark" | "fillQuinaryDark" | "textPrimaryDark" | "textSecondaryDark" | "textTertiaryDark" | "controlMenuDark" | "controlTooltipDark" | "productPrimaryDark" | "productSecondaryDark" | "productTertiaryDark" | "productQuaternaryDark" | "productQuinaryDark" | "shadowGlassDark" | "shadowPrimaryDark" | "shadowSecondaryDark" | "shadowTertiaryDark" | "shadowQuaternaryDark" | "shadowWindowInnerShadowDark" | "accentRedLightStable" | "accentOrangeLightStable" | "accentYellowLightStable" | "accentGreenLightStable" | "accentMintLightStable" | "accentTealLightStable" | "accentCyanLightStable" | "accentBlueLightStable" | "accentIndigoLightStable" | "accentPurpleLightStable" | "accentPinkLightStable" | "accentBrownLightStable" | "accentGrayLightStable" | "fillLightStable" | "fillPrimaryLightStable" | "fillSecondaryLightStable" | "fillTertiaryLightStable" | "fillQuaternaryLightStable" | "fillQuinaryLightStable" | "textPrimaryLightStable" | "textSecondaryLightStable" | "textTertiaryLightStable" | "controlMenuLightStable" | "controlTooltipLightStable" | "controlTransparentStable" | "shadowGlassLightStable" | "shadowPrimaryLightStable" | "shadowSecondaryLightStable" | "shadowTertiaryLightStable" | "shadowQuaternaryLightStable" | "shadowWindowInnerShadowLightStable" | "productPrimaryLightStable" | "productSecondaryLightStable" | "productTertiaryLightStable" | "productQuaternaryLightStable" | "productQuinaryLightStable" | "accentRedDarkStable" | "accentOrangeDarkStable" | "accentYellowDarkStable" | "accentGreenDarkStable" | "accentMintDarkStable" | "accentTealDarkStable" | "accentCyanDarkStable" | "accentBlueDarkStable" | "accentIndigoDarkStable" | "accentPurpleDarkStable" | "accentPinkDarkStable" | "accentBrownDarkStable" | "accentGrayDarkStable" | "fillDarkStable" | "fillPrimaryDarkStable" | "fillSecondaryDarkStable" | "fillTertiaryDarkStable" | "fillQuaternaryDarkStable" | "fillQuinaryDarkStable" | "textPrimaryDarkStable" | "textSecondaryDarkStable" | "textTertiaryDarkStable" | "controlMenuDarkStable" | "controlTooltipDarkStable" | "productPrimaryDarkStable" | "productSecondaryDarkStable" | "productTertiaryDarkStable" | "productQuaternaryDarkStable" | "productQuinaryDarkStable" | "shadowGlassDarkStable" | "shadowPrimaryDarkStable" | "shadowSecondaryDarkStable" | "shadowTertiaryDarkStable" | "shadowQuaternaryDarkStable" | "shadowWindowInnerShadowDarkStable";
+    changeBgColor: (color: IThemePalette) => void;
+    historyBgColor: (steps: number) => void;
+    setDefaultBgColor: () => void;
+    bgColorIndex: number;
+};
+export declare const useStatusBarColor: (defaultColor: IThemePalette) => {
+    statusBarColor: "inherit" | "current" | "transparent" | "accentRedLight" | "accentOrangeLight" | "accentYellowLight" | "accentGreenLight" | "accentMintLight" | "accentTealLight" | "accentCyanLight" | "accentBlueLight" | "accentIndigoLight" | "accentPurpleLight" | "accentPinkLight" | "accentBrownLight" | "accentGrayLight" | "fillLight" | "fillPrimaryLight" | "fillSecondaryLight" | "fillTertiaryLight" | "fillQuaternaryLight" | "fillQuinaryLight" | "textPrimaryLight" | "textSecondaryLight" | "textTertiaryLight" | "controlMenuLight" | "controlTooltipLight" | "controlTransparent" | "shadowGlassLight" | "shadowPrimaryLight" | "shadowSecondaryLight" | "shadowTertiaryLight" | "shadowQuaternaryLight" | "shadowWindowInnerShadowLight" | "productPrimaryLight" | "productSecondaryLight" | "productTertiaryLight" | "productQuaternaryLight" | "productQuinaryLight" | "accentRedDark" | "accentOrangeDark" | "accentYellowDark" | "accentGreenDark" | "accentMintDark" | "accentTealDark" | "accentCyanDark" | "accentBlueDark" | "accentIndigoDark" | "accentPurpleDark" | "accentPinkDark" | "accentBrownDark" | "accentGrayDark" | "fillDark" | "fillPrimaryDark" | "fillSecondaryDark" | "fillTertiaryDark" | "fillQuaternaryDark" | "fillQuinaryDark" | "textPrimaryDark" | "textSecondaryDark" | "textTertiaryDark" | "controlMenuDark" | "controlTooltipDark" | "productPrimaryDark" | "productSecondaryDark" | "productTertiaryDark" | "productQuaternaryDark" | "productQuinaryDark" | "shadowGlassDark" | "shadowPrimaryDark" | "shadowSecondaryDark" | "shadowTertiaryDark" | "shadowQuaternaryDark" | "shadowWindowInnerShadowDark" | "accentRedLightStable" | "accentOrangeLightStable" | "accentYellowLightStable" | "accentGreenLightStable" | "accentMintLightStable" | "accentTealLightStable" | "accentCyanLightStable" | "accentBlueLightStable" | "accentIndigoLightStable" | "accentPurpleLightStable" | "accentPinkLightStable" | "accentBrownLightStable" | "accentGrayLightStable" | "fillLightStable" | "fillPrimaryLightStable" | "fillSecondaryLightStable" | "fillTertiaryLightStable" | "fillQuaternaryLightStable" | "fillQuinaryLightStable" | "textPrimaryLightStable" | "textSecondaryLightStable" | "textTertiaryLightStable" | "controlMenuLightStable" | "controlTooltipLightStable" | "controlTransparentStable" | "shadowGlassLightStable" | "shadowPrimaryLightStable" | "shadowSecondaryLightStable" | "shadowTertiaryLightStable" | "shadowQuaternaryLightStable" | "shadowWindowInnerShadowLightStable" | "productPrimaryLightStable" | "productSecondaryLightStable" | "productTertiaryLightStable" | "productQuaternaryLightStable" | "productQuinaryLightStable" | "accentRedDarkStable" | "accentOrangeDarkStable" | "accentYellowDarkStable" | "accentGreenDarkStable" | "accentMintDarkStable" | "accentTealDarkStable" | "accentCyanDarkStable" | "accentBlueDarkStable" | "accentIndigoDarkStable" | "accentPurpleDarkStable" | "accentPinkDarkStable" | "accentBrownDarkStable" | "accentGrayDarkStable" | "fillDarkStable" | "fillPrimaryDarkStable" | "fillSecondaryDarkStable" | "fillTertiaryDarkStable" | "fillQuaternaryDarkStable" | "fillQuinaryDarkStable" | "textPrimaryDarkStable" | "textSecondaryDarkStable" | "textTertiaryDarkStable" | "controlMenuDarkStable" | "controlTooltipDarkStable" | "productPrimaryDarkStable" | "productSecondaryDarkStable" | "productTertiaryDarkStable" | "productQuaternaryDarkStable" | "productQuinaryDarkStable" | "shadowGlassDarkStable" | "shadowPrimaryDarkStable" | "shadowSecondaryDarkStable" | "shadowTertiaryDarkStable" | "shadowQuaternaryDarkStable" | "shadowWindowInnerShadowDarkStable";
+    changeStatusBarColor: (color: IThemePalette) => void;
+    historyStatusBarColor: (steps: number) => void;
+    setDefaultStatusBarColor: () => void;
+    statusBarColorIndex: number;
+};
+export declare const useBgImage: (defaultImage: string | null) => {
+    bgImage: string | null;
+    changeBgImage: (image: string | null) => void;
+    historyBgImage: (steps: number) => void;
+    setDefaultBgImage: () => void;
+    bgImageIndex: number;
+};
+export declare const useDescription: (defaultDescription: string) => {
+    description: string;
+    changeDescription: (newDescription: string) => void;
+    historyDescription: (steps: number) => void;
+    setDefaultDescription: () => void;
+    descriptionIndex: number;
+};

package/build/contexts/context-app/context.hooks.d.ts

@@ -0,0 +1,2 @@
+import { IAppContext, IUseAppDependencies } from './context.types';
+export declare const useApp: (props: IUseAppDependencies) => IAppContext;

package/build/contexts/context-app/context.styles.d.ts

@@ -0,0 +1,14 @@
+import { IThemePalette } from '../../styles/utils';
+import { CSSProperties } from 'react';
+import { IAppProviderOutletStyled } from './context.types';
+type IAppOutletParts = IAppProviderOutletStyled;
+export declare const getProviderAppWrapperStyle: (bgColor: IThemePalette, bgImage: string | null) => CSSProperties;
+export declare const getProviderAppOutletStyle: (props: IAppOutletParts) => CSSProperties;
+export declare const getProviderAppOutletChildrenStyle: (props: IAppOutletParts) => CSSProperties;
+export declare const getProviderAppOutletNotificationStyle: (props: IAppOutletParts) => CSSProperties;
+export declare const getProviderAppOutletHeaderStyle: (props: IAppOutletParts) => CSSProperties;
+export declare const getProviderAppOutletFooterStyle: (props: IAppOutletParts) => CSSProperties;
+export declare const getProviderAppOutletNavStyle: (props: IAppOutletParts) => CSSProperties;
+export declare const getProviderAppOutletLeftAsideStyle: (props: IAppOutletParts) => CSSProperties;
+export declare const getProviderAppOutletRightAsideStyle: (props: IAppOutletParts) => CSSProperties;
+export {};

package/build/contexts/context-app/context.types.d.ts

@@ -0,0 +1,87 @@
+import { IPreviewAdditional } from '../../areas/preview';
+import { IThemeBreakpoint, IThemeOrientation, IThemePalette } from '../../styles/utils';
+import { PropsWithChildren, ReactElement } from 'react';
+export interface IAppProviderElement {
+    component: ReactElement;
+    length?: {
+        default?: number | string | null;
+        breakpoint?: Partial<Record<IThemeBreakpoint, number | string | null | undefined>>;
+        orientation?: Partial<Record<IThemeOrientation, number | string | null | undefined>>;
+    };
+    zIndex?: number;
+}
+interface IAppProviderElementStyled {
+    component: ReactElement;
+    length?: number | string | null;
+    zIndex?: number;
+}
+export type IAppProviderOutletStyled = {
+    notification?: IAppProviderElementStyled;
+    header?: IAppProviderElementStyled;
+    nav?: IAppProviderElementStyled;
+    footer?: IAppProviderElementStyled;
+    leftAside?: IAppProviderElementStyled & {
+        isTopHeader?: boolean;
+        isTopFooter?: boolean;
+        isTopNav?: boolean;
+    };
+    rightAside?: IAppProviderElementStyled & {
+        isTopHeader?: boolean;
+        isTopFooter?: boolean;
+        isTopNav?: boolean;
+    };
+    main?: {
+        zIndex?: number;
+    };
+    isScrollOutlet?: boolean;
+};
+export interface IAppProvider extends PropsWithChildren {
+    defaultPreview?: IPreviewAdditional;
+    defaultBgColor: IThemePalette;
+    defaultStatusBarColor: IThemePalette;
+    defaultBgImage?: string;
+    defaultTitle: string;
+    defaultDescription: string;
+    isScrollOutlet?: boolean;
+    notification?: IAppProviderElement;
+    header?: IAppProviderElement;
+    nav?: IAppProviderElement;
+    footer?: IAppProviderElement;
+    leftAside?: IAppProviderElement & {
+        isTopHeader?: boolean;
+        isTopFooter?: boolean;
+        isTopNav?: boolean;
+    };
+    rightAside?: IAppProviderElement & {
+        isTopHeader?: boolean;
+        isTopFooter?: boolean;
+        isTopNav?: boolean;
+    };
+    main?: {
+        zIndex?: number;
+    };
+}
+export interface IAppContext {
+    changePreview: (newIPreview: IPreviewAdditional) => void;
+    changeStatusBarColor: (color: IThemePalette) => void;
+    changeBgColor: (color: IThemePalette) => 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 type IUseAppDependencies = (keyof IAppContext)[];
+export interface IAppProviderWrapper {
+    $bgColor: IAppProvider['defaultBgColor'];
+    $bgImage: IAppProvider['defaultBgImage'] | null;
+}
+export {};

package/build/contexts/context-app/index.d.ts

@@ -0,0 +1,2 @@
+export { ProviderApp } from './context';
+export { useApp } from './context.hooks';

package/build/contexts/context-browser-theme/context.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IBrowserThemeContext, IBrowserThemeProvider } from './context.types';
+export declare const BrowserThemeContext: import('use-context-selector').Context<IBrowserThemeContext | null>;
+export declare const ProviderBrowserTheme: FC<IBrowserThemeProvider>;

package/build/contexts/context-browser-theme/context.hooks.d.ts

@@ -0,0 +1,2 @@
+import { IBrowserThemeContext, IUseBrowserThemeDependencies } from './context.types';
+export declare const useIBrowserTheme: (props: IUseBrowserThemeDependencies) => IBrowserThemeContext;

package/build/contexts/context-browser-theme/context.types.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+export type IBrowserThemeProvider = PropsWithChildren & {
+    defaultMode?: IBrowserThemeMode;
+};
+export type IBrowserTheme = 'light' | 'dark';
+export type IBrowserThemeMode = IBrowserTheme | 'auto';
+export interface IBrowserThemeContext {
+    theme: IBrowserTheme;
+    mode: IBrowserThemeMode;
+    setMode: (mode: IBrowserThemeMode) => void;
+}
+export type IUseBrowserThemeDependencies = (keyof IBrowserThemeContext)[];