@jenesei-software/jenesei-kit-react 1.0.0

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

@@ -0,0 +1,34 @@
+import { Context } from 'react';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeScreen = Record<IThemeDevice, {
+    width: number;
+}>;
+
+export declare const ProviderScreenWidth: FC<ProviderScreenWidthProps>;
+
+export declare type ProviderScreenWidthProps = PropsWithChildren;
+
+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 useScreenWidth: () => ScreenWidthContextProps;
+
+export { }

package/build/context-screen-width.es.js

@@ -0,0 +1,7 @@
+import { P, S, u } from "./context.hooks-BmwyZ1p3.js";
+export {
+  P as ProviderScreenWidth,
+  S as ScreenWidthContext,
+  u as useScreenWidth
+};
+//# sourceMappingURL=context-screen-width.es.js.map

package/build/context-screen-width.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-screen-width.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/context-sonner.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-BaD7xj_m.cjs");exports.DEFAULT_PROVIDER_SONNER_BUTTON=e.DEFAULT_PROVIDER_SONNER_BUTTON,exports.DEFAULT_PROVIDER_SONNER_DURATION=e.DEFAULT_PROVIDER_SONNER_DURATION,exports.DEFAULT_PROVIDER_SONNER_GENRE=e.DEFAULT_PROVIDER_SONNER_GENRE,exports.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM=e.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,exports.DEFAULT_PROVIDER_SONNER_SCALE=e.DEFAULT_PROVIDER_SONNER_SCALE,exports.DEFAULT_PROVIDER_SONNER_Y=e.DEFAULT_PROVIDER_SONNER_Y,exports.DEFAULT_PROVIDER_SONNER_Z_INDEX=e.DEFAULT_PROVIDER_SONNER_Z_INDEX,exports.ProviderSonner=e.ProviderSonner,exports.SonnerButtonWrapper=e.SonnerButtonWrapper,exports.SonnerContent=e.SonnerContent,exports.SonnerContentDescription=e.SonnerContentDescription,exports.SonnerContentTitle=e.SonnerContentTitle,exports.SonnerContext=e.SonnerContext,exports.SonnerElementWrapper=e.SonnerElementWrapper,exports.SonnerIcon=e.SonnerIcon,exports.SonnerLayout=e.SonnerLayout,exports.useSonner=e.useSonner;
+//# sourceMappingURL=context-sonner.cjs.js.map

package/build/context-sonner.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-sonner.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/context-sonner.d.ts

@@ -0,0 +1,449 @@
+import { AddDollarSign as AddDollarSign_2 } from '../..';
+import { Context } from 'react';
+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 { ProviderSonnerProps as ProviderSonnerProps_2 } from './context.types';
+import { ReactNode } from 'react';
+import { SonnerContentStandardProps as SonnerContentStandardProps_2 } from './context.types';
+import { Substitute } from 'styled-components/dist/types';
+
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+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 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
+}
+
+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;
+}
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono';
+
+declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white'>, 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'>, IThemeGenreTypeDefault>;
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+
+declare type IThemeGenreRange = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, 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' | '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';
+
+declare type IThemeScreen = Record<IThemeDevice, {
+    width: number;
+}>;
+
+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?: 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'>>>;
+
+declare type TIconIdNameString = keyof typeof ENUM_ICON_ID;
+
+export declare const useSonner: () => SonnerContextProps;
+
+export { }

package/build/context-sonner.es.js

@@ -0,0 +1,21 @@
+import { m, j, k, l, h, i, D, P, g, c, f, e, S, b, d, a, u } from "./context.constants-DqYjo5m4.js";
+export {
+  m as DEFAULT_PROVIDER_SONNER_BUTTON,
+  j as DEFAULT_PROVIDER_SONNER_DURATION,
+  k as DEFAULT_PROVIDER_SONNER_GENRE,
+  l as DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,
+  h as DEFAULT_PROVIDER_SONNER_SCALE,
+  i as DEFAULT_PROVIDER_SONNER_Y,
+  D as DEFAULT_PROVIDER_SONNER_Z_INDEX,
+  P as ProviderSonner,
+  g as SonnerButtonWrapper,
+  c as SonnerContent,
+  f as SonnerContentDescription,
+  e as SonnerContentTitle,
+  S as SonnerContext,
+  b as SonnerElementWrapper,
+  d as SonnerIcon,
+  a as SonnerLayout,
+  u as useSonner
+};
+//# sourceMappingURL=context-sonner.es.js.map

package/build/context-sonner.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-sonner.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/context.constants-B29-_8v3.cjs

@@ -0,0 +1,32 @@
+"use strict";const e=require("react"),t=require("uuid"),i=require("./use-C1l0O0Qo.cjs"),o=require("framer-motion"),r=require("styled-components"),n=require("./style-Dm74EPGE.cjs"),s=require("./jsx-runtime-BcGej2Kr.cjs"),a=require("./area-D7906bXA.cjs"),d=e.createContext(null),l=e.memo(t=>{var i,o;const[r,n]=e.useState(!0);return s.jsxRuntimeExports.jsx(a.Outside,{onOutsideClick:()=>t.remove(),children:s.jsxRuntimeExports.jsx(u,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},onAnimationComplete:()=>n(!1),transition:{type:"spring",duration:m,delay:D},style:{zIndex:-t.index},$propsDialog:null==(i=t.props)?void 0:i.propsDialog,children:null==(o=t.content)?void 0:o.call(t,t.props,t.remove,r)},t.id)})}),p=()=>{const t=e.useContext(d);if(!t)throw new Error("useDialogs must be used within an ProviderDialog");return t},x=r(o.motion.div)`
+  position: fixed;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.palette.black50};
+  z-index: ${e=>e.$zIndex};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+`,u=r(o.motion.dialog)`
+  ${n.addOutline};
+  max-width: ${e=>{var t;return(null==(t=e.$propsDialog)?void 0:t.maxWidth)||g}};
+  max-height: ${e=>{var t;return(null==(t=e.$propsDialog)?void 0:t.maxHeight)||E}};
+  border-radius: ${e=>{var t;return(null==(t=e.$propsDialog)?void 0:t.borderRadius)||_}};
+  background: ${e=>{var t;return(null==(t=e.$propsDialog)?void 0:t.background)?e.theme.palette[e.$propsDialog.background]:e.theme.palette[v]}};
+  padding: ${e=>{var t;return(null==(t=e.$propsDialog)?void 0:t.padding)||h}};
+  width: max-content;
+  height: max-content;
+  border: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-shrink: 0;
+  position: relative;
+  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
+  overflow: hidden;
+`,c=r(o.motion.div)``,m=.3,D=.4,E="max-content",g="max-content",_="12px",h="20px",v="whiteStandard";exports.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT=m,exports.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT=D,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND=v,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS=_,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT=E,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH=g,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING=h,exports.DialogContent=c,exports.DialogContext=d,exports.DialogElementWrapper=u,exports.DialogLayout=x,exports.ProviderDialog=t=>{const[i,r]=e.useState([]),n=e.useCallback(e=>{r(t=>{const i=t.find(t=>t.id===e);if(!i)return t;const o=i.index;return t.filter(t=>t.id!==e).map(e=>({...e,index:e.index>o?e.index-1:e.index}))})},[]),a=e.useCallback(e=>{r(t=>t.map(t=>t.id===e.id?{...t,...e}:t))},[]),p=e.useCallback(e=>{const t=e.id;r(i=>{const o=i.findIndex(e=>e.id===t);let r;if(-1!==o)r=[...i],r[o]={...e,id:t,index:i[o].index};else{r=i.map(e=>({...e,index:e.index+1}));const o={...e,id:t,index:0};r.unshift(o)}return r})},[]),u=e.useMemo(()=>i.length,[i.length]),c=e.useMemo(()=>t.zIndex,[t.zIndex]);return s.jsxRuntimeExports.jsxs(d.Provider,{value:{add:p,remove:n,update:a,dialogHistory:i},children:[s.jsxRuntimeExports.jsx(o.AnimatePresence,{children:u&&s.jsxRuntimeExports.jsx(x,{$zIndex:c,initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{type:"spring",duration:D},children:i.map(e=>{const t=e.index,i=e.content,o=e.id,r=e.props;return s.jsxRuntimeExports.jsx(l,{index:t,content:i,props:r,id:o,remove:()=>n(o)},o)})})}),t.children]})},exports.useDialog=o=>{const{add:r,remove:n,update:s,dialogHistory:a}=p(),[d,l]=e.useState(null),x=e.useCallback(e=>{const i=a.find(t=>t.id===e.id);if(!d||!i){const i=e.id||t.v4();l(i),r({...e,props:o,id:i})}},[r,a,d,o]),u=e.useCallback(()=>{d&&(n(d),l(null))},[d,n]),c=i.useDeepCompareMemoize(o);return e.useEffect(()=>{d&&s({id:d,props:c})},[d,c,s]),{add:x,remove:u,id:d}},exports.useDialogs=p;
+//# sourceMappingURL=context.constants-B29-_8v3.cjs.map

package/build/context.constants-B29-_8v3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.constants-B29-_8v3.cjs","sources":["../src/contexts/context-dialog/context.tsx","../src/contexts/context-dialog/context.hooks.ts","../src/contexts/context-dialog/context.styles.tsx","../src/contexts/context-dialog/context.constants.ts"],"sourcesContent":["import { AnimatePresence } from 'framer-motion'\nimport { FC, createContext, memo, useCallback, useMemo, useState } from 'react'\n\nimport { Outside } from '@local/areas/outside'\n\nimport {\n  DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n  DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,\n  DialogContentProps,\n  DialogContextProps,\n  DialogElementProps,\n  DialogElementWrapper,\n  DialogLayout,\n  ProviderDialogProps\n} from '.'\n\nexport const DialogContext = createContext<DialogContextProps<object> | null>(null)\n\nexport const ProviderDialog: FC<ProviderDialogProps> = props => {\n  const [dialogHistory, setDialogHistory] = useState<DialogContentProps<object>[]>([])\n\n  const remove: DialogContextProps<object>['remove'] = useCallback(id => {\n    setDialogHistory(prev => {\n      const itemToRemove = prev.find(item => item.id === id)\n\n      if (!itemToRemove) return prev\n\n      const indexToRemove = itemToRemove.index!\n\n      const updatedHistory = prev\n        .filter(item => item.id !== id)\n        .map(item => ({\n          ...item,\n          index: item.index! > indexToRemove ? item.index! - 1 : item.index\n        }))\n\n      return updatedHistory\n    })\n  }, [])\n\n  const update: DialogContextProps<object>['update'] = useCallback(dialog => {\n    setDialogHistory(prev => {\n      return prev.map(item => {\n        if (item.id === dialog.id) {\n          return { ...item, ...dialog }\n        }\n        return item\n      })\n    })\n  }, [])\n\n  const add: DialogContextProps<object>['add'] = useCallback(dialog => {\n    const id = dialog.id\n\n    setDialogHistory(prev => {\n      const existingIndex = prev.findIndex(item => item.id === id)\n\n      let updatedHistory\n      if (existingIndex !== -1) {\n        updatedHistory = [...prev]\n        updatedHistory[existingIndex] = { ...dialog, id, index: prev[existingIndex].index }\n      } else {\n        updatedHistory = prev.map(item => ({\n          ...item,\n          index: item.index! + 1\n        }))\n        const newContent = { ...dialog, id, index: 0 }\n        updatedHistory.unshift(newContent)\n      }\n\n      return updatedHistory\n    })\n  }, [])\n\n  const dialogHistoryLength = useMemo(() => dialogHistory.length, [dialogHistory.length])\n  const zIndex = useMemo(() => props.zIndex, [props.zIndex])\n\n  return (\n    <DialogContext.Provider value={{ add, remove, update, dialogHistory }}>\n      <AnimatePresence>\n        {dialogHistoryLength && (\n          <DialogLayout\n            $zIndex={zIndex}\n            initial={{\n              opacity: 0\n            }}\n            exit={{\n              opacity: 0\n            }}\n            animate={{\n              opacity: 1\n            }}\n            transition={{ type: 'spring', duration: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT }}\n          >\n            {dialogHistory.map(dialog => {\n              const index = dialog.index\n              const content = dialog.content\n              const id = dialog.id\n              const props = dialog.props\n\n              return (\n                <MemoizedDialogElement\n                  index={index}\n                  content={content}\n                  props={props}\n                  key={id}\n                  id={id}\n                  remove={() => remove(id)}\n                />\n              )\n            })}\n          </DialogLayout>\n        )}\n      </AnimatePresence>\n\n      {props.children}\n    </DialogContext.Provider>\n  )\n}\n\nconst DialogElement = (props: DialogElementProps) => {\n  const [isAnimating, setIsAnimating] = useState(true)\n  return (\n    <Outside onOutsideClick={() => props.remove()}>\n      <DialogElementWrapper\n        key={props.id}\n        initial={{\n          opacity: 0,\n          scale: 0.8\n        }}\n        animate={{\n          opacity: 1,\n          scale: 1\n        }}\n        onAnimationComplete={() => setIsAnimating(false)}\n        transition={{\n          type: 'spring',\n          duration: DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n          delay: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT\n        }}\n        style={{\n          zIndex: -props.index!\n        }}\n        $propsDialog={props.props?.propsDialog}\n      >\n        {props.content?.(props.props, props.remove, isAnimating)}\n      </DialogElementWrapper>\n    </Outside>\n  )\n}\nconst MemoizedDialogElement = memo(DialogElement)\n","import { useCallback, useContext, useEffect, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize'\n\nimport { DialogContext, DialogContextItemProps, DialogContextProps, useDialogProps } from '.'\n\nexport const useDialogs = (): DialogContextProps<object> => {\n  const context = useContext(DialogContext)\n  if (!context) {\n    throw new Error('useDialogs must be used within an ProviderDialog')\n  }\n  return context\n}\n\nexport const useDialog = <T extends object>(props?: useDialogProps<T>): DialogContextItemProps<T> => {\n  const { add, remove, update, dialogHistory } = useDialogs()\n  const [id, setId] = useState<string | null>(null)\n\n  const localAdd: DialogContextItemProps<T>['add'] = useCallback(\n    dialog => {\n      const find = dialogHistory.find(item => item.id === dialog.id)\n      if (!id || !find) {\n        const id = dialog.id || uuidv4()\n        setId(id)\n        add({ ...(dialog as T), props: props, id })\n      }\n    },\n    [add, dialogHistory, id, props]\n  )\n  const localRemove = useCallback(() => {\n    if (id) {\n      remove(id)\n      setId(null)\n    }\n  }, [id, remove])\n\n  const propsMemo = useDeepCompareMemoize(props)\n\n  useEffect(() => {\n    if (id) {\n      update({ id, props: propsMemo })\n    }\n  }, [id, propsMemo, update])\n\n  return { add: localAdd, remove: localRemove, id }\n}\n","import { motion } from 'framer-motion'\nimport styled from 'styled-components'\n\nimport { addOutline } from '@local/styles/add'\n\nimport {\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n  DialogElementWrapperProps,\n  DialogLayoutProps\n} from '.'\n\nexport const DialogLayout = styled(motion.div)<DialogLayoutProps>`\n  position: fixed;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  background-color: ${props => props.theme.palette.black50};\n  z-index: ${props => props.$zIndex};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n`\n\nexport const DialogElementWrapper = styled(motion.dialog)<DialogElementWrapperProps>`\n  ${addOutline};\n  max-width: ${props => props.$propsDialog?.maxWidth || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH};\n  max-height: ${props => props.$propsDialog?.maxHeight || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT};\n  border-radius: ${props => props.$propsDialog?.borderRadius || DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS};\n  background: ${props =>\n    props.$propsDialog?.background\n      ? props.theme.palette[props.$propsDialog.background]\n      : props.theme.palette[DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND]};\n  padding: ${props => props.$propsDialog?.padding || DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING};\n  width: max-content;\n  height: max-content;\n  border: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);\n  overflow: hidden;\n`\nexport const DialogContent = styled(motion.div)``\n","// export const DEFAULT_PROVIDER_Dialog_SCALE = 0.04\nimport { IThemePaletteKeys } from '@local/theme'\n\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT = 0.3\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT = 0.4\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT: string = 'max-content'\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string = 'max-content'\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string = '12px'\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string = '20px'\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePaletteKeys = 'whiteStandard'\n"],"names":["DialogContext","createContext","MemoizedDialogElement","memo","props","isAnimating","setIsAnimating","useState","Outside","onOutsideClick","remove","children","jsx","DialogElementWrapper","initial","opacity","scale","animate","onAnimationComplete","transition","type","duration","DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT","delay","DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT","style","zIndex","index","$propsDialog","_a","propsDialog","content","id","useDialogs","context","useContext","Error","DialogLayout","styled","motion","div","theme","palette","black50","$zIndex","dialog","addOutline","maxWidth","DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH","maxHeight","DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT","borderRadius","DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS","background","DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND","padding","DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING","DialogContent","dialogHistory","setDialogHistory","useCallback","prev","itemToRemove","find","item","indexToRemove","filter","map","update","add","existingIndex","findIndex","updatedHistory","newContent","unshift","dialogHistoryLength","useMemo","length","jsxs","Provider","value","AnimatePresence","exit","setId","localAdd","uuidv4","localRemove","propsMemo","useDeepCompareMemoize","useEffect"],"mappings":"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"}