@jenesei-software/jenesei-kit-react 1.3.39 → 2.0.0

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)[];

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

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

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

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { ICookieContext, ICookieProvider } from './context.types';
+/**
+ * Context for managing cookies.
+ */
+export declare const CookieContext: import('react').Context<ICookieContext | 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 IValidCookieObject {
+ *    access_token: string
+ *    refresh_token: string
+ *   }
+ * }
+ * ```
+ */
+export declare const ProviderCookie: FC<ICookieProvider>;

package/build/contexts/context-cookie/context.functions.d.ts

@@ -0,0 +1,3 @@
+import { ICookieAttributes } from './context.types';
+export declare function getFromCookie<T>(key: string): T | null;
+export declare function setToCookie<T>(key: string, value: T, options?: ICookieAttributes): void;

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

@@ -0,0 +1,9 @@
+import { ICookieContext } from './context.types';
+/**
+ * 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: () => ICookieContext;

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

@@ -0,0 +1,18 @@
+import { default as Cookies } from 'node_modules/@types/js-cookie';
+import { PropsWithChildren } from 'react';
+export type ICookieAttributes = Cookies.CookieAttributes;
+export interface ICookieProvider extends PropsWithChildren {
+    validate?: {
+        validateKeys: (keyof IValidCookieObject)[];
+        getValidateCookieValue: <K extends keyof IValidCookieObject>(key: K, value: IValidCookieObject[K]) => value is IValidCookieObject[K];
+    };
+}
+export type IValidCookieObject = {};
+export interface ICookieContext {
+    getCookie: <K extends keyof IValidCookieObject>(name: K) => IValidCookieObject[K] | undefined;
+    setCookie: <K extends keyof IValidCookieObject>(name: K, value: IValidCookieObject[K], options?: ICookieAttributes) => void;
+    removeCookieValue: <K extends keyof IValidCookieObject>(name: K, options?: ICookieAttributes) => void;
+    removeCookieValues: () => void;
+    checkCookie: () => void;
+    cookieValues: IValidCookieObject | undefined;
+}

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

@@ -0,0 +1,3 @@
+export { ProviderCookie } from './context';
+export { useCookie } from './context.hooks';
+export type { IValidCookieObject } from './context.types';

package/build/contexts/context-dialog/context.constants.d.ts

@@ -0,0 +1,8 @@
+import { IThemePalette } from '../../styles/utils';
+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_MAX_HEIGHT: string;
+export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string;
+export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string;
+export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string;
+export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePalette;

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

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

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

@@ -0,0 +1,3 @@
+import { IDialogContext, IDialogItem, IUseDialog, IUseDialogDependencies } from './context.types';
+export declare const useDialogs: (props: IUseDialogDependencies) => IDialogContext;
+export declare const useDialog: <T extends object = Record<string, unknown>>(props?: IUseDialog<T>) => IDialogItem;

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

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { IDialogElementStyle, IDialogLayoutStyle } from './context.types';
+export declare const DialogClass: {
+    readonly layout: "context-dialog__layout";
+    readonly element: "context-dialog__element";
+};
+export declare const getDialogLayoutClassName: () => "context-dialog__layout";
+export declare const getDialogLayoutStyle: (props: IDialogLayoutStyle) => CSSProperties;
+export declare const getDialogElementStyle: (props: IDialogElementStyle) => CSSProperties;

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

@@ -0,0 +1,47 @@
+import { IThemePalette } from '../../styles/utils';
+import { PropsWithChildren, ReactNode } from 'react';
+export type IDialogProvider = PropsWithChildren & {
+    zIndex: number;
+};
+export type IDialogContext<T extends object = Record<string, unknown>> = {
+    add: (dialog: IDialogContent<T>) => void;
+    remove: (id: IDialogContent<T>['id']) => void;
+    update: (dialog: IDialogContent<T>) => void;
+    dialogHistory: IDialogContent<T>[];
+};
+export type IDialogItem = {
+    add: () => void;
+    remove: () => void;
+    id: string | null;
+};
+export type IDialogContent<T extends object = Record<string, unknown>> = {
+    props?: IUseDialog<T>;
+    id?: string;
+    index?: number;
+    onRemove?: () => void;
+};
+export type IUseDialogDependencies = (keyof IDialogContext)[];
+export type IUseDialog<T extends object = Record<string, unknown>> = {
+    content?: IDialogContentNode<T>;
+    propsDialog?: IDialogDialogProps;
+    propsCustom?: T;
+    onRemove?: () => void;
+};
+type IDialogDialogProps = {
+    maxWidth?: string;
+    maxHeight?: string;
+    padding?: string;
+    borderRadius?: string;
+    background?: IThemePalette;
+    isRemoveOnOutsideClick?: boolean;
+};
+interface IDialogContentNodeProps<T extends object = Record<string, unknown>> {
+    remove?: () => void;
+    isAnimating?: boolean;
+    propsCustom?: T;
+}
+type IDialogContentNode<T extends object> = (props: IDialogContentNodeProps<T>) => ReactNode;
+export type IDialogElement<T extends object> = IDialogContent<T>;
+export type IDialogLayoutStyle = Pick<IDialogProvider, 'zIndex'>;
+export type IDialogElementStyle<T extends object = Record<string, unknown>> = Pick<IUseDialog<T>, 'propsDialog'>;
+export {};

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

@@ -0,0 +1,3 @@
+export { ProviderDialog } from './context';
+export { useDialog, useDialogs } from './context.hooks';
+export type { IDialogProvider, IUseDialog } from './context.types';

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IGeolocationContext, IGeolocationProvider } from './context.types';
+export declare const GeolocationContext: import('react').Context<IGeolocationContext | null>;
+export declare const ProviderGeolocation: FC<IGeolocationProvider>;

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

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

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

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+export type IGeolocationProvider = PropsWithChildren & {
+    isAskEntrance?: boolean;
+};
+export interface IGeolocationContext {
+    geolocationPermission: PermissionState | null;
+    requestGeolocationPermission: () => void;
+    location: GeolocationPosition | null;
+    error: GeolocationPositionError | null;
+}

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

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

package/build/contexts/context-local-storage/context.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { ILocalStorageContext, ILocalStorageProvider } from './context.types';
+export declare const LocalStorageContext: import('react').Context<ILocalStorageContext | null>;
+/**
+ * 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 IValidLocalStorageObject {
+ *     access_token: string
+ *     refresh_token: string
+ *   }
+ * }
+ * ```
+ */
+export declare const ProviderLocalStorage: FC<ILocalStorageProvider>;

package/build/contexts/context-local-storage/context.functions.d.ts

@@ -0,0 +1,2 @@
+export declare function getFromLocalStorage<T>(key: string): T | null;
+export declare function setToLocalStorage<T>(key: string, value: T): void;

package/build/contexts/context-local-storage/context.hooks.d.ts

@@ -0,0 +1,5 @@
+import { ILocalStorageContext } from './context.types';
+/**
+ * Custom hook to access the LocalStorageContext.
+ */
+export declare const useLocalStorage: () => ILocalStorageContext;

package/build/contexts/context-local-storage/context.types.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+export interface ILocalStorageProvider extends PropsWithChildren {
+    validate?: {
+        validateKeys: (keyof IValidLocalStorageObject)[];
+        getValidateLocalStorageValue: <K extends keyof IValidLocalStorageObject>(key: K, value: IValidLocalStorageObject[K]) => value is IValidLocalStorageObject[K];
+    };
+}
+export type IValidLocalStorageObject = {};
+export interface ILocalStorageContext {
+    getLocalStorage: <K extends keyof IValidLocalStorageObject>(name: K) => IValidLocalStorageObject[K] | undefined;
+    setLocalStorage: <K extends keyof IValidLocalStorageObject>(name: K, value: IValidLocalStorageObject[K]) => void;
+    removeLocalStorageValue: <K extends keyof IValidLocalStorageObject>(name: K) => void;
+    removeLocalStorageValues: () => void;
+    checkLocalStorage: () => void;
+    localStorageValues: IValidLocalStorageObject | undefined;
+}

package/build/contexts/context-local-storage/index.d.ts

@@ -0,0 +1,3 @@
+export { ProviderLocalStorage } from './context';
+export { useLocalStorage } from './context.hooks';
+export type { IValidLocalStorageObject } from './context.types';

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

@@ -0,0 +1,3 @@
+import { IPermissionContext, IPermissionProvider } from './context.types';
+export declare const PermissionContext: import('react').Context<IPermissionContext | null>;
+export declare const ProviderPermission: (props: IPermissionProvider) => import("react/jsx-runtime").JSX.Element;

package/build/contexts/context-permission/context.functions.d.ts

@@ -0,0 +1 @@
+export declare const urlBase64ToUint8Array: (base64String: string) => Uint8Array<ArrayBuffer>;

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

@@ -0,0 +1,5 @@
+import { IPermissionContext } from './context.types';
+/**
+ * Custom hook to access the PermissionContext.
+ */
+export declare const usePermission: () => IPermissionContext;

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

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+export interface IPermissionContext {
+    geolocationPermission: PermissionState | null;
+    isBiometricSupported: boolean;
+    isNotificationPermissionLoading: boolean;
+    notificationPermission: NotificationPermission | null;
+    pushNotificationSupported: boolean;
+    requestGeolocationPermission: () => void;
+    requestNotificationPermission: () => Promise<NotificationPermission | undefined>;
+}
+export type IPermissionProvider = PropsWithChildren;

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

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

package/build/contexts/context-screen-width/context.d.ts

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

package/build/contexts/context-screen-width/context.hooks.d.ts

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

package/build/contexts/context-screen-width/context.types.d.ts

@@ -0,0 +1,11 @@
+import { IThemeBreakpoint, IThemeOrientation } from '../../styles/utils';
+import { PropsWithChildren } from 'react';
+export type IScreenWidthProvider = PropsWithChildren & {
+    type?: 'breakpoint' | 'orientation';
+};
+export interface IScreenWidthContext {
+    breakpoint: IThemeBreakpoint | 'default';
+    orientation: IThemeOrientation;
+    type?: 'breakpoint' | 'orientation';
+}
+export type IUseScreenWidthDependencies = (keyof IScreenWidthContext)[];

package/build/contexts/context-screen-width/index.d.ts

@@ -0,0 +1,3 @@
+export { ProviderScreenWidth } from './context';
+export { useScreenWidth } from './context.hooks';
+export type { IScreenWidthContext } from './context.types';

package/build/contexts/context-sonner/context.constants.d.ts

@@ -0,0 +1,9 @@
+import { IThemeGenreSonner } from '../../styles/utils/types';
+import { ISonnerProvider } from './context.types';
+export declare const DEFAULT_PROVIDER_SONNER_Z_INDEX = 100;
+export declare const DEFAULT_PROVIDER_SONNER_SCALE = 0.04;
+export declare const DEFAULT_PROVIDER_SONNER_Y = 100;
+export declare const DEFAULT_PROVIDER_SONNER_DURATION = 0.3;
+export declare const DEFAULT_PROVIDER_SONNER_GENRE: IThemeGenreSonner;
+export declare const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 65;
+export declare const DEFAULT_PROVIDER_SONNER_BUTTON: ISonnerProvider['default']['button'];

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

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

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

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

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

@@ -0,0 +1,30 @@
+import { IThemeGenreSonner } from '../../styles/utils/types';
+import { CSSProperties } from 'react';
+import { ISonnerProvider } from './context.types';
+export declare const SonnerClass: {
+    readonly layout: "context-sonner__layout";
+    readonly layoutBottomCenter: "context-sonner__layout--bottom-center";
+    readonly layoutBottomLeft: "context-sonner__layout--bottom-left";
+    readonly layoutBottomRight: "context-sonner__layout--bottom-right";
+    readonly layoutTopRight: "context-sonner__layout--top-right";
+    readonly layoutTopLeft: "context-sonner__layout--top-left";
+    readonly layoutTopCenter: "context-sonner__layout--top-center";
+    readonly elementWrapper: "context-sonner__element-wrapper";
+    readonly content: "context-sonner__content";
+    readonly icon: "context-sonner__icon";
+    readonly contentTitle: "context-sonner__content-title";
+    readonly contentDescription: "context-sonner__content-description";
+    readonly buttonWrapper: "context-sonner__button-wrapper";
+};
+export declare const SonnerLayout: "context-sonner__layout";
+export declare const SonnerElementWrapper: "context-sonner__element-wrapper";
+export declare const SonnerContent: "context-sonner__content";
+export declare const SonnerIcon: "context-sonner__icon";
+export declare const SonnerContentTitle: "context-sonner__content-title";
+export declare const SonnerContentDescription: "context-sonner__content-description";
+export declare const SonnerButtonWrapper: "context-sonner__button-wrapper";
+type ISonnerStyleWithVars = CSSProperties & Record<string, string>;
+export declare const getSonnerLayoutClassName: (position: ISonnerProvider["position"]) => string;
+export declare const getSonnerLayoutStyle: (props: Pick<ISonnerProvider, "gap" | "zIndex">) => ISonnerStyleWithVars;
+export declare const getSonnerElementWrapperStyle: (genre: IThemeGenreSonner) => ISonnerStyleWithVars;
+export {};

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

@@ -0,0 +1,59 @@
+import { IAddIIcon } from '../../components/icon';
+import { IThemeGenreButton, IThemeGenreSonner, ITypography } from '../../styles/utils/types';
+import { PropsWithChildren, ReactNode } from 'react';
+export type ISonnerProvider = PropsWithChildren & {
+    gap: number;
+    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'bottom-center' | 'top-center';
+    visibleToasts?: number;
+    zIndex?: number;
+    default: Omit<ISonnerContentStandard, 'index'>;
+};
+export type ISonnerContext = {
+    toast: (content: Omit<ISonnerContentStandard, 'index'>) => void;
+    promise: <T>(promise: Promise<T>, expectation: Omit<ISonnerContentStandard, 'index'>, toast: (success: T | undefined, error: any | undefined) => Omit<ISonnerContent, 'index'>) => void;
+    remove: (id: ISonnerContentDefault['id']) => void;
+    contentHistory: ISonnerContent[];
+};
+export type IUseSonnerDependencies = (keyof ISonnerContext)[];
+export type ISonnerElement = ISonnerElementDefault;
+type ISonnerElementDefault = {
+    id: ISonnerContentDefault['id'];
+    title: ISonnerContentStandard['title'];
+    description: ISonnerContentStandard['description'];
+    content: ISonnerContentContent['content'];
+    icon?: ISonnerContentDefault['icon'];
+    isLoading: ISonnerContentDefault['isLoading'];
+    hidingMode: ISonnerContentDefault['hidingMode'];
+    button: ISonnerContentDefault['button'];
+    index: number;
+    handleOnClick: (id: ISonnerContentDefault['id'], hidingMode?: ISonnerContentDefault['hidingMode']) => void;
+    isMoreThanLastViewIndexPlusOne: boolean;
+    isMoreThanLastViewIndex: boolean;
+    isHovered: boolean;
+    isLastViewIndex: boolean;
+    buttonGenre: IThemeGenreButton;
+    isTop: boolean;
+} & Required<Pick<ISonnerContentDefault, 'genre'>>;
+export type ISonnerContent = ISonnerContentContent | ISonnerContentStandard;
+type ISonnerContentDefault = {
+    hidingMode?: 'clickOnSonner' | 'clickOnButton';
+    hidingTime?: number;
+    icon?: IAddIIcon;
+    id?: string;
+    genre?: IThemeGenreSonner;
+    isLoading?: boolean;
+    sxTypography?: ITypography;
+    button?: {
+        content?: string | ReactNode;
+        onClick?: () => void;
+    } | false;
+    index: number;
+};
+type ISonnerContentContent = ISonnerContentDefault & {
+    content: ReactNode | false;
+};
+export type ISonnerContentStandard = ISonnerContentDefault & {
+    description?: string | ReactNode;
+    title?: string | ReactNode;
+};
+export {};

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

@@ -0,0 +1,3 @@
+export { ProviderSonner } from './context';
+export { useSonner } from './context.hooks';
+export type { ISonnerProvider } from './context.types';