@jenesei-software/jenesei-kit-react 1.3.18 → 1.3.20

package/build/context.constants-y9s5VGN2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.constants-y9s5VGN2.cjs","sources":["../src/contexts/context-sonner/context.tsx","../src/contexts/context-sonner/context.styles.tsx","../src/contexts/context-sonner/context.constants.ts","../src/contexts/context-sonner/context.hooks.ts"],"sourcesContent":["import { Button } from '@local/components/button';\nimport { Icon } from '@local/components/icon';\n\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { createContext, FC, memo, useCallback, useMemo, useState } from 'react';\nimport { useTheme } from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n  DEFAULT_PROVIDER_SONNER_BUTTON,\n  DEFAULT_PROVIDER_SONNER_DURATION,\n  DEFAULT_PROVIDER_SONNER_GENRE,\n  DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,\n  DEFAULT_PROVIDER_SONNER_SCALE,\n  DEFAULT_PROVIDER_SONNER_Y,\n  DEFAULT_PROVIDER_SONNER_Z_INDEX,\n  ProviderSonnerProps,\n  SonnerButtonWrapper,\n  SonnerContent,\n  SonnerContentDescription,\n  SonnerContentProps,\n  SonnerContentStandardProps,\n  SonnerContentTitle,\n  SonnerContextProps,\n  SonnerElementProps,\n  SonnerElementWrapper,\n  SonnerIcon,\n  SonnerLayout,\n} from '.';\n\nexport const SonnerContext = createContext<SonnerContextProps | null>(null);\n\nexport const ProviderSonner: FC<ProviderSonnerProps> = (props) => {\n  const memoVisibleToasts: ProviderSonnerProps['visibleToasts'] = useMemo(\n    () => props.visibleToasts,\n    [props.visibleToasts],\n  );\n  const memoDefaultDescription: ProviderSonnerProps['default']['description'] = useMemo(\n    () => props?.default?.description,\n    [props?.default?.description],\n  );\n  const memoDefaultTitle: ProviderSonnerProps['default']['title'] = useMemo(\n    () => props?.default?.title,\n    [props?.default?.title],\n  );\n  const memoDefaultButton: ProviderSonnerProps['default']['button'] = useMemo(\n    () => props?.default?.button,\n    [props?.default?.button],\n  );\n  const memoDefaultHidingTime: ProviderSonnerProps['default']['hidingTime'] = useMemo(\n    () => props?.default?.hidingTime,\n    [props?.default?.hidingTime],\n  );\n  const memoDefaultHidingMode: ProviderSonnerProps['default']['hidingMode'] = useMemo(\n    () => props?.default?.hidingMode ?? 'clickOnButton',\n    [props?.default?.hidingMode],\n  );\n  const memoDefaultGenre = useMemo(\n    () => props?.default?.genre ?? DEFAULT_PROVIDER_SONNER_GENRE,\n    [props?.default?.genre],\n  );\n\n  const isTop = useMemo(() => props.position.includes('top'), [props.position]);\n\n  const [contentHistory, setContentHistory] = useState<SonnerContentProps[]>([]);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const remove: SonnerContextProps['remove'] = useCallback(\n    (id) => {\n      setContentHistory((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        if (updatedHistory.length === 0) handleMouseLeave();\n\n        return updatedHistory;\n      });\n    },\n    [handleMouseLeave],\n  );\n\n  const toast: SonnerContextProps['toast'] = useCallback(\n    (content) => {\n      const id = content.id ?? uuidv4();\n\n      const hidingTime = content.hidingTime ?? memoDefaultHidingTime;\n\n      setContentHistory((prev) => {\n        const existingIndex = prev.findIndex((item) => item.id === id);\n\n        let updatedHistory;\n        if (existingIndex !== -1) {\n          // Replace existing item\n          updatedHistory = [...prev];\n          updatedHistory[existingIndex] = { ...content, id, index: prev[existingIndex].index };\n        } else {\n          // Add new item\n          updatedHistory = prev.map((item) => ({\n            ...item,\n            index: item.index + 1,\n          }));\n          const newContent = { ...content, id, index: 0 };\n          updatedHistory.unshift(newContent);\n        }\n\n        return updatedHistory;\n      });\n\n      if (hidingTime !== undefined) {\n        setTimeout(() => {\n          remove(id);\n        }, hidingTime);\n      }\n    },\n    [memoDefaultHidingTime, remove],\n  );\n  const promise: SonnerContextProps['promise'] = useCallback(\n    <T,>(\n      promise: Promise<T>,\n      expectation: Omit<SonnerContentProps, 'index'>,\n      localToast: (success: T | undefined, error: unknown | undefined) => Omit<SonnerContentProps, 'index'>,\n    ) => {\n      const id = uuidv4();\n      toast({ ...expectation, id, isLoading: true });\n\n      return promise\n        .then((result) => {\n          toast({ ...localToast(result, undefined), id });\n        })\n        .catch((error) => {\n          toast({ ...localToast(undefined, error), id });\n        });\n    },\n    [toast],\n  );\n  const handleOnClick = useCallback(\n    (id: SonnerContentStandardProps['id']) => {\n      remove(id);\n    },\n    [remove],\n  );\n  const theme = useTheme();\n  return (\n    <SonnerContext.Provider value={{ toast, promise, remove, contentHistory }}>\n      <SonnerLayout\n        $zIndex={props.zIndex ?? DEFAULT_PROVIDER_SONNER_Z_INDEX}\n        $position={props.position}\n        $gap={props.gap}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        <AnimatePresence>\n          {contentHistory.map((content) => {\n            const index = content.index;\n            const isMoreThanLastViewIndexPlusOne = memoVisibleToasts ? index > memoVisibleToasts : false;\n            const isMoreThanLastViewIndex = memoVisibleToasts ? index > memoVisibleToasts - 1 : false;\n            const isLastViewIndex = memoVisibleToasts ? index === memoVisibleToasts - 1 : false;\n            const localGenre = content.genre ?? memoDefaultGenre;\n            const buttonGenre = theme.colors.sonner[localGenre].button.genre;\n            const hidingMode = content.hidingMode ?? memoDefaultHidingMode;\n\n            const localContent = 'content' in content ? content.content : false;\n            const localTitle = 'title' in content ? content.title : false;\n            const localDescription = 'description' in content ? content.description : false;\n            return (\n              <MemoizedSonnerElement\n                isMoreThanLastViewIndexPlusOne={isMoreThanLastViewIndexPlusOne}\n                isMoreThanLastViewIndex={isMoreThanLastViewIndex}\n                isLastViewIndex={isLastViewIndex}\n                isTop={isTop}\n                key={content.id}\n                id={content.id}\n                icon={content.icon}\n                isLoading={content.isLoading}\n                index={index}\n                buttonGenre={buttonGenre}\n                hidingMode={hidingMode}\n                isHovered={isHovered}\n                genre={localGenre}\n                content={localContent}\n                title={localTitle || memoDefaultTitle}\n                description={localDescription || memoDefaultDescription}\n                button={content.button ?? memoDefaultButton ?? DEFAULT_PROVIDER_SONNER_BUTTON}\n                handleOnClick={handleOnClick}\n              />\n            );\n          })}\n        </AnimatePresence>\n      </SonnerLayout>\n      {props.children}\n    </SonnerContext.Provider>\n  );\n};\n\nconst SonnerElement = (props: SonnerElementProps) => {\n  return (\n    <motion.div\n      key={props.id}\n      layout\n      initial={{\n        opacity: 0,\n        scale: 1,\n        y: props.isLastViewIndex\n          ? !props.isTop\n            ? -DEFAULT_PROVIDER_SONNER_Y\n            : DEFAULT_PROVIDER_SONNER_Y\n          : !props.isTop\n            ? DEFAULT_PROVIDER_SONNER_Y\n            : -DEFAULT_PROVIDER_SONNER_Y,\n      }}\n      animate={{\n        y: 0,\n        opacity: props.isMoreThanLastViewIndex ? 0 : 1,\n        pointerEvents: props.isMoreThanLastViewIndex ? 'none' : 'auto',\n        display: props.isMoreThanLastViewIndex ? 'none' : 'flex',\n        scale: !props.isHovered ? 1 - props.index * DEFAULT_PROVIDER_SONNER_SCALE : 1,\n        marginTop: props.isTop\n          ? props.isHovered || props.index === 0\n            ? `0px`\n            : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n          : '0px',\n        marginBottom: !props.isTop\n          ? props.isHovered || props.index === 0\n            ? `0px`\n            : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n          : '0px',\n      }}\n      style={{\n        zIndex: -props.index,\n      }}\n      whileInView={{ opacity: props.isMoreThanLastViewIndex ? 0 : 1 }}\n      exit={{ opacity: 0, y: !props.isTop ? DEFAULT_PROVIDER_SONNER_Y : -DEFAULT_PROVIDER_SONNER_Y }}\n      transition={{ type: 'spring', duration: DEFAULT_PROVIDER_SONNER_DURATION }}\n    >\n      <SonnerElementWrapper\n        $genre={props.genre}\n        onClick={() => props.hidingMode === 'clickOnSonner' && props.handleOnClick(props.id, 'clickOnSonner')}\n      >\n        {(props.isLoading || props.icon) && (\n          <SonnerIcon>\n            {props.isLoading ? (\n              <Icon size='medium' type='loading' name='Line' />\n            ) : (\n              props.icon && <Icon {...props.icon} size={props.icon.size ?? 'medium'} />\n            )}\n          </SonnerIcon>\n        )}\n        <SonnerContent>\n          {props.content ? (\n            props.content\n          ) : (\n            <>\n              {props.title && (\n                <SonnerContentTitle\n                  $genre={props.genre}\n                  $font={{\n                    size: 14,\n                    weight: 700,\n                  }}\n                >\n                  {props.title}\n                </SonnerContentTitle>\n              )}\n              {props.description && (\n                <SonnerContentDescription\n                  $font={{\n                    size: 12,\n                    weight: 400,\n                  }}\n                  $genre={props.genre}\n                >\n                  {props.description}\n                </SonnerContentDescription>\n              )}\n            </>\n          )}\n        </SonnerContent>\n\n        {props.button && props.button.content && (\n          <SonnerButtonWrapper>\n            <Button\n              genre={props.buttonGenre}\n              size='small'\n              onClick={() => props.hidingMode === 'clickOnButton' && props.handleOnClick(props.id, 'clickOnButton')}\n            >\n              {props.button.content}\n            </Button>\n          </SonnerButtonWrapper>\n        )}\n      </SonnerElementWrapper>\n    </motion.div>\n  );\n};\nconst MemoizedSonnerElement = memo(SonnerElement);\n","import { addFont, addRemoveScrollbar, addTransition } from '@local/styles/add';\n\nimport styled, { css } from 'styled-components';\n\nimport {\n  SonnerContentDescriptionProps,\n  SonnerContentTitleProps,\n  SonnerElementWrapperProps,\n  SonnerLayoutProps,\n} from '.';\n\nexport const SonnerLayout = styled.div<SonnerLayoutProps>`\n  position: fixed;\n  z-index: ${(props) => props.$zIndex};\n  max-height: calc(100dvh - 20px);\n  width: 320px;\n  display: flex;\n  margin: 10px;\n  gap: ${(props) => props.$gap}px;\n  box-sizing: content-box;\n  overflow-y: visible;\n  overflow-x: visible;\n  ${addRemoveScrollbar}\n  ${(props) =>\n    props.$position === 'bottom-center'\n      ? css`\n          bottom: 0;\n          left: 50%;\n          transform: translateX(-50%);\n          justify-content: flex-start;\n          flex-direction: column-reverse;\n        `\n      : props.$position === 'bottom-left'\n        ? css`\n            left: 0;\n            bottom: 0;\n            justify-content: flex-start;\n            flex-direction: column-reverse;\n          `\n        : props.$position === 'bottom-right'\n          ? css`\n              right: 0;\n              bottom: 0;\n              justify-content: flex-start;\n              flex-direction: column-reverse;\n            `\n          : props.$position === 'top-right'\n            ? css`\n                top: 0;\n                right: 0;\n                justify-content: flex-end;\n                flex-direction: column;\n              `\n            : props.$position === 'top-left'\n              ? css`\n                  top: 0;\n                  left: 0;\n                  justify-content: flex-end;\n                  flex-direction: column;\n                `\n              : props.$position === 'top-center'\n                ? css`\n                    top: 0;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    justify-content: flex-end;\n                    flex-direction: column;\n                  `\n                : css``}\n`;\n\nexport const SonnerElementWrapper = styled.div<SonnerElementWrapperProps>`\n  background: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.background};\n  color: ${(props) => props.theme.colors.sonner[props.$genre].icon.color};\n  border-radius: 12px;\n  border-style: solid;\n  border-color: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.borderColor};\n  border-width: 1px;\n  padding: 16px 20px 16px 20px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  align-items: center;\n  justify-content: flex-start;\n  align-self: stretch;\n  flex-shrink: 0;\n  flex-shrink: 1;\n  min-width: 320px;\n  min-height: 64px;\n  transform-origin: center center;\n  box-shadow: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.boxShadow};\n  overflow: visible;\n  &:hover {\n    box-shadow: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.boxShadowHover};\n  }\n  ${addTransition};\n`;\nexport const SonnerContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  align-items: flex-start;\n  justify-content: flex-start;\n  align-self: stretch;\n  flex-shrink: 0;\n  flex: 1;\n  position: relative;\n  overflow: hidden;\n`;\nexport const SonnerIcon = styled.div`\n  display: contents;\n`;\nexport const SonnerContentTitle = styled.div<SonnerContentTitleProps>`\n  color:  ${(props) => props.theme.colors.sonner[props.$genre].title.color};\n  text-align: left;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n`;\nexport const SonnerContentDescription = styled.div<SonnerContentDescriptionProps>`\n  color:${(props) => props.theme.colors.sonner[props.$genre].description.color};\n  text-align: left;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  ${addFont};\n`;\nexport const SonnerButtonWrapper = styled.div``;\n","import { ITheme } from '@local/theme';\n\nimport { ProviderSonnerProps } from '.';\n\nexport const DEFAULT_PROVIDER_SONNER_Z_INDEX = 100;\nexport const DEFAULT_PROVIDER_SONNER_SCALE = 0.04;\nexport const DEFAULT_PROVIDER_SONNER_Y = 100;\nexport const DEFAULT_PROVIDER_SONNER_DURATION = 0.3;\nexport const DEFAULT_PROVIDER_SONNER_GENRE: keyof ITheme['colors']['sonner'] = 'black';\nexport const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 60;\nexport const DEFAULT_PROVIDER_SONNER_BUTTON: ProviderSonnerProps['default']['button'] = {\n  content: 'Undo',\n  onClick: () => {},\n};\n","import { useContext } from 'react';\n\nimport { SonnerContext, SonnerContextProps } from '.';\n\nexport const useSonner = (): SonnerContextProps => {\n  const context = useContext(SonnerContext);\n  if (!context) {\n    throw new Error('useSonner must be used within an ProviderSonner');\n  }\n  return context;\n};\n"],"names":["SonnerContext","createContext","MemoizedSonnerElement","memo","props","jsx","motion","div","layout","initial","opacity","scale","y","isLastViewIndex","isTop","DEFAULT_PROVIDER_SONNER_Y","animate","isMoreThanLastViewIndex","pointerEvents","display","isHovered","index","DEFAULT_PROVIDER_SONNER_SCALE","marginTop","DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM","marginBottom","style","zIndex","whileInView","exit","transition","type","duration","DEFAULT_PROVIDER_SONNER_DURATION","children","jsxs","SonnerElementWrapper","$genre","genre","onClick","hidingMode","handleOnClick","id","isLoading","icon","SonnerIcon","Icon","size","name","SonnerContent","content","Fragment","title","SonnerContentTitle","$font","weight","description","SonnerContentDescription","button","SonnerButtonWrapper","Button","buttonGenre","SonnerLayout","styled","$zIndex","$gap","addRemoveScrollbar","$position","css","theme","colors","sonner","wrapper","background","color","borderColor","boxShadow","boxShadowHover","addTransition","addFont","DEFAULT_PROVIDER_SONNER_Z_INDEX","DEFAULT_PROVIDER_SONNER_GENRE","DEFAULT_PROVIDER_SONNER_BUTTON","memoVisibleToasts","useMemo","visibleToasts","memoDefaultDescription","_a","default","memoDefaultTitle","_b","memoDefaultButton","_c","memoDefaultHidingTime","hidingTime","_d","memoDefaultHidingMode","_e","memoDefaultGenre","_f","position","includes","contentHistory","setContentHistory","useState","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","remove","prev","itemToRemove","find","item","indexToRemove","updatedHistory","filter","map","length","toast","uuidv4","existingIndex","findIndex","newContent","unshift","setTimeout","promise","expectation","localToast","then","result","catch","error","useTheme","Provider","value","gap","onMouseEnter","onMouseLeave","AnimatePresence","isMoreThanLastViewIndexPlusOne","localGenre","localContent","localTitle","localDescription","context","useContext","Error"],"mappings":"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"}

package/build/context.functions-80N-5MqM.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("react"),o=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("js-cookie"),r=e.createContext(null),t=o=>{const[r,t]=e.useState(),a=e.useCallback(e=>{const o=i.get(String(e));return t(i=>({...i,[e]:o?JSON.parse(o):void 0})),o?JSON.parse(o):void 0},[]),s=e.useCallback((e,o,r)=>{try{i.set(String(e),JSON.stringify(o),r),t(i=>({...i,[e]:o}))}catch{console.info(`Provider Cookie. ChangeCookie error - key:${e}, value:${o}.`)}},[]),n=e.useCallback((e,o)=>{try{i.remove(String(e),o),t(o=>({...o,[e]:void 0}))}catch{console.info(`Provider Cookie. RemoveCookieValue error - key:${e}.`)}},[]),l=e.useCallback(()=>{var e;o.validate&&o.validate.validateKeys?null==(e=o.validate)||e.validateKeys.forEach(e=>{n(String(e))}):console.info("Provider Cookie. Validate is not defined.")},[o.validate,n]),c=e.useCallback(()=>{var e;o.validate&&o.validate.validateKeys&&o.validate.getValidateCookieValue?null==(e=o.validate)||e.validateKeys.forEach(e=>{var r;const a=i.get(String(e));if(a)try{const i=JSON.parse(a);(null==(r=o.validate)?void 0:r.getValidateCookieValue(String(e),i))?t(o=>({...o,[e]:i})):n(String(e))}catch{n(String(e))}else n(String(e))}):console.info("Provider Cookie. Validate is not defined.")},[o.validate,n]);return e.useEffect(()=>{c()},[c]),{getCookie:a,setCookie:s,removeCookieValue:n,removeCookieValues:l,checkCookie:c,cookieValues:r}};exports.CookieContext=r,exports.ProviderCookie=e=>{const{getCookie:i,setCookie:a,removeCookieValue:s,removeCookieValues:n,checkCookie:l,cookieValues:c}=t(e);return o.jsxRuntimeExports.jsx(r.Provider,{value:{getCookie:i,setCookie:a,removeCookieValue:s,removeCookieValues:n,checkCookie:l,cookieValues:c},children:e.children})},exports.getFromCookie=function(e){const o=i.get(e);if(o)try{return JSON.parse(o)}catch(r){return console.error(`Error parsing cookie item "${e}":`,r),null}return null},exports.setToCookie=function(e,o,r){try{const t=JSON.stringify(o);i.set(e,t,r)}catch(t){console.error(`Error setting cookie item "${e}":`,t)}},exports.useCookie=()=>{const o=e.useContext(r);if(!o)throw new Error("useCookie must be used within an ProviderCookie");return o};
-//# sourceMappingURL=context.functions-80N-5MqM.cjs.map

package/build/context.functions-80N-5MqM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.functions-80N-5MqM.cjs","sources":["../src/contexts/context-cookie/context.tsx","../src/contexts/context-cookie/context.functions.ts","../src/contexts/context-cookie/context.hooks.ts"],"sourcesContent":["import Cookies from 'js-cookie';\nimport { FC, createContext, useCallback, useEffect, useState } from 'react';\n\nimport { CookieAttributes, CookieContextProps, ProviderCookieProps, ValidCookieObject } from '.';\n\n/**\n * Context for managing cookies.\n */\nexport const CookieContext = createContext<CookieContextProps | null>(null);\n\n/**\n * Provider component for managing cookies.\n *\n * @remarks\n * You should understand which cookies you are changing and whether you have access to them.\n *\n * @remarks\n * The local storage is typed using the `jenesei-kit-react.d.ts` file:\n *\n * ```typescript\n * import '@jenesei-software/jenesei-kit-react'\n *\n * declare module '@jenesei-software/jenesei-kit-react' {\n *   export interface ValidCookieObject {\n *    access_token: string\n *    refresh_token: string\n *   }\n * }\n * ```\n */\nexport const ProviderCookie: FC<ProviderCookieProps> = (props) => {\n  const { getCookie, setCookie, removeCookieValue, removeCookieValues, checkCookie, cookieValues } =\n    useProviderCookie(props);\n\n  return (\n    <CookieContext.Provider\n      value={{\n        getCookie,\n        setCookie,\n        removeCookieValue,\n        removeCookieValues,\n        checkCookie,\n        cookieValues,\n      }}\n    >\n      {props.children}\n    </CookieContext.Provider>\n  );\n};\n\nconst useProviderCookie = (props: ProviderCookieProps) => {\n  const [cookieValues, setCookieValues] = useState<ValidCookieObject>();\n\n  const getCookie = useCallback(<K extends keyof ValidCookieObject>(name: K): ValidCookieObject[K] | undefined => {\n    const cookie = Cookies.get(String(name));\n    setCookieValues((prevState) => ({\n      ...prevState,\n      [name]: cookie ? JSON.parse(cookie) : undefined,\n    }));\n    return cookie ? JSON.parse(cookie) : undefined;\n  }, []);\n\n  const changeCookie = useCallback(\n    <K extends keyof ValidCookieObject>(name: K, value: ValidCookieObject[K], options?: CookieAttributes) => {\n      try {\n        Cookies.set(String(name), JSON.stringify(value), options);\n        setCookieValues((prevState) => ({ ...prevState, [name]: value }));\n      } catch {\n        console.info(`Provider Cookie. ChangeCookie error - key:${name}, value:${value}.`);\n      }\n    },\n    [],\n  );\n\n  const removeCookieValue = useCallback(<K extends keyof ValidCookieObject>(name: K, options?: CookieAttributes) => {\n    try {\n      Cookies.remove(String(name), options);\n      setCookieValues((prevState) => ({ ...prevState, [name]: undefined }));\n    } catch {\n      console.info(`Provider Cookie. RemoveCookieValue error - key:${name}.`);\n    }\n  }, []);\n\n  const removeCookieValues = useCallback(() => {\n    if (props.validate && props.validate.validateKeys) {\n      props.validate?.validateKeys.forEach((key) => {\n        removeCookieValue(String(key) as never);\n      });\n    } else {\n      console.info('Provider Cookie. Validate is not defined.');\n    }\n  }, [props.validate, removeCookieValue]);\n\n  const checkCookie = useCallback(() => {\n    if (props.validate && props.validate.validateKeys && props.validate.getValidateCookieValue) {\n      props.validate?.validateKeys.forEach((key) => {\n        const cookieValue = Cookies.get(String(key));\n        if (cookieValue) {\n          try {\n            const parsedValue = JSON.parse(cookieValue);\n            if (!props.validate?.getValidateCookieValue(String(key) as never, parsedValue as never)) {\n              removeCookieValue(String(key) as never);\n            } else {\n              setCookieValues((prevState) => ({\n                ...prevState,\n                [key]: parsedValue,\n              }));\n            }\n          } catch {\n            removeCookieValue(String(key) as never);\n          }\n        } else {\n          removeCookieValue(String(key) as never);\n        }\n      });\n    } else {\n      console.info('Provider Cookie. Validate is not defined.');\n    }\n  }, [props.validate, removeCookieValue]);\n\n  useEffect(() => {\n    checkCookie();\n  }, [checkCookie]);\n\n  return { getCookie, setCookie: changeCookie, removeCookieValue, removeCookieValues, checkCookie, cookieValues };\n};\n","import Cookies from 'js-cookie';\n\nimport { CookieAttributes } from '.';\n\nexport function getFromCookie<T>(key: string): T | null {\n  const item = Cookies.get(key);\n  if (item) {\n    try {\n      return JSON.parse(item) as T;\n    } catch (error) {\n      console.error(`Error parsing cookie item \"${key}\":`, error);\n      return null;\n    }\n  }\n  return null;\n}\n\nexport function setToCookie<T>(key: string, value: T, options?: CookieAttributes): void {\n  try {\n    const item = JSON.stringify(value);\n    Cookies.set(key, item, options);\n  } catch (error) {\n    console.error(`Error setting cookie item \"${key}\":`, error);\n  }\n}\n","import { useContext } from 'react';\n\nimport { CookieContext, CookieContextProps } from '.';\n\n/**\n * Custom hook to access the CookieContext.\n *\n * @remarks\n * You should understand which cookies you are changing and whether you have access to them.\n *\n */\nexport const useCookie = (): CookieContextProps => {\n  const context = useContext(CookieContext);\n  if (!context) {\n    throw new Error('useCookie must be used within an ProviderCookie');\n  }\n  return context;\n};\n"],"names":["CookieContext","createContext","useProviderCookie","props","cookieValues","setCookieValues","useState","getCookie","useCallback","name","cookie","Cookies","get","String","prevState","JSON","parse","changeCookie","value","options","set","stringify","console","info","removeCookieValue","remove","removeCookieValues","validate","validateKeys","_a","forEach","key","checkCookie","getValidateCookieValue","cookieValue","parsedValue","useEffect","setCookie","jsx","Provider","children","item","error","context","useContext","Error"],"mappings":"qGAQaA,EAAgBC,EAAAA,cAAyC,MA0ChEC,EAAqBC,IACzB,MAAOC,EAAcC,GAAmBC,aAElCC,EAAYC,cAAgDC,IAChE,MAAMC,EAASC,EAAQC,IAAIC,OAAOJ,IAKlC,OAJAJ,EAAiBS,IAAA,IACZA,EACHL,CAACA,GAAOC,EAASK,KAAKC,MAAMN,QAAU,KAEjCA,EAASK,KAAKC,MAAMN,QAAU,GACpC,IAEGO,EAAeT,EAAAA,YACnB,CAAoCC,EAASS,EAA6BC,KACxE,IACER,EAAQS,IAAIP,OAAOJ,GAAOM,KAAKM,UAAUH,GAAQC,GACjDd,EAAiBS,QAAoBA,EAAWL,CAACA,GAAOS,IAAQ,CAAA,MAEhEI,QAAQC,KAAK,6CAA6Cd,YAAeS,KAAQ,GAGrF,IAGIM,EAAoBhB,EAAAA,YAAY,CAAoCC,EAASU,KACjF,IACER,EAAQc,OAAOZ,OAAOJ,GAAOU,GAC7Bd,EAAiBS,QAAoBA,EAAWL,CAACA,QAAO,IAAY,CAAA,MAEpEa,QAAQC,KAAK,kDAAkDd,KAAO,GAEvE,IAEGiB,EAAqBlB,EAAAA,YAAY,WACjCL,EAAMwB,UAAYxB,EAAMwB,SAASC,aACnC,OAAAC,EAAA1B,EAAMwB,WAANE,EAAgBD,aAAaE,QAASC,IACpCP,EAAkBX,OAAOkB,MAG3BT,QAAQC,KAAK,8CAEd,CAACpB,EAAMwB,SAAUH,IAEdQ,EAAcxB,EAAAA,YAAY,WAC1BL,EAAMwB,UAAYxB,EAAMwB,SAASC,cAAgBzB,EAAMwB,SAASM,uBAClE,OAAAJ,EAAA1B,EAAMwB,WAANE,EAAgBD,aAAaE,QAASC,UACpC,MAAMG,EAAcvB,EAAQC,IAAIC,OAAOkB,IACvC,GAAIG,EACF,IACE,MAAMC,EAAcpB,KAAKC,MAAMkB,IAC1B,OAAAL,EAAA1B,EAAMwB,eAAN,EAAAE,EAAgBI,uBAAuBpB,OAAOkB,GAAeI,IAGhE9B,EAAiBS,IAAA,IACZA,EACHiB,CAACA,GAAMI,KAJTX,EAAkBX,OAAOkB,GAM3B,CAAA,MAEAP,EAAkBX,OAAOkB,GAAa,MAGxCP,EAAkBX,OAAOkB,MAI7BT,QAAQC,KAAK,8CAEd,CAACpB,EAAMwB,SAAUH,IAMpB,OAJAY,EAAAA,UAAU,KACRJ,KACC,CAACA,IAEG,CAAEzB,YAAW8B,UAAWpB,EAAcO,oBAAmBE,qBAAoBM,cAAa5B,gEA9F3CD,IACtD,MAAMI,UAAEA,YAAW8B,EAAAb,kBAAWA,EAAAE,mBAAmBA,cAAoBM,EAAA5B,aAAaA,GAChFF,EAAkBC,GAEpB,SACEmC,kBAAAA,IAACtC,EAAcuC,SAAd,CACCrB,MAAO,CACLX,YACA8B,YACAb,oBACAE,qBACAM,cACA5B,gBAGDoC,SAAArC,EAAMqC,kCCzCN,SAA0BT,GAC/B,MAAMU,EAAO9B,EAAQC,IAAImB,GACzB,GAAIU,EACF,IACE,OAAO1B,KAAKC,MAAMyB,EAAI,OACfC,GAEP,OADApB,QAAQoB,MAAM,8BAA8BX,MAASW,GAC9C,IAAA,CAGX,OAAO,IACT,sBAEO,SAAwBX,EAAab,EAAUC,GACpD,IACE,MAAMsB,EAAO1B,KAAKM,UAAUH,GAC5BP,EAAQS,IAAIW,EAAKU,EAAMtB,EAAO,OACvBuB,GACPpB,QAAQoB,MAAM,8BAA8BX,MAASW,EAAK,CAE9D,oBCbyB,KACvB,MAAMC,EAAUC,EAAAA,WAAW5C,GAC3B,IAAK2C,EACH,MAAM,IAAIE,MAAM,mDAElB,OAAOF"}

package/build/context.functions-BD15C8_y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.functions-BD15C8_y.js","sources":["../src/contexts/context-cookie/context.tsx","../src/contexts/context-cookie/context.hooks.ts","../src/contexts/context-cookie/context.functions.ts"],"sourcesContent":["import Cookies from 'js-cookie';\nimport { FC, createContext, useCallback, useEffect, useState } from 'react';\n\nimport { CookieAttributes, CookieContextProps, ProviderCookieProps, ValidCookieObject } from '.';\n\n/**\n * Context for managing cookies.\n */\nexport const CookieContext = createContext<CookieContextProps | null>(null);\n\n/**\n * Provider component for managing cookies.\n *\n * @remarks\n * You should understand which cookies you are changing and whether you have access to them.\n *\n * @remarks\n * The local storage is typed using the `jenesei-kit-react.d.ts` file:\n *\n * ```typescript\n * import '@jenesei-software/jenesei-kit-react'\n *\n * declare module '@jenesei-software/jenesei-kit-react' {\n *   export interface ValidCookieObject {\n *    access_token: string\n *    refresh_token: string\n *   }\n * }\n * ```\n */\nexport const ProviderCookie: FC<ProviderCookieProps> = (props) => {\n  const { getCookie, setCookie, removeCookieValue, removeCookieValues, checkCookie, cookieValues } =\n    useProviderCookie(props);\n\n  return (\n    <CookieContext.Provider\n      value={{\n        getCookie,\n        setCookie,\n        removeCookieValue,\n        removeCookieValues,\n        checkCookie,\n        cookieValues,\n      }}\n    >\n      {props.children}\n    </CookieContext.Provider>\n  );\n};\n\nconst useProviderCookie = (props: ProviderCookieProps) => {\n  const [cookieValues, setCookieValues] = useState<ValidCookieObject>();\n\n  const getCookie = useCallback(<K extends keyof ValidCookieObject>(name: K): ValidCookieObject[K] | undefined => {\n    const cookie = Cookies.get(String(name));\n    setCookieValues((prevState) => ({\n      ...prevState,\n      [name]: cookie ? JSON.parse(cookie) : undefined,\n    }));\n    return cookie ? JSON.parse(cookie) : undefined;\n  }, []);\n\n  const changeCookie = useCallback(\n    <K extends keyof ValidCookieObject>(name: K, value: ValidCookieObject[K], options?: CookieAttributes) => {\n      try {\n        Cookies.set(String(name), JSON.stringify(value), options);\n        setCookieValues((prevState) => ({ ...prevState, [name]: value }));\n      } catch {\n        console.info(`Provider Cookie. ChangeCookie error - key:${name}, value:${value}.`);\n      }\n    },\n    [],\n  );\n\n  const removeCookieValue = useCallback(<K extends keyof ValidCookieObject>(name: K, options?: CookieAttributes) => {\n    try {\n      Cookies.remove(String(name), options);\n      setCookieValues((prevState) => ({ ...prevState, [name]: undefined }));\n    } catch {\n      console.info(`Provider Cookie. RemoveCookieValue error - key:${name}.`);\n    }\n  }, []);\n\n  const removeCookieValues = useCallback(() => {\n    if (props.validate && props.validate.validateKeys) {\n      props.validate?.validateKeys.forEach((key) => {\n        removeCookieValue(String(key) as never);\n      });\n    } else {\n      console.info('Provider Cookie. Validate is not defined.');\n    }\n  }, [props.validate, removeCookieValue]);\n\n  const checkCookie = useCallback(() => {\n    if (props.validate && props.validate.validateKeys && props.validate.getValidateCookieValue) {\n      props.validate?.validateKeys.forEach((key) => {\n        const cookieValue = Cookies.get(String(key));\n        if (cookieValue) {\n          try {\n            const parsedValue = JSON.parse(cookieValue);\n            if (!props.validate?.getValidateCookieValue(String(key) as never, parsedValue as never)) {\n              removeCookieValue(String(key) as never);\n            } else {\n              setCookieValues((prevState) => ({\n                ...prevState,\n                [key]: parsedValue,\n              }));\n            }\n          } catch {\n            removeCookieValue(String(key) as never);\n          }\n        } else {\n          removeCookieValue(String(key) as never);\n        }\n      });\n    } else {\n      console.info('Provider Cookie. Validate is not defined.');\n    }\n  }, [props.validate, removeCookieValue]);\n\n  useEffect(() => {\n    checkCookie();\n  }, [checkCookie]);\n\n  return { getCookie, setCookie: changeCookie, removeCookieValue, removeCookieValues, checkCookie, cookieValues };\n};\n","import { useContext } from 'react';\n\nimport { CookieContext, CookieContextProps } from '.';\n\n/**\n * Custom hook to access the CookieContext.\n *\n * @remarks\n * You should understand which cookies you are changing and whether you have access to them.\n *\n */\nexport const useCookie = (): CookieContextProps => {\n  const context = useContext(CookieContext);\n  if (!context) {\n    throw new Error('useCookie must be used within an ProviderCookie');\n  }\n  return context;\n};\n","import Cookies from 'js-cookie';\n\nimport { CookieAttributes } from '.';\n\nexport function getFromCookie<T>(key: string): T | null {\n  const item = Cookies.get(key);\n  if (item) {\n    try {\n      return JSON.parse(item) as T;\n    } catch (error) {\n      console.error(`Error parsing cookie item \"${key}\":`, error);\n      return null;\n    }\n  }\n  return null;\n}\n\nexport function setToCookie<T>(key: string, value: T, options?: CookieAttributes): void {\n  try {\n    const item = JSON.stringify(value);\n    Cookies.set(key, item, options);\n  } catch (error) {\n    console.error(`Error setting cookie item \"${key}\":`, error);\n  }\n}\n"],"names":["jsx","_a"],"mappings":"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"}

package/build/context.functions-ohI9H54j.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("react"),a=require("./jsx-runtime-BcGej2Kr.cjs"),o=e.createContext(null),t=a=>{const[o,t]=e.useState(),r=e.useCallback(e=>{const a=localStorage.getItem(e);return t(o=>({...o,[e]:a?JSON.parse(a):void 0})),a?JSON.parse(a):void 0},[]),l=e.useCallback((e,a)=>{try{localStorage.setItem(String(e),JSON.stringify(a)),t(o=>({...o,[e]:a}))}catch{console.info(`Provider LocalStorage. ChangeLocalStorage error - key:${e}, value:${a}.`)}},[]),c=e.useCallback(e=>{try{localStorage.removeItem(String(e)),t(a=>({...a,[e]:void 0}))}catch{console.info(`Provider LocalStorage. RemoveLocalStorageValue error - key:${e}.`)}},[]),s=e.useCallback(()=>{var e;a.validate&&a.validate.validateKeys?null==(e=a.validate)||e.validateKeys.forEach(e=>{c(String(e))}):console.info("Provider LocalStorage. RemoveLocalStorageValues - validate is not defined.")},[a.validate,c]),i=e.useCallback(()=>{var e;a.validate&&a.validate.validateKeys&&a.validate.getValidateLocalStorageValue?null==(e=a.validate)||e.validateKeys.forEach(e=>{var o;const r=localStorage.getItem(e);if(r)try{const l=JSON.parse(r);(null==(o=a.validate)?void 0:o.getValidateLocalStorageValue(String(e),l))?t(a=>({...a,[e]:l})):c(String(e))}catch{c(String(e))}else c(String(e))}):console.info("Provider LocalStorage. CheckLocalStorage - validate is not defined.")},[a.validate,c]);return e.useEffect(()=>{i()},[i]),{getLocalStorage:r,setLocalStorage:l,removeLocalStorageValue:c,removeLocalStorageValues:s,checkLocalStorage:i,localStorageValues:o}};exports.LocalStorageContext=o,exports.ProviderLocalStorage=e=>{const{getLocalStorage:r,setLocalStorage:l,removeLocalStorageValue:c,removeLocalStorageValues:s,checkLocalStorage:i,localStorageValues:g}=t(e);return a.jsxRuntimeExports.jsx(o.Provider,{value:{getLocalStorage:r,setLocalStorage:l,removeLocalStorageValue:c,removeLocalStorageValues:s,checkLocalStorage:i,localStorageValues:g},children:e.children})},exports.getFromLocalStorage=function(e){const a=localStorage.getItem(e);if(a)try{return JSON.parse(a)}catch(o){return console.error(`Error parsing localStorage item "${e}":`,o),null}return null},exports.setToLocalStorage=function(e,a){try{const o=JSON.stringify(a);localStorage.setItem(e,o)}catch(o){console.error(`Error setting localStorage item "${e}":`,o)}},exports.useLocalStorage=()=>{const a=e.useContext(o);if(!a)throw new Error("useLocalStorage must be used within an ProviderLocalStorage");return a};
-//# sourceMappingURL=context.functions-ohI9H54j.cjs.map

package/build/context.hooks-BIIK-2HN.js

@@ -1,527 +0,0 @@
-import { createContext, useState, useCallback, useEffect, useContext } from "react";
-import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { P as Preview } from "./area-Cvp3eBBo.js";
-import { J as JeneseiPalette } from "./theme.global-BzunMIsv.js";
-import { u as useScreenWidth } from "./context.hooks-BmwyZ1p3.js";
-import { e as addGridTransition } from "./style-RL73t3JD.js";
-import { styled, css } from "styled-components";
-const AppContext = createContext(null);
-const ProviderApp = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-  const { bgColor, changeBgColor, historyBgColor, setDefaultBgColor } = useBgColor(props.defaultBgColor);
-  const { statusBarColor, changeStatusBarColor, historyStatusBarColor, setDefaultStatusBarColor } = useStatusBarColor(
-    props.defaultStatusBarColor
-  );
-  const { bgImage, changeBgImage, historyBgImage, setDefaultBgImage } = useBgImage(props.defaultBgImage || null);
-  const { title, changeTitle, setHistoryTitle, setDefaultTitle } = useTitle(props.defaultTitle || null);
-  const { description, changeDescription, historyDescription, setDefaultDescription } = useDescription(
-    props.defaultDescription
-  );
-  const { changePreview, previewProps } = usePreview(props.defaultPreview);
-  const { screenActual } = useScreenWidth();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    AppContext.Provider,
-    {
-      value: {
-        changePreview,
-        changeStatusBarColor,
-        changeBgColor,
-        changeBgImage,
-        changeTitle,
-        changeDescription,
-        historyStatusBarColor,
-        historyBgColor,
-        historyBgImage,
-        setHistoryTitle,
-        historyDescription,
-        setDefaultStatusBarColor,
-        setDefaultBgColor,
-        setDefaultBgImage,
-        setDefaultTitle,
-        setDefaultDescription
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: title }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("meta", { name: "description", content: description }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("meta", { name: "theme-color", content: JeneseiPalette[statusBarColor] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("meta", { name: "apple-mobile-web-app-status-bar-style", content: "default" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("meta", { name: "mobile-web-app-capable", content: "yes" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Preview, { ...previewProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderAppWrapper, { $bgColor: bgColor, $bgImage: bgImage, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          ProviderAppOutlet,
-          {
-            $isScrollOutlet: props.isScrollOutlet,
-            $footer: props.footer,
-            $notification: props.notification,
-            $header: props.header,
-            $nav: props.nav,
-            $leftAside: props.leftAside,
-            $rightAside: props.rightAside,
-            children: [
-              ((_a = props.notification) == null ? void 0 : _a.length) && ((_c = (_b = props.notification) == null ? void 0 : _b.length) == null ? void 0 : _c[screenActual]) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderAppOutletNotification, { $notification: props.notification, children: ((_d = props.notification) == null ? void 0 : _d.component) || null }) : null,
-              ((_e = props.header) == null ? void 0 : _e.length) && ((_g = (_f = props.header) == null ? void 0 : _f.length) == null ? void 0 : _g[screenActual]) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderAppOutletHeader, { $header: props.header, children: ((_h = props.header) == null ? void 0 : _h.component) || null }) : null,
-              ((_i = props.nav) == null ? void 0 : _i.length) && ((_k = (_j = props.nav) == null ? void 0 : _j.length) == null ? void 0 : _k[screenActual]) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderAppOutletNav, { $nav: props.nav, children: ((_l = props.nav) == null ? void 0 : _l.component) || null }) : null,
-              ((_m = props.leftAside) == null ? void 0 : _m.length) && ((_o = (_n = props.leftAside) == null ? void 0 : _n.length) == null ? void 0 : _o[screenActual]) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderAppOutletLeftAside, { $leftAside: props.leftAside, children: ((_p = props.leftAside) == null ? void 0 : _p.component) || null }) : null,
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderAppOutletChildren, { $isScrollOutlet: props.isScrollOutlet, $main: props.main, children: props.children }),
-              ((_q = props.rightAside) == null ? void 0 : _q.length) && ((_s = (_r = props.rightAside) == null ? void 0 : _r.length) == null ? void 0 : _s[screenActual]) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderAppOutletRightAside, { $rightAside: props.rightAside, children: ((_t = props.rightAside) == null ? void 0 : _t.component) || null }) : null,
-              ((_u = props.footer) == null ? void 0 : _u.length) && ((_w = (_v = props.footer) == null ? void 0 : _v.length) == null ? void 0 : _w[screenActual]) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderAppOutletFooter, { $footer: props.footer, children: ((_x = props.footer) == null ? void 0 : _x.component) || null }) : null
-            ]
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-const usePreview = (defaultPreview) => {
-  const [previewProps, setPreviewProps] = useState(defaultPreview || { visible: true, defaultVisible: true });
-  const changePreview = useCallback((newPreviewProps) => {
-    setPreviewProps(newPreviewProps);
-  }, []);
-  useEffect(() => {
-    if (defaultPreview) setPreviewProps(defaultPreview);
-  }, [defaultPreview]);
-  return { previewProps, changePreview };
-};
-const useBgColor = (defaultColor) => {
-  const [state, setState] = useState({
-    bgColor: defaultColor,
-    bgColorHistory: [defaultColor],
-    bgColorIndex: 0
-  });
-  const changeBgColor = useCallback((color) => {
-    setState((prev) => {
-      const newHistory = [...prev.bgColorHistory.slice(0, prev.bgColorIndex + 1), color];
-      return {
-        bgColor: color,
-        bgColorHistory: newHistory,
-        bgColorIndex: newHistory.length - 1
-      };
-    });
-  }, []);
-  const historyBgColor = useCallback((steps) => {
-    setState((prev) => {
-      const newIndex = prev.bgColorIndex + steps;
-      if (newIndex >= 0 && newIndex < prev.bgColorHistory.length) {
-        return {
-          ...prev,
-          bgColor: prev.bgColorHistory[newIndex],
-          bgColorIndex: newIndex
-        };
-      }
-      return prev;
-    });
-  }, []);
-  const setDefaultBgColor = useCallback(() => {
-    setState({
-      bgColor: defaultColor,
-      bgColorHistory: [defaultColor],
-      bgColorIndex: 0
-    });
-  }, [defaultColor]);
-  useEffect(() => {
-    setState({
-      bgColor: defaultColor,
-      bgColorHistory: [defaultColor],
-      bgColorIndex: 0
-    });
-  }, [defaultColor]);
-  return {
-    bgColor: state.bgColor,
-    changeBgColor,
-    historyBgColor,
-    setDefaultBgColor,
-    bgColorIndex: state.bgColorIndex
-  };
-};
-const useStatusBarColor = (defaultColor) => {
-  const [state, setState] = useState({
-    statusBarColor: defaultColor,
-    statusBarColorHistory: [defaultColor],
-    statusBarColorIndex: 0
-  });
-  const changeStatusBarColor = useCallback((color) => {
-    setState((prev) => {
-      const newHistory = [...prev.statusBarColorHistory.slice(0, prev.statusBarColorIndex + 1), color];
-      return {
-        statusBarColor: color,
-        statusBarColorHistory: newHistory,
-        statusBarColorIndex: newHistory.length - 1
-      };
-    });
-  }, []);
-  const historyStatusBarColor = useCallback((steps) => {
-    setState((prev) => {
-      const newIndex = prev.statusBarColorIndex + steps;
-      if (newIndex >= 0 && newIndex < prev.statusBarColorHistory.length) {
-        return {
-          ...prev,
-          statusBarColor: prev.statusBarColorHistory[newIndex],
-          statusBarColorIndex: newIndex
-        };
-      }
-      return prev;
-    });
-  }, []);
-  const setDefaultStatusBarColor = useCallback(() => {
-    setState({
-      statusBarColor: defaultColor,
-      statusBarColorHistory: [defaultColor],
-      statusBarColorIndex: 0
-    });
-  }, [defaultColor]);
-  useEffect(() => {
-    setState({
-      statusBarColor: defaultColor,
-      statusBarColorHistory: [defaultColor],
-      statusBarColorIndex: 0
-    });
-  }, [defaultColor]);
-  return {
-    statusBarColor: state.statusBarColor,
-    changeStatusBarColor,
-    historyStatusBarColor,
-    setDefaultStatusBarColor,
-    statusBarColorIndex: state.statusBarColorIndex
-  };
-};
-const useBgImage = (defaultImage) => {
-  const [state, setState] = useState({
-    bgImage: defaultImage,
-    bgImageHistory: [defaultImage],
-    bgImageIndex: 0
-  });
-  const changeBgImage = useCallback((image) => {
-    setState((prev) => {
-      const newHistory = [...prev.bgImageHistory.slice(0, prev.bgImageIndex + 1), image];
-      return {
-        bgImage: image,
-        bgImageHistory: newHistory,
-        bgImageIndex: newHistory.length - 1
-      };
-    });
-  }, []);
-  const historyBgImage = useCallback((steps) => {
-    setState((prev) => {
-      const newIndex = prev.bgImageIndex + steps;
-      if (newIndex >= 0 && newIndex < prev.bgImageHistory.length) {
-        return {
-          ...prev,
-          bgImage: prev.bgImageHistory[newIndex],
-          bgImageIndex: newIndex
-        };
-      }
-      return prev;
-    });
-  }, []);
-  const setDefaultBgImage = useCallback(() => {
-    setState({
-      bgImage: defaultImage,
-      bgImageHistory: [defaultImage],
-      bgImageIndex: 0
-    });
-  }, [defaultImage]);
-  useEffect(() => {
-    setState({
-      bgImage: defaultImage,
-      bgImageHistory: [defaultImage],
-      bgImageIndex: 0
-    });
-  }, [defaultImage]);
-  return {
-    bgImage: state.bgImage,
-    changeBgImage,
-    historyBgImage,
-    setDefaultBgImage,
-    bgImageIndex: state.bgImageIndex
-  };
-};
-const useTitle = (defaultTitle) => {
-  const [state, setState] = useState({
-    title: defaultTitle,
-    titleHistory: [defaultTitle],
-    titleIndex: 0
-  });
-  const changeTitle = useCallback((newTitle) => {
-    setState((prev) => {
-      const newHistory = [...prev.titleHistory.slice(0, prev.titleIndex + 1), newTitle];
-      return {
-        title: newTitle,
-        titleHistory: newHistory,
-        titleIndex: newHistory.length - 1
-      };
-    });
-  }, []);
-  const setHistoryTitle = useCallback((steps) => {
-    setState((prev) => {
-      const newIndex = prev.titleIndex + steps;
-      if (newIndex >= 0 && newIndex < prev.titleHistory.length) {
-        return {
-          ...prev,
-          title: prev.titleHistory[newIndex],
-          titleIndex: newIndex
-        };
-      }
-      return prev;
-    });
-  }, []);
-  const setDefaultTitle = useCallback(() => {
-    setState({
-      title: defaultTitle,
-      titleHistory: [defaultTitle],
-      titleIndex: 0
-    });
-  }, [defaultTitle]);
-  useEffect(() => {
-    setState({
-      title: defaultTitle,
-      titleHistory: [defaultTitle],
-      titleIndex: 0
-    });
-  }, [defaultTitle]);
-  return {
-    title: state.title,
-    titleIndex: state.titleIndex,
-    titleHistory: state.titleHistory,
-    changeTitle,
-    setHistoryTitle,
-    setDefaultTitle
-  };
-};
-const useDescription = (defaultDescription) => {
-  const [state, setState] = useState({
-    description: defaultDescription,
-    descriptionHistory: [defaultDescription],
-    descriptionIndex: 0
-  });
-  const changeDescription = useCallback((newDescription) => {
-    setState((prev) => {
-      const newHistory = [...prev.descriptionHistory.slice(0, prev.descriptionIndex + 1), newDescription];
-      return {
-        description: newDescription,
-        descriptionHistory: newHistory,
-        descriptionIndex: newHistory.length - 1
-      };
-    });
-  }, []);
-  const historyDescription = useCallback((steps) => {
-    setState((prev) => {
-      const newIndex = prev.descriptionIndex + steps;
-      if (newIndex >= 0 && newIndex < prev.descriptionHistory.length) {
-        return {
-          ...prev,
-          description: prev.descriptionHistory[newIndex],
-          descriptionIndex: newIndex
-        };
-      }
-      return prev;
-    });
-  }, []);
-  const setDefaultDescription = useCallback(() => {
-    setState({
-      description: defaultDescription,
-      descriptionHistory: [defaultDescription],
-      descriptionIndex: 0
-    });
-  }, [defaultDescription]);
-  useEffect(() => {
-    setState({
-      description: defaultDescription,
-      descriptionHistory: [defaultDescription],
-      descriptionIndex: 0
-    });
-  }, [defaultDescription]);
-  return {
-    description: state.description,
-    changeDescription,
-    historyDescription,
-    setDefaultDescription,
-    descriptionIndex: state.descriptionIndex
-  };
-};
-const ProviderAppWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  max-width: 100dvw;
-  min-height: 100dvh;
-  width: 100%;
-  overflow: hidden;
-  position: relative;
-
-  background-color: ${(props) => JeneseiPalette[props.$bgColor]};
-  background-image: url(${(props) => props.$bgImage});
-`;
-const generateGridTemplateAreas = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  let templateAreas = `
-    "notification notification notification"
-    "header header header"
-    "nav nav nav"
-    "leftAside children rightAside"
-    "footer footer footer"
-  `;
-  templateAreas = `
-      "notification notification notification"
-      "${((_a = props.$leftAside) == null ? void 0 : _a.isTopHeader) ? "leftAside" : "header"} header ${((_b = props.$rightAside) == null ? void 0 : _b.isTopHeader) ? "rightAside" : "header"}"
-      "${((_c = props.$leftAside) == null ? void 0 : _c.isTopHeader) ? "leftAside" : ((_d = props.$leftAside) == null ? void 0 : _d.isTopNav) ? "leftAside" : "nav"} nav ${((_e = props.$rightAside) == null ? void 0 : _e.isTopHeader) ? "rightAside" : ((_f = props.$rightAside) == null ? void 0 : _f.isTopNav) ? "rightAside" : "nav"}"
-      "leftAside children rightAside"
-      "${((_g = props.$leftAside) == null ? void 0 : _g.isTopFooter) ? "leftAside" : "footer"} footer ${((_h = props.$rightAside) == null ? void 0 : _h.isTopFooter) ? "rightAside" : "footer"}"
-    `;
-  return templateAreas;
-};
-function toStyledAppOutletCSS(props) {
-  return css`
-    grid-template-columns: ${() => `${props.leftAsideWidth} 1fr ${props.rightAsideWidth}`};
-    grid-template-rows: ${() => `${props.notificationHeight} ${props.headerHeight} ${props.navHeight} 1fr ${props.footerHeight}`};
-  `;
-}
-const addSXAppOutlet = css`
-  ${(props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const leftAsideWidth = (_b = (_a = props.$leftAside) == null ? void 0 : _a.length) == null ? void 0 : _b.default;
-  const rightAsideWidth = (_d = (_c = props.$rightAside) == null ? void 0 : _c.length) == null ? void 0 : _d.default;
-  const notificationHeight = (_f = (_e = props.$notification) == null ? void 0 : _e.length) == null ? void 0 : _f.default;
-  const headerHeight = (_h = (_g = props.$header) == null ? void 0 : _g.length) == null ? void 0 : _h.default;
-  const navHeight = (_j = (_i = props.$nav) == null ? void 0 : _i.length) == null ? void 0 : _j.default;
-  const footerHeight = (_l = (_k = props.$footer) == null ? void 0 : _k.length) == null ? void 0 : _l.default;
-  return toStyledAppOutletCSS({
-    leftAsideWidth: leftAsideWidth ?? "0px",
-    rightAsideWidth: rightAsideWidth ?? "0px",
-    notificationHeight: notificationHeight ?? "0px",
-    headerHeight: headerHeight ?? "0px",
-    navHeight: navHeight ?? "0px",
-    footerHeight: footerHeight ?? "0px"
-  });
-}}
-  ${(props) => {
-  var _a, _b, _c, _d, _e, _f;
-  const leftAsideWidth = (_a = props.$leftAside) == null ? void 0 : _a.length;
-  const rightAsideWidth = (_b = props.$rightAside) == null ? void 0 : _b.length;
-  const notificationHeight = (_c = props.$notification) == null ? void 0 : _c.length;
-  const headerHeight = (_d = props.$header) == null ? void 0 : _d.length;
-  const navHeight = (_e = props.$nav) == null ? void 0 : _e.length;
-  const footerHeight = (_f = props.$footer) == null ? void 0 : _f.length;
-  return Object.entries(props.theme.screens).filter(([key]) => key !== "default").map(([key]) => {
-    var _a2;
-    const deviceKey = key;
-    const screenWidth = (_a2 = props.theme.screens[deviceKey]) == null ? void 0 : _a2.width;
-    if (!screenWidth) return null;
-    return css`
-          @media (max-width: ${screenWidth}px) {
-            ${toStyledAppOutletCSS({
-      leftAsideWidth: leftAsideWidth && leftAsideWidth[deviceKey] ? leftAsideWidth[deviceKey] : "0px",
-      rightAsideWidth: rightAsideWidth && rightAsideWidth[deviceKey] ? rightAsideWidth[deviceKey] : "0px",
-      notificationHeight: notificationHeight && notificationHeight[deviceKey] ? notificationHeight[deviceKey] : "0px",
-      headerHeight: headerHeight && headerHeight[deviceKey] ? headerHeight[deviceKey] : "0px",
-      navHeight: navHeight && navHeight[deviceKey] ? navHeight[deviceKey] : "0px",
-      footerHeight: footerHeight && footerHeight[deviceKey] ? footerHeight[deviceKey] : "0px"
-    })}
-          }
-        `;
-  });
-}}
-`;
-const ProviderAppOutlet = styled.div`
-  display: grid;
-  width: 100%;
-  height: 100%;
-
-  overflow-y: auto;
-  overflow-x: hidden;
-  scrollbar-gutter: stable;
-  
-  min-height: 100dvh;
-  max-height: 100dvh;
-  
-  ${addGridTransition};
-
-  ${(props) => `
-    grid-template-areas: ${generateGridTemplateAreas(props)};
-  `}
-
-  ${addSXAppOutlet};
-`;
-const ProviderAppOutletChildren = styled.main`
-  z-index: ${(props) => {
-  var _a;
-  return ((_a = props == null ? void 0 : props.$main) == null ? void 0 : _a.zIndex) ?? "auto";
-}};
-  display: flex;
-  grid-area: children;
-  max-width: 100%;
-  max-height: 100%;
-  overflow: ${(props) => props.$isScrollOutlet ? "auto" : "visible"};
-  scrollbar-gutter: stable;
-`;
-const ProviderAppOutletNotification = styled.section`
-  z-index: ${(props) => {
-  var _a;
-  return ((_a = props == null ? void 0 : props.$notification) == null ? void 0 : _a.zIndex) ?? "auto";
-}};
-  grid-area: notification;
-  display: flex;
-`;
-const ProviderAppOutletHeader = styled.header`
-  z-index: ${(props) => {
-  var _a;
-  return ((_a = props == null ? void 0 : props.$header) == null ? void 0 : _a.zIndex) ?? "auto";
-}};
-  grid-area: header;
-  display: flex;
-`;
-const ProviderAppOutletFooter = styled.footer`
-  z-index: ${(props) => {
-  var _a;
-  return ((_a = props == null ? void 0 : props.$footer) == null ? void 0 : _a.zIndex) ?? "auto";
-}};
-  grid-area: footer;
-  display: flex;
-`;
-const ProviderAppOutletNav = styled.nav`
-  z-index: ${(props) => {
-  var _a;
-  return ((_a = props == null ? void 0 : props.$nav) == null ? void 0 : _a.zIndex) ?? "auto";
-}};
-  grid-area: nav;
-  display: flex;
-`;
-const ProviderAppOutletLeftAside = styled.aside`
-  z-index: ${(props) => {
-  var _a;
-  return ((_a = props == null ? void 0 : props.$leftAside) == null ? void 0 : _a.zIndex) ?? "auto";
-}};
-  grid-area: leftAside;
-  display: flex;
-`;
-const ProviderAppOutletRightAside = styled.aside`
-  z-index: ${(props) => {
-  var _a;
-  return ((_a = props == null ? void 0 : props.$rightAside) == null ? void 0 : _a.zIndex) ?? "auto";
-}};
-  grid-area: rightAside;
-  display: flex;
-`;
-const useApp = () => {
-  const context = useContext(AppContext);
-  if (!context) {
-    throw new Error("useApp must be used within an ProviderApp");
-  }
-  return context;
-};
-export {
-  AppContext as A,
-  ProviderApp as P,
-  useStatusBarColor as a,
-  useBgImage as b,
-  useDescription as c,
-  ProviderAppWrapper as d,
-  ProviderAppOutlet as e,
-  ProviderAppOutletChildren as f,
-  ProviderAppOutletNotification as g,
-  ProviderAppOutletHeader as h,
-  ProviderAppOutletFooter as i,
-  ProviderAppOutletNav as j,
-  ProviderAppOutletLeftAside as k,
-  ProviderAppOutletRightAside as l,
-  useApp as m,
-  useBgColor as u
-};
-//# sourceMappingURL=context.hooks-BIIK-2HN.js.map