@jenesei-software/jenesei-kit-react 1.3.9 → 1.3.11

package/build/context.constants-CV8ycctl.cjs

@@ -1,100 +0,0 @@
-"use strict";const e=require("react"),n=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("framer-motion"),i=require("styled-components"),o=require("uuid"),r=require("./component-u_42PteJ.cjs"),s=require("./component.styles-DSle6iuF.cjs"),l=require("./component-CACoGUK9.cjs"),d=require("./style-mc2ST5fY.cjs"),c=e.createContext(null),x=e.memo(e=>n.jsxRuntimeExports.jsx(t.motion.div,{layout:!0,initial:{opacity:0,scale:1,y:e.isLastViewIndex?e.isTop?E:-E:e.isTop?-E:E},animate:{y:0,opacity:e.isMoreThanLastViewIndex?0:1,pointerEvents:e.isMoreThanLastViewIndex?"none":"auto",display:e.isMoreThanLastViewIndex?"none":"flex",scale:e.isHovered?1:1-e.index*j,marginTop:e.isTop?e.isHovered||0===e.index?"0px":`-${y}px`:"0px",marginBottom:e.isTop||e.isHovered||0===e.index?"0px":`-${y}px`},style:{zIndex:-e.index},whileInView:{opacity:e.isMoreThanLastViewIndex?0:1},exit:{opacity:0,y:e.isTop?-E:E},transition:{type:"spring",duration:b},children:n.jsxRuntimeExports.jsxs(u,{$genre:e.genre,onClick:()=>"clickOnSonner"===e.hidingMode&&e.handleOnClick(e.id,"clickOnSonner"),children:[(e.isLoading||e.icon)&&n.jsxRuntimeExports.jsx(m,{children:e.isLoading?n.jsxRuntimeExports.jsx(s.Icon,{size:"medium",type:"loading",name:"Line"}):e.icon&&n.jsxRuntimeExports.jsx(s.Icon,{name:e.icon,type:"id",size:"medium"})}),n.jsxRuntimeExports.jsx(p,{children:e.content?e.content:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[e.title&&n.jsxRuntimeExports.jsx(f,{$genre:e.genre,children:e.title}),e.description&&n.jsxRuntimeExports.jsx(v,{$genre:e.genre,children:e.description})]})}),e.button&&e.button.content&&n.jsxRuntimeExports.jsx(h,{children:n.jsxRuntimeExports.jsx(r.Button,{genre:e.buttonGenre,size:"small",onClick:()=>"clickOnButton"===e.hidingMode&&e.handleOnClick(e.id,"clickOnButton"),children:e.button.content})})]})},e.id)),a=i.div`
-  position: fixed;
-  z-index: ${e=>e.$zIndex};
-  max-height: calc(100dvh - 20px);
-  width: 320px;
-  display: flex;
-  margin: 10px;
-  gap: ${e=>e.$gap}px;
-  box-sizing: content-box;
-  overflow-y: visible;
-  overflow-x: visible;
-  ${d.addRemoveScrollbar}
-  ${e=>"bottom-center"===e.$position?i.css`
-          bottom: 0;
-          left: 50%;
-          transform: translateX(-50%);
-          justify-content: flex-start;
-          flex-direction: column-reverse;
-        `:"bottom-left"===e.$position?i.css`
-            left: 0;
-            bottom: 0;
-            justify-content: flex-start;
-            flex-direction: column-reverse;
-          `:"bottom-right"===e.$position?i.css`
-              right: 0;
-              bottom: 0;
-              justify-content: flex-start;
-              flex-direction: column-reverse;
-            `:"top-right"===e.$position?i.css`
-                top: 0;
-                right: 0;
-                justify-content: flex-end;
-                flex-direction: column;
-              `:"top-left"===e.$position?i.css`
-                  top: 0;
-                  left: 0;
-                  justify-content: flex-end;
-                  flex-direction: column;
-                `:"top-center"===e.$position?i.css`
-                    top: 0;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    justify-content: flex-end;
-                    flex-direction: column;
-                  `:i.css``}
-`,u=i.div`
-  background: ${e=>e.theme.colors.sonner[e.$genre].wrapper.background};
-  color: ${e=>e.theme.colors.sonner[e.$genre].icon.color};
-  border-radius: 12px;
-  border-style: solid;
-  border-color: ${e=>e.theme.colors.sonner[e.$genre].wrapper.borderColor};
-  border-width: 1px;
-  padding: 16px 20px 16px 20px;
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-  align-items: center;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  flex-shrink: 1;
-  min-width: 320px;
-  min-height: 64px;
-  transform-origin: center center;
-  box-shadow: ${e=>e.theme.colors.sonner[e.$genre].wrapper.boxShadow};
-  overflow: visible;
-  &:hover {
-    box-shadow: ${e=>e.theme.colors.sonner[e.$genre].wrapper.boxShadowHover};
-  }
-  ${d.addTransition};
-`,p=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  align-items: flex-start;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  flex: 1;
-  position: relative;
-  overflow: hidden;
-`,m=i.div`
-  display: contents;
-`,f=i.div`
-  ${e=>l.getFontSizeStyles(14,700,e.theme.font.family)}
-  color:  ${e=>e.theme.colors.sonner[e.$genre].title.color};
-  text-align: left;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-`,v=i.div`
-  ${e=>l.getFontSizeStyles(12,400,e.theme.font.family)}
-  color:${e=>e.theme.colors.sonner[e.$genre].description.color};
-  text-align: left;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-`,h=i.div``,g=100,j=.04,E=100,b=.3,R="black",y=60,$={content:"Undo",onClick:()=>{}};exports.DEFAULT_PROVIDER_SONNER_BUTTON=$,exports.DEFAULT_PROVIDER_SONNER_DURATION=b,exports.DEFAULT_PROVIDER_SONNER_GENRE=R,exports.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM=y,exports.DEFAULT_PROVIDER_SONNER_SCALE=j,exports.DEFAULT_PROVIDER_SONNER_Y=E,exports.DEFAULT_PROVIDER_SONNER_Z_INDEX=g,exports.ProviderSonner=r=>{var s,l,d,u,p,m;const f=e.useMemo(()=>r.visibleToasts,[r.visibleToasts]),v=e.useMemo(()=>{var e;return null==(e=null==r?void 0:r.default)?void 0:e.description},[null==(s=null==r?void 0:r.default)?void 0:s.description]),h=e.useMemo(()=>{var e;return null==(e=null==r?void 0:r.default)?void 0:e.title},[null==(l=null==r?void 0:r.default)?void 0:l.title]),j=e.useMemo(()=>{var e;return null==(e=null==r?void 0:r.default)?void 0:e.button},[null==(d=null==r?void 0:r.default)?void 0:d.button]),E=e.useMemo(()=>{var e;return null==(e=null==r?void 0:r.default)?void 0:e.hidingTime},[null==(u=null==r?void 0:r.default)?void 0:u.hidingTime]),b=e.useMemo(()=>{var e;return(null==(e=null==r?void 0:r.default)?void 0:e.hidingMode)??"clickOnButton"},[null==(p=null==r?void 0:r.default)?void 0:p.hidingMode]),y=e.useMemo(()=>{var e;return(null==(e=null==r?void 0:r.default)?void 0:e.genre)??R},[null==(m=null==r?void 0:r.default)?void 0:m.genre]),T=e.useMemo(()=>r.position.includes("top"),[r.position]),[S,w]=e.useState([]),[I,O]=e.useState(!1),L=e.useCallback(()=>{O(!0)},[]),M=e.useCallback(()=>{O(!1)},[]),k=e.useCallback(e=>{w(n=>{const t=n.find(n=>n.id===e);if(!t)return n;const i=t.index,o=n.filter(n=>n.id!==e).map(e=>({...e,index:e.index>i?e.index-1:e.index}));return 0===o.length&&M(),o})},[M]),_=e.useCallback(e=>{const n=e.id??o.v4(),t=e.hidingTime??E;w(t=>{const i=t.findIndex(e=>e.id===n);let o;if(-1!==i)o=[...t],o[i]={...e,id:n,index:t[i].index};else{o=t.map(e=>({...e,index:e.index+1}));const i={...e,id:n,index:0};o.unshift(i)}return o}),void 0!==t&&setTimeout(()=>{k(n)},t)},[E,k]),C=e.useCallback((e,n,t)=>{const i=o.v4();return _({...n,id:i,isLoading:!0}),e.then(e=>{_({...t(e,void 0),id:i})}).catch(e=>{_({...t(void 0,e),id:i})})},[_]),N=e.useCallback(e=>{k(e)},[k]),D=i.useTheme();return n.jsxRuntimeExports.jsxs(c.Provider,{value:{toast:_,promise:C,remove:k,contentHistory:S},children:[n.jsxRuntimeExports.jsx(a,{$zIndex:r.zIndex??g,$position:r.position,$gap:r.gap,onMouseEnter:L,onMouseLeave:M,children:n.jsxRuntimeExports.jsx(t.AnimatePresence,{children:S.map(e=>{const t=e.index,i=!!f&&t>f,o=!!f&&t>f-1,r=!!f&&t==f-1,s=e.genre??y,l=D.colors.sonner[s].button.genre,d=e.hidingMode??b,c="content"in e&&e.content,a="title"in e&&e.title,u="description"in e&&e.description;return n.jsxRuntimeExports.jsx(x,{isMoreThanLastViewIndexPlusOne:i,isMoreThanLastViewIndex:o,isLastViewIndex:r,isTop:T,id:e.id,icon:e.icon,isLoading:e.isLoading,index:t,buttonGenre:l,hidingMode:d,isHovered:I,genre:s,content:c,title:a||h,description:u||v,button:e.button??j??$,handleOnClick:N},e.id)})})}),r.children]})},exports.SonnerButtonWrapper=h,exports.SonnerContent=p,exports.SonnerContentDescription=v,exports.SonnerContentTitle=f,exports.SonnerContext=c,exports.SonnerElementWrapper=u,exports.SonnerIcon=m,exports.SonnerLayout=a,exports.useSonner=()=>{const n=e.useContext(c);if(!n)throw new Error("useSonner must be used within an ProviderSonner");return n};
-//# sourceMappingURL=context.constants-CV8ycctl.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"context.constants-CV8ycctl.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 { AnimatePresence, motion } from 'framer-motion'\nimport { FC, createContext, memo, useCallback, useMemo, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '@local/components/button'\nimport { Icon } from '@local/components/icon'\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 name={props.icon} type=\"id\" size={'medium'} />\n            )}\n          </SonnerIcon>\n        )}\n        <SonnerContent>\n          {props.content ? (\n            props.content\n          ) : (\n            <>\n              {props.title && <SonnerContentTitle $genre={props.genre}>{props.title}</SonnerContentTitle>}\n              {props.description && (\n                <SonnerContentDescription $genre={props.genre}>{props.description}</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 styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { addRemoveScrollbar, addTransition } from '@local/styles/add'\n\nimport { SonnerContentDescriptionProps, SonnerContentTitleProps, SonnerElementWrapperProps, SonnerLayoutProps } 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  ${props => getFontSizeStyles(14, 700, props.theme.font.family)}\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  ${props => getFontSizeStyles(12, 400, props.theme.font.family)}\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`\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","description","SonnerContentDescription","button","SonnerButtonWrapper","Button","buttonGenre","SonnerLayout","styled","$zIndex","$gap","addRemoveScrollbar","$position","css","theme","colors","sonner","wrapper","background","color","borderColor","boxShadow","boxShadowHover","addTransition","getFontSizeStyles","font","family","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.hooks-BDEwJHqB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.hooks-BDEwJHqB.cjs","sources":["../src/contexts/context-app/context.tsx","../src/contexts/context-app/context.styles.ts","../src/contexts/context-app/context.hooks.ts"],"sourcesContent":["import { Preview, PreviewAdditionalProps } from '@local/areas/preview'\nimport { IThemePaletteKeys, JeneseiPalette } from '@local/theme'\n\nimport { createContext, FC, useCallback, useEffect, useState } from 'react'\n\nimport { useScreenWidth } from '../context-screen-width'\nimport {\n  AppContextProps,\n  ProviderAppOutlet,\n  ProviderAppOutletChildren,\n  ProviderAppOutletFooter,\n  ProviderAppOutletHeader,\n  ProviderAppOutletLeftAside,\n  ProviderAppOutletNav,\n  ProviderAppOutletNotification,\n  ProviderAppOutletRightAside,\n  ProviderAppProps,\n  ProviderAppWrapper\n} from '.'\n\nexport const AppContext = createContext<AppContextProps | null>(null)\n\n/**\n * ProviderApp component is a context context that manages various application-level states\n * such as background color, status bar color, background image, title, and description.\n * It uses several custom hooks to handle these states and provides them via the AppContext.\n *\n * @component\n *\n * @param {ProviderAppProps} props - The properties passed to the ProviderApp component.\n * @param {string} props.defaultBgColor - The default background color.\n * @param {string} props.defaultStatusBarColor - The default status bar color.\n * @param {string} [props.defaultBgImage] - The default background image.\n * @param {string} [props.defaultTitle] - The default title.\n * @param {string} [props.defaultDescription] - The default description.\n * @param {boolean} [props.isScrollOutlet] - Determines if the outlet should be scrollable.\n * @param {object} [props.footer] - The footer component and its properties.\n * @param {object} [props.notification] - The notification component and its properties.\n * @param {object} [props.header] - The header component and its properties.\n * @param {object} [props.nav] - The navigation component and its properties.\n * @param {object} [props.leftAside] - The left aside component and its properties.\n * @param {object} [props.rightAside] - The right aside component and its properties.\n * @param {React.ReactNode} props.children - The children components to be rendered inside the ProviderApp.\n *\n * @returns {JSX.Element} The rendered ProviderApp component.\n */\nexport const ProviderApp: FC<ProviderAppProps> = props => {\n  const { bgColor, changeBgColor, historyBgColor, setDefaultBgColor } = useBgColor(props.defaultBgColor)\n  const { statusBarColor, changeStatusBarColor, historyStatusBarColor, setDefaultStatusBarColor } = useStatusBarColor(\n    props.defaultStatusBarColor\n  )\n  const { bgImage, changeBgImage, historyBgImage, setDefaultBgImage } = useBgImage(props.defaultBgImage || null)\n  const { title, changeTitle, setHistoryTitle, setDefaultTitle } = useTitle(props.defaultTitle || null)\n  const { description, changeDescription, historyDescription, setDefaultDescription } = useDescription(\n    props.defaultDescription\n  )\n  const { changePreview, previewProps } = usePreview(props.defaultPreview)\n  const { screenActual } = useScreenWidth()\n\n  return (\n    <AppContext.Provider\n      value={{\n        changePreview,\n        changeStatusBarColor,\n        changeBgColor,\n        changeBgImage,\n        changeTitle,\n        changeDescription,\n        historyStatusBarColor,\n        historyBgColor,\n        historyBgImage,\n        setHistoryTitle,\n        historyDescription,\n        setDefaultStatusBarColor,\n        setDefaultBgColor,\n        setDefaultBgImage,\n        setDefaultTitle,\n        setDefaultDescription\n      }}\n    >\n      <title>{title}</title>\n      <meta name=\"description\" content={description} />\n      <meta name=\"theme-color\" content={JeneseiPalette[statusBarColor]} />\n      <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"default\" />\n      <meta name=\"mobile-web-app-capable\" content=\"yes\" />\n      <Preview {...previewProps}>\n        <ProviderAppWrapper $bgColor={bgColor} $bgImage={bgImage}>\n          <ProviderAppOutlet\n            $isScrollOutlet={props.isScrollOutlet}\n            $footer={props.footer}\n            $notification={props.notification}\n            $header={props.header}\n            $nav={props.nav}\n            $leftAside={props.leftAside}\n            $rightAside={props.rightAside}\n          >\n            {props.notification?.length && props.notification?.length?.[screenActual] ? (\n              <ProviderAppOutletNotification $notification={props.notification}>\n                {props.notification?.component || null}\n              </ProviderAppOutletNotification>\n            ) : null}\n\n            {props.header?.length && props.header?.length?.[screenActual] ? (\n              <ProviderAppOutletHeader $header={props.header}>\n                {props.header?.component || null}\n              </ProviderAppOutletHeader>\n            ) : null}\n\n            {props.nav?.length && props.nav?.length?.[screenActual] ? (\n              <ProviderAppOutletNav $nav={props.nav}>{props.nav?.component || null}</ProviderAppOutletNav>\n            ) : null}\n\n            {props.leftAside?.length && props.leftAside?.length?.[screenActual] ? (\n              <ProviderAppOutletLeftAside $leftAside={props.leftAside}>\n                {props.leftAside?.component || null}\n              </ProviderAppOutletLeftAside>\n            ) : null}\n\n            <ProviderAppOutletChildren $isScrollOutlet={props.isScrollOutlet} $main={props.main}>{props.children}</ProviderAppOutletChildren>\n\n            {props.rightAside?.length && props.rightAside?.length?.[screenActual] ? (\n              <ProviderAppOutletRightAside $rightAside={props.rightAside}>\n                {props.rightAside?.component || null}\n              </ProviderAppOutletRightAside>\n            ) : null}\n\n            {props.footer?.length && props.footer?.length?.[screenActual] ? (\n              <ProviderAppOutletFooter $footer={props.footer}>\n                {props.footer?.component || null}\n              </ProviderAppOutletFooter>\n            ) : null}\n          </ProviderAppOutlet>\n        </ProviderAppWrapper>\n      </Preview>\n    </AppContext.Provider>\n  )\n}\n\n/**\n * Custom hook to manage preview properties.\n */\nconst usePreview = (defaultPreview: ProviderAppProps['defaultPreview']) => {\n  const [previewProps, setPreviewProps] = useState(defaultPreview || { visible: true, defaultVisible: true })\n\n  const changePreview = useCallback((newPreviewProps: PreviewAdditionalProps) => {\n    setPreviewProps(newPreviewProps)\n  }, [])\n\n  useEffect(() => {\n    if (defaultPreview) setPreviewProps(defaultPreview)\n  }, [defaultPreview])\n\n  return { previewProps, changePreview }\n}\n\n/**\n * Custom hook to manage background color state with history tracking.\n */\ntype BgColorState = {\n  bgColor: IThemePaletteKeys\n  bgColorHistory: IThemePaletteKeys[]\n  bgColorIndex: number\n}\n\nexport const useBgColor = (defaultColor: IThemePaletteKeys) => {\n  const [state, setState] = useState<BgColorState>({\n    bgColor: defaultColor,\n    bgColorHistory: [defaultColor],\n    bgColorIndex: 0\n  })\n\n  const changeBgColor = useCallback((color: IThemePaletteKeys) => {\n    setState(prev => {\n      const newHistory = [...prev.bgColorHistory.slice(0, prev.bgColorIndex + 1), color]\n      return {\n        bgColor: color,\n        bgColorHistory: newHistory,\n        bgColorIndex: newHistory.length - 1\n      }\n    })\n  }, [])\n\n  const historyBgColor = useCallback((steps: number) => {\n    setState(prev => {\n      const newIndex = prev.bgColorIndex + steps\n      if (newIndex >= 0 && newIndex < prev.bgColorHistory.length) {\n        return {\n          ...prev,\n          bgColor: prev.bgColorHistory[newIndex],\n          bgColorIndex: newIndex\n        }\n      }\n      return prev\n    })\n  }, [])\n\n  const setDefaultBgColor = useCallback(() => {\n    setState({\n      bgColor: defaultColor,\n      bgColorHistory: [defaultColor],\n      bgColorIndex: 0\n    })\n  }, [defaultColor])\n\n  useEffect(() => {\n    setState({\n      bgColor: defaultColor,\n      bgColorHistory: [defaultColor],\n      bgColorIndex: 0\n    })\n  }, [defaultColor])\n\n  return {\n    bgColor: state.bgColor,\n    changeBgColor,\n    historyBgColor,\n    setDefaultBgColor,\n    bgColorIndex: state.bgColorIndex\n  }\n}\n\n/**\n * Custom hook to manage the status bar color with history tracking.\n */\ntype StatusBarColorState = {\n  statusBarColor: IThemePaletteKeys\n  statusBarColorHistory: IThemePaletteKeys[]\n  statusBarColorIndex: number\n}\n\nexport const useStatusBarColor = (defaultColor: IThemePaletteKeys) => {\n  const [state, setState] = useState<StatusBarColorState>({\n    statusBarColor: defaultColor,\n    statusBarColorHistory: [defaultColor],\n    statusBarColorIndex: 0\n  })\n\n  const changeStatusBarColor = useCallback((color: IThemePaletteKeys) => {\n    setState(prev => {\n      const newHistory = [...prev.statusBarColorHistory.slice(0, prev.statusBarColorIndex + 1), color]\n      return {\n        statusBarColor: color,\n        statusBarColorHistory: newHistory,\n        statusBarColorIndex: newHistory.length - 1\n      }\n    })\n  }, [])\n\n  const historyStatusBarColor = useCallback((steps: number) => {\n    setState(prev => {\n      const newIndex = prev.statusBarColorIndex + steps\n      if (newIndex >= 0 && newIndex < prev.statusBarColorHistory.length) {\n        return {\n          ...prev,\n          statusBarColor: prev.statusBarColorHistory[newIndex],\n          statusBarColorIndex: newIndex\n        }\n      }\n      return prev\n    })\n  }, [])\n\n  const setDefaultStatusBarColor = useCallback(() => {\n    setState({\n      statusBarColor: defaultColor,\n      statusBarColorHistory: [defaultColor],\n      statusBarColorIndex: 0\n    })\n  }, [defaultColor])\n\n  useEffect(() => {\n    setState({\n      statusBarColor: defaultColor,\n      statusBarColorHistory: [defaultColor],\n      statusBarColorIndex: 0\n    })\n  }, [defaultColor])\n\n  return {\n    statusBarColor: state.statusBarColor,\n    changeStatusBarColor,\n    historyStatusBarColor,\n    setDefaultStatusBarColor,\n    statusBarColorIndex: state.statusBarColorIndex\n  }\n}\n\n/**\n * Custom hook to manage background images with history.\n */\ntype BgImageState = {\n  bgImage: string | null\n  bgImageHistory: (string | null)[]\n  bgImageIndex: number\n}\n\nexport const useBgImage = (defaultImage: string | null) => {\n  const [state, setState] = useState<BgImageState>({\n    bgImage: defaultImage,\n    bgImageHistory: [defaultImage],\n    bgImageIndex: 0\n  })\n\n  const changeBgImage = useCallback((image: string | null) => {\n    setState(prev => {\n      const newHistory = [...prev.bgImageHistory.slice(0, prev.bgImageIndex + 1), image]\n      return {\n        bgImage: image,\n        bgImageHistory: newHistory,\n        bgImageIndex: newHistory.length - 1\n      }\n    })\n  }, [])\n\n  const historyBgImage = useCallback((steps: number) => {\n    setState(prev => {\n      const newIndex = prev.bgImageIndex + steps\n      if (newIndex >= 0 && newIndex < prev.bgImageHistory.length) {\n        return {\n          ...prev,\n          bgImage: prev.bgImageHistory[newIndex],\n          bgImageIndex: newIndex\n        }\n      }\n      return prev\n    })\n  }, [])\n\n  const setDefaultBgImage = useCallback(() => {\n    setState({\n      bgImage: defaultImage,\n      bgImageHistory: [defaultImage],\n      bgImageIndex: 0\n    })\n  }, [defaultImage])\n\n  useEffect(() => {\n    setState({\n      bgImage: defaultImage,\n      bgImageHistory: [defaultImage],\n      bgImageIndex: 0\n    })\n  }, [defaultImage])\n\n  return {\n    bgImage: state.bgImage,\n    changeBgImage,\n    historyBgImage,\n    setDefaultBgImage,\n    bgImageIndex: state.bgImageIndex\n  }\n}\n\ntype TitleState = {\n  title: string | null\n  titleHistory: (string | null)[]\n  titleIndex: number\n}\n/**\n * Custom hook to manage the document title with history tracking.\n */\nconst useTitle = (defaultTitle: string | null) => {\n  const [state, setState] = useState<TitleState>({\n    title: defaultTitle,\n    titleHistory: [defaultTitle],\n    titleIndex: 0\n  })\n\n  const changeTitle = useCallback((newTitle: string | null) => {\n    setState(prev => {\n      const newHistory = [...prev.titleHistory.slice(0, prev.titleIndex + 1), newTitle]\n      return {\n        title: newTitle,\n        titleHistory: newHistory,\n        titleIndex: newHistory.length - 1\n      }\n    })\n  }, [])\n\n  const setHistoryTitle = useCallback((steps: number) => {\n    setState(prev => {\n      const newIndex = prev.titleIndex + steps\n      if (newIndex >= 0 && newIndex < prev.titleHistory.length) {\n        return {\n          ...prev,\n          title: prev.titleHistory[newIndex],\n          titleIndex: newIndex\n        }\n      }\n      return prev\n    })\n  }, [])\n\n  const setDefaultTitle = useCallback(() => {\n    setState({\n      title: defaultTitle,\n      titleHistory: [defaultTitle],\n      titleIndex: 0\n    })\n  }, [defaultTitle])\n\n  useEffect(() => {\n    setState({\n      title: defaultTitle,\n      titleHistory: [defaultTitle],\n      titleIndex: 0\n    })\n  }, [defaultTitle])\n\n  return {\n    title: state.title,\n    titleIndex: state.titleIndex,\n    titleHistory: state.titleHistory,\n    changeTitle,\n    setHistoryTitle,\n    setDefaultTitle\n  }\n}\n\n/**\n * Custom hook to manage a description with history tracking.\n */\ntype DescriptionState = {\n  description: string\n  descriptionHistory: string[]\n  descriptionIndex: number\n}\n\nexport const useDescription = (defaultDescription: string) => {\n  const [state, setState] = useState<DescriptionState>({\n    description: defaultDescription,\n    descriptionHistory: [defaultDescription],\n    descriptionIndex: 0\n  })\n\n  const changeDescription = useCallback((newDescription: string) => {\n    setState(prev => {\n      const newHistory = [...prev.descriptionHistory.slice(0, prev.descriptionIndex + 1), newDescription]\n      return {\n        description: newDescription,\n        descriptionHistory: newHistory,\n        descriptionIndex: newHistory.length - 1\n      }\n    })\n  }, [])\n\n  const historyDescription = useCallback((steps: number) => {\n    setState(prev => {\n      const newIndex = prev.descriptionIndex + steps\n      if (newIndex >= 0 && newIndex < prev.descriptionHistory.length) {\n        return {\n          ...prev,\n          description: prev.descriptionHistory[newIndex],\n          descriptionIndex: newIndex\n        }\n      }\n      return prev\n    })\n  }, [])\n\n  const setDefaultDescription = useCallback(() => {\n    setState({\n      description: defaultDescription,\n      descriptionHistory: [defaultDescription],\n      descriptionIndex: 0\n    })\n  }, [defaultDescription])\n\n  useEffect(() => {\n    setState({\n      description: defaultDescription,\n      descriptionHistory: [defaultDescription],\n      descriptionIndex: 0\n    })\n  }, [defaultDescription])\n\n  return {\n    description: state.description,\n    changeDescription,\n    historyDescription,\n    setDefaultDescription,\n    descriptionIndex: state.descriptionIndex\n  }\n}\n","import { addGridTransition } from '@local/styles/add';\nimport { JeneseiPalette } from '@local/theme';\n\nimport { css, styled } from 'styled-components';\n\nimport { ScreenWidthProps } from '../context-screen-width';\nimport { ProviderAppOutletChildrenProps, ProviderAppOutletProps, ProviderAppWrapperProps } from '.';\n\nexport const ProviderAppWrapper = styled.div<ProviderAppWrapperProps>`\n  display: flex;\n  flex-direction: column;\n  max-width: 100dvw;\n  min-height: 100dvh;\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n\n  background-color: ${(props) => JeneseiPalette[props.$bgColor]};\n  background-image: url(${(props) => props.$bgImage});\n`;\n\nconst generateGridTemplateAreas = (props: ProviderAppOutletProps) => {\n  let templateAreas = `\n    \"notification notification notification\"\n    \"header header header\"\n    \"nav nav nav\"\n    \"leftAside children rightAside\"\n    \"footer footer footer\"\n  `;\n\n  templateAreas = `\n      \"notification notification notification\"\n      \"${props.$leftAside?.isTopHeader ? 'leftAside' : 'header'} header ${props.$rightAside?.isTopHeader ? 'rightAside' : 'header'}\"\n      \"${props.$leftAside?.isTopHeader ? 'leftAside' : props.$leftAside?.isTopNav ? 'leftAside' : 'nav'} nav ${props.$rightAside?.isTopHeader ? 'rightAside' : props.$rightAside?.isTopNav ? 'rightAside' : 'nav'}\"\n      \"leftAside children rightAside\"\n      \"${props.$leftAside?.isTopFooter ? 'leftAside' : 'footer'} footer ${props.$rightAside?.isTopFooter ? 'rightAside' : 'footer'}\"\n    `;\n\n  return templateAreas;\n};\n\nfunction toStyledAppOutletCSS(props: {\n  leftAsideWidth: string;\n  rightAsideWidth: string;\n  notificationHeight: string;\n  headerHeight: string;\n  navHeight: string;\n  footerHeight: string;\n}) {\n  return css`\n    grid-template-columns: ${() => `${props.leftAsideWidth} 1fr ${props.rightAsideWidth}`};\n    grid-template-rows: ${() =>\n      `${props.notificationHeight} ${props.headerHeight} ${props.navHeight} 1fr ${props.footerHeight}`};\n  `;\n}\nconst addSXAppOutlet = css<ProviderAppOutletProps>`\n  ${(props) => {\n    const leftAsideWidth = props.$leftAside?.length?.default;\n    const rightAsideWidth = props.$rightAside?.length?.default;\n    const notificationHeight = props.$notification?.length?.default;\n    const headerHeight = props.$header?.length?.default;\n    const navHeight = props.$nav?.length?.default;\n    const footerHeight = props.$footer?.length?.default;\n    return toStyledAppOutletCSS({\n      leftAsideWidth: leftAsideWidth ?? '0px',\n      rightAsideWidth: rightAsideWidth ?? '0px',\n      notificationHeight: notificationHeight ?? '0px',\n      headerHeight: headerHeight ?? '0px',\n      navHeight: navHeight ?? '0px',\n      footerHeight: footerHeight ?? '0px',\n    });\n  }}\n  ${(props) => {\n    const leftAsideWidth = props.$leftAside?.length;\n    const rightAsideWidth = props.$rightAside?.length;\n    const notificationHeight = props.$notification?.length;\n    const headerHeight = props.$header?.length;\n    const navHeight = props.$nav?.length;\n    const footerHeight = props.$footer?.length;\n\n    return Object.entries(props.theme.screens)\n      .filter(([key]) => key !== 'default')\n      .map(([key]) => {\n        const deviceKey = key as keyof ScreenWidthProps<string | null>;\n        const screenWidth = props.theme.screens[deviceKey]?.width;\n        if (!screenWidth) return null;\n        return css`\n          @media (max-width: ${screenWidth}px) {\n            ${toStyledAppOutletCSS({\n              leftAsideWidth: leftAsideWidth && leftAsideWidth[deviceKey] ? leftAsideWidth[deviceKey] : '0px',\n              rightAsideWidth: rightAsideWidth && rightAsideWidth[deviceKey] ? rightAsideWidth[deviceKey] : '0px',\n              notificationHeight:\n                notificationHeight && notificationHeight[deviceKey] ? notificationHeight[deviceKey] : '0px',\n              headerHeight: headerHeight && headerHeight[deviceKey] ? headerHeight[deviceKey] : '0px',\n              navHeight: navHeight && navHeight[deviceKey] ? navHeight[deviceKey] : '0px',\n              footerHeight: footerHeight && footerHeight[deviceKey] ? footerHeight[deviceKey] : '0px',\n            })}\n          }\n        `;\n      });\n  }}\n`;\nexport const ProviderAppOutlet = styled.div<ProviderAppOutletProps>`\n  display: grid;\n  width: 100%;\n  height: 100%;\n\n  overflow-y: auto;\n  overflow-x: hidden;\n  scrollbar-gutter: stable;\n  \n  min-height: 100dvh;\n  max-height: 100dvh;\n  \n  ${addGridTransition};\n\n  ${(props) => `\n    grid-template-areas: ${generateGridTemplateAreas(props)};\n  `}\n\n  ${addSXAppOutlet};\n`;\n\nexport const ProviderAppOutletChildren = styled.main<ProviderAppOutletChildrenProps>`\n  z-index: ${(props) => props?.$main?.zIndex ?? 'auto'};\n  display: flex;\n  grid-area: children;\n  max-width: 100%;\n  max-height: 100%;\n  overflow: ${(props) => (props.$isScrollOutlet ? 'auto' : 'visible')};\n  scrollbar-gutter: stable;\n`;\n\nexport const ProviderAppOutletNotification = styled.section<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$notification?.zIndex ?? 'auto'};\n  grid-area: notification;\n  display: flex;\n`;\n\nexport const ProviderAppOutletHeader = styled.header<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$header?.zIndex ?? 'auto'};\n  grid-area: header;\n  display: flex;\n`;\n\nexport const ProviderAppOutletFooter = styled.footer<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$footer?.zIndex ?? 'auto'};\n  grid-area: footer;\n  display: flex;\n`;\n\nexport const ProviderAppOutletNav = styled.nav<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$nav?.zIndex ?? 'auto'};\n  grid-area: nav;\n  display: flex;\n`;\n\nexport const ProviderAppOutletLeftAside = styled.aside<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$leftAside?.zIndex ?? 'auto'};\n  grid-area: leftAside;\n  display: flex;\n`;\n\nexport const ProviderAppOutletRightAside = styled.aside<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$rightAside?.zIndex ?? 'auto'};\n  grid-area: rightAside;\n  display: flex;\n`;\n","import { useContext } from 'react'\n\nimport { AppContext } from '.'\n\n/**\n * Custom hook to access the AppContext.\n */\nexport const useApp = () => {\n  const context = useContext(AppContext)\n  if (!context) {\n    throw new Error('useApp must be used within an ProviderApp')\n  }\n  return context\n}\n"],"names":["AppContext","createContext","usePreview","defaultPreview","previewProps","setPreviewProps","useState","visible","defaultVisible","changePreview","useCallback","newPreviewProps","useEffect","useBgColor","defaultColor","state","setState","bgColor","bgColorHistory","bgColorIndex","changeBgColor","color","prev","newHistory","slice","length","historyBgColor","steps","newIndex","setDefaultBgColor","useStatusBarColor","statusBarColor","statusBarColorHistory","statusBarColorIndex","changeStatusBarColor","historyStatusBarColor","setDefaultStatusBarColor","useBgImage","defaultImage","bgImage","bgImageHistory","bgImageIndex","changeBgImage","image","historyBgImage","setDefaultBgImage","useTitle","defaultTitle","title","titleHistory","titleIndex","changeTitle","newTitle","setHistoryTitle","setDefaultTitle","useDescription","defaultDescription","description","descriptionHistory","descriptionIndex","changeDescription","newDescription","historyDescription","setDefaultDescription","ProviderAppWrapper","styled","div","props","JeneseiPalette","$bgColor","$bgImage","toStyledAppOutletCSS","css","leftAsideWidth","rightAsideWidth","notificationHeight","headerHeight","navHeight","footerHeight","addSXAppOutlet","_b","_a","$leftAside","default","_d","_c","$rightAside","_f","_e","$notification","_h","_g","$header","_j","_i","$nav","_l","_k","$footer","Object","entries","theme","screens","filter","key","map","deviceKey","screenWidth","width","ProviderAppOutlet","addGridTransition","templateAreas","isTopHeader","isTopNav","isTopFooter","generateGridTemplateAreas","ProviderAppOutletChildren","main","$main","zIndex","$isScrollOutlet","ProviderAppOutletNotification","section","ProviderAppOutletHeader","header","ProviderAppOutletFooter","footer","ProviderAppOutletNav","nav","ProviderAppOutletLeftAside","aside","ProviderAppOutletRightAside","defaultBgColor","defaultStatusBarColor","defaultBgImage","screenActual","useScreenWidth","jsxs","Provider","value","children","jsx","name","content","Preview","isScrollOutlet","notification","leftAside","rightAside","component","_m","_o","_n","_q","_s","_r","_u","_w","_v","context","useContext","Error"],"mappings":"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"}

package/build/context.hooks-DTdppyho.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.hooks-DTdppyho.js","sources":["../src/contexts/context-app/context.tsx","../src/contexts/context-app/context.styles.ts","../src/contexts/context-app/context.hooks.ts"],"sourcesContent":["import { Preview, PreviewAdditionalProps } from '@local/areas/preview'\nimport { IThemePaletteKeys, JeneseiPalette } from '@local/theme'\n\nimport { createContext, FC, useCallback, useEffect, useState } from 'react'\n\nimport { useScreenWidth } from '../context-screen-width'\nimport {\n  AppContextProps,\n  ProviderAppOutlet,\n  ProviderAppOutletChildren,\n  ProviderAppOutletFooter,\n  ProviderAppOutletHeader,\n  ProviderAppOutletLeftAside,\n  ProviderAppOutletNav,\n  ProviderAppOutletNotification,\n  ProviderAppOutletRightAside,\n  ProviderAppProps,\n  ProviderAppWrapper\n} from '.'\n\nexport const AppContext = createContext<AppContextProps | null>(null)\n\n/**\n * ProviderApp component is a context context that manages various application-level states\n * such as background color, status bar color, background image, title, and description.\n * It uses several custom hooks to handle these states and provides them via the AppContext.\n *\n * @component\n *\n * @param {ProviderAppProps} props - The properties passed to the ProviderApp component.\n * @param {string} props.defaultBgColor - The default background color.\n * @param {string} props.defaultStatusBarColor - The default status bar color.\n * @param {string} [props.defaultBgImage] - The default background image.\n * @param {string} [props.defaultTitle] - The default title.\n * @param {string} [props.defaultDescription] - The default description.\n * @param {boolean} [props.isScrollOutlet] - Determines if the outlet should be scrollable.\n * @param {object} [props.footer] - The footer component and its properties.\n * @param {object} [props.notification] - The notification component and its properties.\n * @param {object} [props.header] - The header component and its properties.\n * @param {object} [props.nav] - The navigation component and its properties.\n * @param {object} [props.leftAside] - The left aside component and its properties.\n * @param {object} [props.rightAside] - The right aside component and its properties.\n * @param {React.ReactNode} props.children - The children components to be rendered inside the ProviderApp.\n *\n * @returns {JSX.Element} The rendered ProviderApp component.\n */\nexport const ProviderApp: FC<ProviderAppProps> = props => {\n  const { bgColor, changeBgColor, historyBgColor, setDefaultBgColor } = useBgColor(props.defaultBgColor)\n  const { statusBarColor, changeStatusBarColor, historyStatusBarColor, setDefaultStatusBarColor } = useStatusBarColor(\n    props.defaultStatusBarColor\n  )\n  const { bgImage, changeBgImage, historyBgImage, setDefaultBgImage } = useBgImage(props.defaultBgImage || null)\n  const { title, changeTitle, setHistoryTitle, setDefaultTitle } = useTitle(props.defaultTitle || null)\n  const { description, changeDescription, historyDescription, setDefaultDescription } = useDescription(\n    props.defaultDescription\n  )\n  const { changePreview, previewProps } = usePreview(props.defaultPreview)\n  const { screenActual } = useScreenWidth()\n\n  return (\n    <AppContext.Provider\n      value={{\n        changePreview,\n        changeStatusBarColor,\n        changeBgColor,\n        changeBgImage,\n        changeTitle,\n        changeDescription,\n        historyStatusBarColor,\n        historyBgColor,\n        historyBgImage,\n        setHistoryTitle,\n        historyDescription,\n        setDefaultStatusBarColor,\n        setDefaultBgColor,\n        setDefaultBgImage,\n        setDefaultTitle,\n        setDefaultDescription\n      }}\n    >\n      <title>{title}</title>\n      <meta name=\"description\" content={description} />\n      <meta name=\"theme-color\" content={JeneseiPalette[statusBarColor]} />\n      <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"default\" />\n      <meta name=\"mobile-web-app-capable\" content=\"yes\" />\n      <Preview {...previewProps}>\n        <ProviderAppWrapper $bgColor={bgColor} $bgImage={bgImage}>\n          <ProviderAppOutlet\n            $isScrollOutlet={props.isScrollOutlet}\n            $footer={props.footer}\n            $notification={props.notification}\n            $header={props.header}\n            $nav={props.nav}\n            $leftAside={props.leftAside}\n            $rightAside={props.rightAside}\n          >\n            {props.notification?.length && props.notification?.length?.[screenActual] ? (\n              <ProviderAppOutletNotification $notification={props.notification}>\n                {props.notification?.component || null}\n              </ProviderAppOutletNotification>\n            ) : null}\n\n            {props.header?.length && props.header?.length?.[screenActual] ? (\n              <ProviderAppOutletHeader $header={props.header}>\n                {props.header?.component || null}\n              </ProviderAppOutletHeader>\n            ) : null}\n\n            {props.nav?.length && props.nav?.length?.[screenActual] ? (\n              <ProviderAppOutletNav $nav={props.nav}>{props.nav?.component || null}</ProviderAppOutletNav>\n            ) : null}\n\n            {props.leftAside?.length && props.leftAside?.length?.[screenActual] ? (\n              <ProviderAppOutletLeftAside $leftAside={props.leftAside}>\n                {props.leftAside?.component || null}\n              </ProviderAppOutletLeftAside>\n            ) : null}\n\n            <ProviderAppOutletChildren $isScrollOutlet={props.isScrollOutlet} $main={props.main}>{props.children}</ProviderAppOutletChildren>\n\n            {props.rightAside?.length && props.rightAside?.length?.[screenActual] ? (\n              <ProviderAppOutletRightAside $rightAside={props.rightAside}>\n                {props.rightAside?.component || null}\n              </ProviderAppOutletRightAside>\n            ) : null}\n\n            {props.footer?.length && props.footer?.length?.[screenActual] ? (\n              <ProviderAppOutletFooter $footer={props.footer}>\n                {props.footer?.component || null}\n              </ProviderAppOutletFooter>\n            ) : null}\n          </ProviderAppOutlet>\n        </ProviderAppWrapper>\n      </Preview>\n    </AppContext.Provider>\n  )\n}\n\n/**\n * Custom hook to manage preview properties.\n */\nconst usePreview = (defaultPreview: ProviderAppProps['defaultPreview']) => {\n  const [previewProps, setPreviewProps] = useState(defaultPreview || { visible: true, defaultVisible: true })\n\n  const changePreview = useCallback((newPreviewProps: PreviewAdditionalProps) => {\n    setPreviewProps(newPreviewProps)\n  }, [])\n\n  useEffect(() => {\n    if (defaultPreview) setPreviewProps(defaultPreview)\n  }, [defaultPreview])\n\n  return { previewProps, changePreview }\n}\n\n/**\n * Custom hook to manage background color state with history tracking.\n */\ntype BgColorState = {\n  bgColor: IThemePaletteKeys\n  bgColorHistory: IThemePaletteKeys[]\n  bgColorIndex: number\n}\n\nexport const useBgColor = (defaultColor: IThemePaletteKeys) => {\n  const [state, setState] = useState<BgColorState>({\n    bgColor: defaultColor,\n    bgColorHistory: [defaultColor],\n    bgColorIndex: 0\n  })\n\n  const changeBgColor = useCallback((color: IThemePaletteKeys) => {\n    setState(prev => {\n      const newHistory = [...prev.bgColorHistory.slice(0, prev.bgColorIndex + 1), color]\n      return {\n        bgColor: color,\n        bgColorHistory: newHistory,\n        bgColorIndex: newHistory.length - 1\n      }\n    })\n  }, [])\n\n  const historyBgColor = useCallback((steps: number) => {\n    setState(prev => {\n      const newIndex = prev.bgColorIndex + steps\n      if (newIndex >= 0 && newIndex < prev.bgColorHistory.length) {\n        return {\n          ...prev,\n          bgColor: prev.bgColorHistory[newIndex],\n          bgColorIndex: newIndex\n        }\n      }\n      return prev\n    })\n  }, [])\n\n  const setDefaultBgColor = useCallback(() => {\n    setState({\n      bgColor: defaultColor,\n      bgColorHistory: [defaultColor],\n      bgColorIndex: 0\n    })\n  }, [defaultColor])\n\n  useEffect(() => {\n    setState({\n      bgColor: defaultColor,\n      bgColorHistory: [defaultColor],\n      bgColorIndex: 0\n    })\n  }, [defaultColor])\n\n  return {\n    bgColor: state.bgColor,\n    changeBgColor,\n    historyBgColor,\n    setDefaultBgColor,\n    bgColorIndex: state.bgColorIndex\n  }\n}\n\n/**\n * Custom hook to manage the status bar color with history tracking.\n */\ntype StatusBarColorState = {\n  statusBarColor: IThemePaletteKeys\n  statusBarColorHistory: IThemePaletteKeys[]\n  statusBarColorIndex: number\n}\n\nexport const useStatusBarColor = (defaultColor: IThemePaletteKeys) => {\n  const [state, setState] = useState<StatusBarColorState>({\n    statusBarColor: defaultColor,\n    statusBarColorHistory: [defaultColor],\n    statusBarColorIndex: 0\n  })\n\n  const changeStatusBarColor = useCallback((color: IThemePaletteKeys) => {\n    setState(prev => {\n      const newHistory = [...prev.statusBarColorHistory.slice(0, prev.statusBarColorIndex + 1), color]\n      return {\n        statusBarColor: color,\n        statusBarColorHistory: newHistory,\n        statusBarColorIndex: newHistory.length - 1\n      }\n    })\n  }, [])\n\n  const historyStatusBarColor = useCallback((steps: number) => {\n    setState(prev => {\n      const newIndex = prev.statusBarColorIndex + steps\n      if (newIndex >= 0 && newIndex < prev.statusBarColorHistory.length) {\n        return {\n          ...prev,\n          statusBarColor: prev.statusBarColorHistory[newIndex],\n          statusBarColorIndex: newIndex\n        }\n      }\n      return prev\n    })\n  }, [])\n\n  const setDefaultStatusBarColor = useCallback(() => {\n    setState({\n      statusBarColor: defaultColor,\n      statusBarColorHistory: [defaultColor],\n      statusBarColorIndex: 0\n    })\n  }, [defaultColor])\n\n  useEffect(() => {\n    setState({\n      statusBarColor: defaultColor,\n      statusBarColorHistory: [defaultColor],\n      statusBarColorIndex: 0\n    })\n  }, [defaultColor])\n\n  return {\n    statusBarColor: state.statusBarColor,\n    changeStatusBarColor,\n    historyStatusBarColor,\n    setDefaultStatusBarColor,\n    statusBarColorIndex: state.statusBarColorIndex\n  }\n}\n\n/**\n * Custom hook to manage background images with history.\n */\ntype BgImageState = {\n  bgImage: string | null\n  bgImageHistory: (string | null)[]\n  bgImageIndex: number\n}\n\nexport const useBgImage = (defaultImage: string | null) => {\n  const [state, setState] = useState<BgImageState>({\n    bgImage: defaultImage,\n    bgImageHistory: [defaultImage],\n    bgImageIndex: 0\n  })\n\n  const changeBgImage = useCallback((image: string | null) => {\n    setState(prev => {\n      const newHistory = [...prev.bgImageHistory.slice(0, prev.bgImageIndex + 1), image]\n      return {\n        bgImage: image,\n        bgImageHistory: newHistory,\n        bgImageIndex: newHistory.length - 1\n      }\n    })\n  }, [])\n\n  const historyBgImage = useCallback((steps: number) => {\n    setState(prev => {\n      const newIndex = prev.bgImageIndex + steps\n      if (newIndex >= 0 && newIndex < prev.bgImageHistory.length) {\n        return {\n          ...prev,\n          bgImage: prev.bgImageHistory[newIndex],\n          bgImageIndex: newIndex\n        }\n      }\n      return prev\n    })\n  }, [])\n\n  const setDefaultBgImage = useCallback(() => {\n    setState({\n      bgImage: defaultImage,\n      bgImageHistory: [defaultImage],\n      bgImageIndex: 0\n    })\n  }, [defaultImage])\n\n  useEffect(() => {\n    setState({\n      bgImage: defaultImage,\n      bgImageHistory: [defaultImage],\n      bgImageIndex: 0\n    })\n  }, [defaultImage])\n\n  return {\n    bgImage: state.bgImage,\n    changeBgImage,\n    historyBgImage,\n    setDefaultBgImage,\n    bgImageIndex: state.bgImageIndex\n  }\n}\n\ntype TitleState = {\n  title: string | null\n  titleHistory: (string | null)[]\n  titleIndex: number\n}\n/**\n * Custom hook to manage the document title with history tracking.\n */\nconst useTitle = (defaultTitle: string | null) => {\n  const [state, setState] = useState<TitleState>({\n    title: defaultTitle,\n    titleHistory: [defaultTitle],\n    titleIndex: 0\n  })\n\n  const changeTitle = useCallback((newTitle: string | null) => {\n    setState(prev => {\n      const newHistory = [...prev.titleHistory.slice(0, prev.titleIndex + 1), newTitle]\n      return {\n        title: newTitle,\n        titleHistory: newHistory,\n        titleIndex: newHistory.length - 1\n      }\n    })\n  }, [])\n\n  const setHistoryTitle = useCallback((steps: number) => {\n    setState(prev => {\n      const newIndex = prev.titleIndex + steps\n      if (newIndex >= 0 && newIndex < prev.titleHistory.length) {\n        return {\n          ...prev,\n          title: prev.titleHistory[newIndex],\n          titleIndex: newIndex\n        }\n      }\n      return prev\n    })\n  }, [])\n\n  const setDefaultTitle = useCallback(() => {\n    setState({\n      title: defaultTitle,\n      titleHistory: [defaultTitle],\n      titleIndex: 0\n    })\n  }, [defaultTitle])\n\n  useEffect(() => {\n    setState({\n      title: defaultTitle,\n      titleHistory: [defaultTitle],\n      titleIndex: 0\n    })\n  }, [defaultTitle])\n\n  return {\n    title: state.title,\n    titleIndex: state.titleIndex,\n    titleHistory: state.titleHistory,\n    changeTitle,\n    setHistoryTitle,\n    setDefaultTitle\n  }\n}\n\n/**\n * Custom hook to manage a description with history tracking.\n */\ntype DescriptionState = {\n  description: string\n  descriptionHistory: string[]\n  descriptionIndex: number\n}\n\nexport const useDescription = (defaultDescription: string) => {\n  const [state, setState] = useState<DescriptionState>({\n    description: defaultDescription,\n    descriptionHistory: [defaultDescription],\n    descriptionIndex: 0\n  })\n\n  const changeDescription = useCallback((newDescription: string) => {\n    setState(prev => {\n      const newHistory = [...prev.descriptionHistory.slice(0, prev.descriptionIndex + 1), newDescription]\n      return {\n        description: newDescription,\n        descriptionHistory: newHistory,\n        descriptionIndex: newHistory.length - 1\n      }\n    })\n  }, [])\n\n  const historyDescription = useCallback((steps: number) => {\n    setState(prev => {\n      const newIndex = prev.descriptionIndex + steps\n      if (newIndex >= 0 && newIndex < prev.descriptionHistory.length) {\n        return {\n          ...prev,\n          description: prev.descriptionHistory[newIndex],\n          descriptionIndex: newIndex\n        }\n      }\n      return prev\n    })\n  }, [])\n\n  const setDefaultDescription = useCallback(() => {\n    setState({\n      description: defaultDescription,\n      descriptionHistory: [defaultDescription],\n      descriptionIndex: 0\n    })\n  }, [defaultDescription])\n\n  useEffect(() => {\n    setState({\n      description: defaultDescription,\n      descriptionHistory: [defaultDescription],\n      descriptionIndex: 0\n    })\n  }, [defaultDescription])\n\n  return {\n    description: state.description,\n    changeDescription,\n    historyDescription,\n    setDefaultDescription,\n    descriptionIndex: state.descriptionIndex\n  }\n}\n","import { addGridTransition } from '@local/styles/add';\nimport { JeneseiPalette } from '@local/theme';\n\nimport { css, styled } from 'styled-components';\n\nimport { ScreenWidthProps } from '../context-screen-width';\nimport { ProviderAppOutletChildrenProps, ProviderAppOutletProps, ProviderAppWrapperProps } from '.';\n\nexport const ProviderAppWrapper = styled.div<ProviderAppWrapperProps>`\n  display: flex;\n  flex-direction: column;\n  max-width: 100dvw;\n  min-height: 100dvh;\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n\n  background-color: ${(props) => JeneseiPalette[props.$bgColor]};\n  background-image: url(${(props) => props.$bgImage});\n`;\n\nconst generateGridTemplateAreas = (props: ProviderAppOutletProps) => {\n  let templateAreas = `\n    \"notification notification notification\"\n    \"header header header\"\n    \"nav nav nav\"\n    \"leftAside children rightAside\"\n    \"footer footer footer\"\n  `;\n\n  templateAreas = `\n      \"notification notification notification\"\n      \"${props.$leftAside?.isTopHeader ? 'leftAside' : 'header'} header ${props.$rightAside?.isTopHeader ? 'rightAside' : 'header'}\"\n      \"${props.$leftAside?.isTopHeader ? 'leftAside' : props.$leftAside?.isTopNav ? 'leftAside' : 'nav'} nav ${props.$rightAside?.isTopHeader ? 'rightAside' : props.$rightAside?.isTopNav ? 'rightAside' : 'nav'}\"\n      \"leftAside children rightAside\"\n      \"${props.$leftAside?.isTopFooter ? 'leftAside' : 'footer'} footer ${props.$rightAside?.isTopFooter ? 'rightAside' : 'footer'}\"\n    `;\n\n  return templateAreas;\n};\n\nfunction toStyledAppOutletCSS(props: {\n  leftAsideWidth: string;\n  rightAsideWidth: string;\n  notificationHeight: string;\n  headerHeight: string;\n  navHeight: string;\n  footerHeight: string;\n}) {\n  return css`\n    grid-template-columns: ${() => `${props.leftAsideWidth} 1fr ${props.rightAsideWidth}`};\n    grid-template-rows: ${() =>\n      `${props.notificationHeight} ${props.headerHeight} ${props.navHeight} 1fr ${props.footerHeight}`};\n  `;\n}\nconst addSXAppOutlet = css<ProviderAppOutletProps>`\n  ${(props) => {\n    const leftAsideWidth = props.$leftAside?.length?.default;\n    const rightAsideWidth = props.$rightAside?.length?.default;\n    const notificationHeight = props.$notification?.length?.default;\n    const headerHeight = props.$header?.length?.default;\n    const navHeight = props.$nav?.length?.default;\n    const footerHeight = props.$footer?.length?.default;\n    return toStyledAppOutletCSS({\n      leftAsideWidth: leftAsideWidth ?? '0px',\n      rightAsideWidth: rightAsideWidth ?? '0px',\n      notificationHeight: notificationHeight ?? '0px',\n      headerHeight: headerHeight ?? '0px',\n      navHeight: navHeight ?? '0px',\n      footerHeight: footerHeight ?? '0px',\n    });\n  }}\n  ${(props) => {\n    const leftAsideWidth = props.$leftAside?.length;\n    const rightAsideWidth = props.$rightAside?.length;\n    const notificationHeight = props.$notification?.length;\n    const headerHeight = props.$header?.length;\n    const navHeight = props.$nav?.length;\n    const footerHeight = props.$footer?.length;\n\n    return Object.entries(props.theme.screens)\n      .filter(([key]) => key !== 'default')\n      .map(([key]) => {\n        const deviceKey = key as keyof ScreenWidthProps<string | null>;\n        const screenWidth = props.theme.screens[deviceKey]?.width;\n        if (!screenWidth) return null;\n        return css`\n          @media (max-width: ${screenWidth}px) {\n            ${toStyledAppOutletCSS({\n              leftAsideWidth: leftAsideWidth && leftAsideWidth[deviceKey] ? leftAsideWidth[deviceKey] : '0px',\n              rightAsideWidth: rightAsideWidth && rightAsideWidth[deviceKey] ? rightAsideWidth[deviceKey] : '0px',\n              notificationHeight:\n                notificationHeight && notificationHeight[deviceKey] ? notificationHeight[deviceKey] : '0px',\n              headerHeight: headerHeight && headerHeight[deviceKey] ? headerHeight[deviceKey] : '0px',\n              navHeight: navHeight && navHeight[deviceKey] ? navHeight[deviceKey] : '0px',\n              footerHeight: footerHeight && footerHeight[deviceKey] ? footerHeight[deviceKey] : '0px',\n            })}\n          }\n        `;\n      });\n  }}\n`;\nexport const ProviderAppOutlet = styled.div<ProviderAppOutletProps>`\n  display: grid;\n  width: 100%;\n  height: 100%;\n\n  overflow-y: auto;\n  overflow-x: hidden;\n  scrollbar-gutter: stable;\n  \n  min-height: 100dvh;\n  max-height: 100dvh;\n  \n  ${addGridTransition};\n\n  ${(props) => `\n    grid-template-areas: ${generateGridTemplateAreas(props)};\n  `}\n\n  ${addSXAppOutlet};\n`;\n\nexport const ProviderAppOutletChildren = styled.main<ProviderAppOutletChildrenProps>`\n  z-index: ${(props) => props?.$main?.zIndex ?? 'auto'};\n  display: flex;\n  grid-area: children;\n  max-width: 100%;\n  max-height: 100%;\n  overflow: ${(props) => (props.$isScrollOutlet ? 'auto' : 'visible')};\n  scrollbar-gutter: stable;\n`;\n\nexport const ProviderAppOutletNotification = styled.section<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$notification?.zIndex ?? 'auto'};\n  grid-area: notification;\n  display: flex;\n`;\n\nexport const ProviderAppOutletHeader = styled.header<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$header?.zIndex ?? 'auto'};\n  grid-area: header;\n  display: flex;\n`;\n\nexport const ProviderAppOutletFooter = styled.footer<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$footer?.zIndex ?? 'auto'};\n  grid-area: footer;\n  display: flex;\n`;\n\nexport const ProviderAppOutletNav = styled.nav<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$nav?.zIndex ?? 'auto'};\n  grid-area: nav;\n  display: flex;\n`;\n\nexport const ProviderAppOutletLeftAside = styled.aside<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$leftAside?.zIndex ?? 'auto'};\n  grid-area: leftAside;\n  display: flex;\n`;\n\nexport const ProviderAppOutletRightAside = styled.aside<ProviderAppOutletProps>`\n  z-index: ${(props) => props?.$rightAside?.zIndex ?? 'auto'};\n  grid-area: rightAside;\n  display: flex;\n`;\n","import { useContext } from 'react'\n\nimport { AppContext } from '.'\n\n/**\n * Custom hook to access the AppContext.\n */\nexport const useApp = () => {\n  const context = useContext(AppContext)\n  if (!context) {\n    throw new Error('useApp must be used within an ProviderApp')\n  }\n  return context\n}\n"],"names":["jsxs","jsx","_a"],"mappings":"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"}

package/build/style-B5u4pW5G.cjs

@@ -1,32 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("styled-components"),s=require("./component-CACoGUK9.cjs"),o=require("./theme.global-B9t2Fi10.cjs"),t=require("./motion-DgB7M2Hn.cjs"),i=require("./style-fRZ6xrVp.cjs"),l=r.css`
-  ${e=>e.$size?n({...o.KEY_SIZE_DATA[e.$size],$isErrorAbsolute:e.$isErrorAbsolute}):null};
-`,n=e=>r.css`
-  ${e.$isErrorAbsolute?r.css`
-        position: absolute;
-        top: calc(100% + 4px);
-        padding-left: ${e.padding}px;
-        color: ${e=>e.theme.states.danger};
-      `:r.css`
-        position: static;
-        padding: 0px ${e.padding}px;
-        color: ${e=>e.theme.states.danger};
-      `}
-`,a=r.div`
-  ${e=>s.getFontSizeStyles(12,400,e.theme.font.family)};
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  ${l}
-  ${i.addSX}
-`,c=r.css`
-  ${e=>{var s;return(null==(s=e.$error)?void 0:s.isError)&&r.css`
-      border-color: ${e=>e.theme.states.danger};
-      &:focus,
-      &:active,
-      &:hover,
-      &:focus-visible {
-        border-color: ${e=>e.theme.states.danger};
-      }
-    `}};
-`;exports.ErrorMessage=r=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:r.errorMessage&&r.isError?e.jsxRuntimeExports.jsx(a,{$size:r.size,$sx:r.sx,$isErrorAbsolute:r.isErrorAbsolute,children:e.jsxRuntimeExports.jsx(t.WordsPullUp,{text:r.errorMessage})}):null}),exports.ErrorMessageComponent=a,exports.addError=c;
-//# sourceMappingURL=style-B5u4pW5G.cjs.map

package/build/style-B5u4pW5G.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-B5u4pW5G.cjs","sources":["../src/styles/error/style.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { ErrorMessageProps, ErrorMessagePropsDollar, addErrorStylesProps } from '.'\nimport { WordsPullUp } from '../motion'\nimport { addSX } from '../sx'\n\nconst ErrorMessageSize = css<ErrorMessagePropsDollar>`\n  ${props =>\n    props.$size\n      ? ErrorMessageSizeConstructor({ ...KEY_SIZE_DATA[props.$size], $isErrorAbsolute: props.$isErrorAbsolute })\n      : null};\n`\nconst ErrorMessageSizeConstructor = (\n  props: IThemeSizePropertyDefault & { $isErrorAbsolute: ErrorMessageProps['isErrorAbsolute'] }\n) => css`\n  ${props.$isErrorAbsolute\n    ? css`\n        position: absolute;\n        top: calc(100% + 4px);\n        padding-left: ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `\n    : css`\n        position: static;\n        padding: 0px ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `}\n`\n\nexport const ErrorMessageComponent = styled.div<ErrorMessagePropsDollar>`\n  ${props => getFontSizeStyles(12, 400, props.theme.font.family)};\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  ${ErrorMessageSize}\n  ${addSX}\n`\nexport const addError = css<addErrorStylesProps>`\n  ${props =>\n    props.$error?.isError &&\n    css`\n      border-color: ${props => props.theme.states.danger};\n      &:focus,\n      &:active,\n      &:hover,\n      &:focus-visible {\n        border-color: ${props => props.theme.states.danger};\n      }\n    `};\n`\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n  return (\n    <>\n      {props.errorMessage && props.isError ? (\n        <ErrorMessageComponent $size={props.size} $sx={props.sx} $isErrorAbsolute={props.isErrorAbsolute}>\n          <WordsPullUp text={props.errorMessage} />\n        </ErrorMessageComponent>\n      ) : null}\n    </>\n  )\n}\n"],"names":["ErrorMessageSize","css","props","$size","ErrorMessageSizeConstructor","KEY_SIZE_DATA","$isErrorAbsolute","padding","theme","states","danger","ErrorMessageComponent","styled","div","getFontSizeStyles","font","family","addSX","addError","_a","$error","isError","jsx","Fragment","children","errorMessage","size","$sx","sx","isErrorAbsolute","WordsPullUp","text"],"mappings":"8OAUMA,EAAmBC,EAAAA,GAAAA;IACrBC,GACAA,EAAMC,MACFC,EAA4B,IAAKC,EAAAA,cAAcH,EAAMC,OAAQG,iBAAkBJ,EAAMI,mBACrF;EAEFF,EACJF,GACGD,EAAAA,GAAAA;IACDC,EAAMI,iBACJL,EAAAA,GAAAA;;;wBAGkBC,EAAMK;iBACbL,GAASA,EAAMM,MAAMC,OAAOC;QAEvCT,EAAAA,GAAAA;;uBAEiBC,EAAMK;iBACZL,GAASA,EAAMM,MAAMC,OAAOC;;EAIhCC,EAAwBC,EAAOC,GAAA;IACxCX,GAASY,EAAAA,kBAAkB,GAAI,IAAKZ,EAAMM,MAAMO,KAAKC;;;;IAIrDhB;IACAiB,EAAAA;EAESC,EAAWjB,EAAAA,GAAAA;IACpBC,UACA,OAAA,OAAAiB,EAAAjB,EAAMkB,aAAN,EAAAD,EAAcE,UACdpB,EAAAA,GAAAA;sBACkBC,GAASA,EAAMM,MAAMC,OAAOC;;;;;wBAK1BR,GAASA,EAAMM,MAAMC,OAAOC;;;uBAIDR,KAE/CoB,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACGC,WAAMC,cAAgBvB,EAAMmB,QAC3BC,EAAAA,kBAAAA,IAACX,EAAA,CAAsBR,MAAOD,EAAMwB,KAAMC,IAAKzB,EAAM0B,GAAItB,iBAAkBJ,EAAM2B,gBAC/EL,SAAAF,EAAAA,kBAAAA,IAACQ,EAAAA,YAAA,CAAYC,KAAM7B,EAAMuB,iBAEzB"}

package/build/style-BQ653xOS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-BQ653xOS.js","sources":["../src/styles/error/style.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { ErrorMessageProps, ErrorMessagePropsDollar, addErrorStylesProps } from '.'\nimport { WordsPullUp } from '../motion'\nimport { addSX } from '../sx'\n\nconst ErrorMessageSize = css<ErrorMessagePropsDollar>`\n  ${props =>\n    props.$size\n      ? ErrorMessageSizeConstructor({ ...KEY_SIZE_DATA[props.$size], $isErrorAbsolute: props.$isErrorAbsolute })\n      : null};\n`\nconst ErrorMessageSizeConstructor = (\n  props: IThemeSizePropertyDefault & { $isErrorAbsolute: ErrorMessageProps['isErrorAbsolute'] }\n) => css`\n  ${props.$isErrorAbsolute\n    ? css`\n        position: absolute;\n        top: calc(100% + 4px);\n        padding-left: ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `\n    : css`\n        position: static;\n        padding: 0px ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `}\n`\n\nexport const ErrorMessageComponent = styled.div<ErrorMessagePropsDollar>`\n  ${props => getFontSizeStyles(12, 400, props.theme.font.family)};\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  ${ErrorMessageSize}\n  ${addSX}\n`\nexport const addError = css<addErrorStylesProps>`\n  ${props =>\n    props.$error?.isError &&\n    css`\n      border-color: ${props => props.theme.states.danger};\n      &:focus,\n      &:active,\n      &:hover,\n      &:focus-visible {\n        border-color: ${props => props.theme.states.danger};\n      }\n    `};\n`\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n  return (\n    <>\n      {props.errorMessage && props.isError ? (\n        <ErrorMessageComponent $size={props.size} $sx={props.sx} $isErrorAbsolute={props.isErrorAbsolute}>\n          <WordsPullUp text={props.errorMessage} />\n        </ErrorMessageComponent>\n      ) : null}\n    </>\n  )\n}\n"],"names":["props","jsx","Fragment"],"mappings":";;;;;;AAUA,MAAM,mBAAmB;AAAA,IACrB,CAAA,UACA,MAAM,QACF,4BAA4B,EAAE,GAAG,cAAc,MAAM,KAAK,GAAG,kBAAkB,MAAM,iBAAA,CAAkB,IACvG,IAAI;AAAA;AAEZ,MAAM,8BAA8B,CAClC,UACG;AAAA,IACD,MAAM,mBACJ;AAAA;AAAA;AAAA,wBAGkB,MAAM,OAAO;AAAA,iBACpB,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA,UAE7C;AAAA;AAAA,uBAEiB,MAAM,OAAO;AAAA,iBACnB,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA,OAC5C;AAAA;AAGA,MAAM,wBAAwB,OAAO;AAAA,IACxC,CAAA,UAAS,kBAAkB,IAAI,KAAK,MAAM,MAAM,KAAK,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,IAI5D,gBAAgB;AAAA,IAChB,KAAK;AAAA;AAEF,MAAM,WAAW;AAAA,IACpB,CAAA,UAAA;;AACA,sBAAM,WAAN,mBAAc,YACd;AAAA,sBACkB,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKhC,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,CAErD;AAAA;AAEE,MAAM,eAAsC,CAAA,UAAS;AAC1D,SACEC,kCAAAA,IAAAC,kBAAAA,UAAA,EACG,gBAAM,gBAAgB,MAAM,UAC3BD,kCAAAA,IAAC,uBAAA,EAAsB,OAAO,MAAM,MAAM,KAAK,MAAM,IAAI,kBAAkB,MAAM,iBAC/E,UAAAA,kCAAAA,IAAC,aAAA,EAAY,MAAM,MAAM,aAAA,CAAc,EAAA,CACzC,IACE,KAAA,CACN;AAEJ;"}

package/build/style-BgcnmVAY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-BgcnmVAY.js","sources":["../src/styles/add/style.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nexport const addRemoveScrollbar = css`\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-horizontal {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-vertical {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    display: none;\n  }\n`;\n\nexport const addTransition = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    transform ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    height ${(props) => props.theme.transition.default},\n    max-height ${(props) => props.theme.transition.default},\n    width ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    visibility ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default},\n    left ${(props) => props.theme.transition.default},\n    right ${(props) => props.theme.transition.default},\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addTransitionWithoutSize = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    transform ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    visibility ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default},\n    left ${(props) => props.theme.transition.default},\n    right ${(props) => props.theme.transition.default},\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addGridTransition = css`\n  transition:\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addColorTransition = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default};\n`;\n\nexport const addOutline = css`\n  outline: 2px solid transparent;\n  outline-offset: 1px;\n  &:focus-visible {\n    outline: 2px solid ${(props) => props.theme.states.focus};\n  }\n`;\nexport const addOutlineChildren = css<{ $isReadOnly?: boolean; $isDisabled?: boolean }>`\n  outline: 2px solid transparent;\n  outline-offset: 1px;\n  ${(props) =>\n    (!props.$isReadOnly && !props.$isDisabled) &&\n    css`\n      &:has(:focus-visible) {\n        outline: 2px solid ${(props) => props.theme.states.focus};\n        outline-offset: 1px;\n      }\n    `}\n \n`;\nexport const addAlwaysOutline = css<{ $isShowAlwaysOutline?: boolean }>`\n  ${(props) =>\n    props.$isShowAlwaysOutline &&\n    css`\n      outline: 2px solid ${(props) => props.theme.states.focus};\n      outline-offset: 1px;\n    `}\n`;\nexport const addRemoveOutline = css`\n  outline: 0px solid transparent !important;\n  outline-offset: 0px !important;\n  &:focus-visible {\n    outline: 0px solid ${(props) => props.theme.states.focus} !important;\n  }\n`;\n\nexport const addNiceNumber = css`\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: 'tnum';\n`;\n\nexport const addDisabled = css<{ $isDisabled?: boolean }>`\n ${(props) =>\n   props.$isDisabled\n     ? css`\n          opacity: 0.5;\n        `\n     : css`\n          opacity: 1;\n        `};\n`;\n"],"names":["props"],"mappings":"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"}

package/build/style-mc2ST5fY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-mc2ST5fY.cjs","sources":["../src/styles/add/style.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nexport const addRemoveScrollbar = css`\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-horizontal {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-vertical {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    display: none;\n  }\n`;\n\nexport const addTransition = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    transform ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    height ${(props) => props.theme.transition.default},\n    max-height ${(props) => props.theme.transition.default},\n    width ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    visibility ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default},\n    left ${(props) => props.theme.transition.default},\n    right ${(props) => props.theme.transition.default},\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addTransitionWithoutSize = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    transform ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    visibility ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default},\n    left ${(props) => props.theme.transition.default},\n    right ${(props) => props.theme.transition.default},\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addGridTransition = css`\n  transition:\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addColorTransition = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default};\n`;\n\nexport const addOutline = css`\n  outline: 2px solid transparent;\n  outline-offset: 1px;\n  &:focus-visible {\n    outline: 2px solid ${(props) => props.theme.states.focus};\n  }\n`;\nexport const addOutlineChildren = css<{ $isReadOnly?: boolean; $isDisabled?: boolean }>`\n  outline: 2px solid transparent;\n  outline-offset: 1px;\n  ${(props) =>\n    (!props.$isReadOnly && !props.$isDisabled) &&\n    css`\n      &:has(:focus-visible) {\n        outline: 2px solid ${(props) => props.theme.states.focus};\n        outline-offset: 1px;\n      }\n    `}\n \n`;\nexport const addAlwaysOutline = css<{ $isShowAlwaysOutline?: boolean }>`\n  ${(props) =>\n    props.$isShowAlwaysOutline &&\n    css`\n      outline: 2px solid ${(props) => props.theme.states.focus};\n      outline-offset: 1px;\n    `}\n`;\nexport const addRemoveOutline = css`\n  outline: 0px solid transparent !important;\n  outline-offset: 0px !important;\n  &:focus-visible {\n    outline: 0px solid ${(props) => props.theme.states.focus} !important;\n  }\n`;\n\nexport const addNiceNumber = css`\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: 'tnum';\n`;\n\nexport const addDisabled = css<{ $isDisabled?: boolean }>`\n ${(props) =>\n   props.$isDisabled\n     ? css`\n          opacity: 0.5;\n        `\n     : css`\n          opacity: 1;\n        `};\n`;\n"],"names":["addRemoveScrollbar","css","addTransition","props","theme","transition","default","addTransitionWithoutSize","addGridTransition","addColorTransition","addOutline","states","focus","addOutlineChildren","$isReadOnly","$isDisabled","addAlwaysOutline","$isShowAlwaysOutline","addRemoveOutline","addNiceNumber","addDisabled"],"mappings":"kDAEaA,EAAqBC,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;EAqBrBC,EAAgBD,EAAAA,GAAAA;;;cAGdE,GAAUA,EAAMC,MAAMC,WAAWC;gBAC/BH,GAAUA,EAAMC,MAAMC,WAAWC;uBAC1BH,GAAUA,EAAMC,MAAMC,WAAWC;aAC3CH,GAAUA,EAAMC,MAAMC,WAAWC;iBAC7BH,GAAUA,EAAMC,MAAMC,WAAWC;YACtCH,GAAUA,EAAMC,MAAMC,WAAWC;YACjCH,GAAUA,EAAMC,MAAMC,WAAWC;iBAC5BH,GAAUA,EAAMC,MAAMC,WAAWC;iBACjCH,GAAUA,EAAMC,MAAMC,WAAWC;mBAC/BH,GAAUA,EAAMC,MAAMC,WAAWC;WACzCH,GAAUA,EAAMC,MAAMC,WAAWC;YAChCH,GAAUA,EAAMC,MAAMC,WAAWC;0BACnBH,GAAUA,EAAMC,MAAMC,WAAWC;yBAClCH,GAAUA,EAAMC,MAAMC,WAAWC;4BAC9BH,GAAUA,EAAMC,MAAMC,WAAWC;EAGjDC,EAA2BN,EAAAA,GAAAA;;;cAGzBE,GAAUA,EAAMC,MAAMC,WAAWC;gBAC/BH,GAAUA,EAAMC,MAAMC,WAAWC;uBAC1BH,GAAUA,EAAMC,MAAMC,WAAWC;YAC5CH,GAAUA,EAAMC,MAAMC,WAAWC;iBAC5BH,GAAUA,EAAMC,MAAMC,WAAWC;iBACjCH,GAAUA,EAAMC,MAAMC,WAAWC;mBAC/BH,GAAUA,EAAMC,MAAMC,WAAWC;WACzCH,GAAUA,EAAMC,MAAMC,WAAWC;YAChCH,GAAUA,EAAMC,MAAMC,WAAWC;0BACnBH,GAAUA,EAAMC,MAAMC,WAAWC;yBAClCH,GAAUA,EAAMC,MAAMC,WAAWC;4BAC9BH,GAAUA,EAAMC,MAAMC,WAAWC;EAGjDE,EAAoBP,EAAAA,GAAAA;;0BAENE,GAAUA,EAAMC,MAAMC,WAAWC;yBAClCH,GAAUA,EAAMC,MAAMC,WAAWC;4BAC9BH,GAAUA,EAAMC,MAAMC,WAAWC;EAGjDG,EAAqBR,EAAAA,GAAAA;;;cAGnBE,GAAUA,EAAMC,MAAMC,WAAWC;uBACxBH,GAAUA,EAAMC,MAAMC,WAAWC;YAC5CH,GAAUA,EAAMC,MAAMC,WAAWC;iBAC5BH,GAAUA,EAAMC,MAAMC,WAAWC;mBAC/BH,GAAUA,EAAMC,MAAMC,WAAWC;EAGxCI,EAAaT,EAAAA,GAAAA;;;;yBAIAE,GAAUA,EAAMC,MAAMO,OAAOC;;EAG1CC,EAAqBZ,EAAAA,GAAAA;;;IAG7BE,IACCA,EAAMW,cAAgBX,EAAMY,aAC9Bd,EAAAA,GAAAA;;6BAE0BE,GAAUA,EAAMC,MAAMO,OAAOC;;;;;EAM9CI,EAAmBf,EAAAA,GAAAA;IAC3BE,GACDA,EAAMc,sBACNhB,EAAAA,GAAAA;2BACwBE,GAAUA,EAAMC,MAAMO,OAAOC;;;EAI5CM,EAAmBjB,EAAAA,GAAAA;;;;yBAINE,GAAUA,EAAMC,MAAMO,OAAOC;;EAI1CO,EAAgBlB,EAAAA,GAAAA;;;EAKhBmB,EAAcnB,EAAAA,GAAAA;GACvBE,GACDA,EAAMY,YACFd,EAAAA,GAAAA;;UAGAA,EAAAA,GAAAA;;;"}

package/build/theme.global-B9t2Fi10.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.global-B9t2Fi10.cjs","sources":["../src/theme/theme.ts","../src/theme/theme.global.ts"],"sourcesContent":["import { getContrastYIQ } from '@local/functions';\n\nimport {\n  ITheme,\n  IThemeGenre,\n  IThemeGenreDate,\n  IThemeGenreImageSelect,\n  IThemeGenreInput,\n  IThemeGenreRange,\n  IThemeGenreSelect,\n  IThemeGenreSonner,\n  IThemeGenreToggle,\n  IThemePaletteKeys,\n  IThemeSize,\n  IThemeSizePropertyDefault,\n  IThemeSizePropertyToggle,\n} from '.';\n\nexport const JeneseiPalette: Record<IThemePaletteKeys, string> = {\n  currentColor: 'currentColor',\n  inherit: 'inherit',\n  transparent: 'transparent',\n  black100: '#000000',\n  black80: '#000000CC', // rgba(0 0 0 / 0.8)\n  black60: '#00000099', // rgba(0 0 0 / 0.6)\n  black50: '#00000080', // rgba(0 0 0 / 0.5)\n  black40: '#00000066', // rgba(0 0 0 / 0.4)\n  black10: '#0000001A', // rgba(0 0 0 / 0.1)\n  black05: '#0000000D', // rgba(0 0 0 / 0.05)\n  black04: '#0000000A', // rgba(0 0 0 / 0.04)\n  blackHelena: '#181818',\n  blackJanice: '#373740',\n  grayJanice: '#f2f2f7',\n  grayKaren: '#e5e5ea',\n  grayMonica: '#c7c7cc',\n  graySandra: '#d1d1d6',\n  grayPatricia: '#484848',\n  graySarah: '#737373',\n  grayStassie: '#8D8D8F',\n  grayAdriana: '#90909033',\n  grayBarbara: '#EBEEEA',\n  grayStephanie: '#6c7a91',\n  grayTina: '#182433',\n  grayFrances: '#dce1e7',\n  whiteStandard: '#ffffff',\n  whiteJanice: '#F7FAFF',\n  greenGoogle: '#34a853',\n  green100: '#34a853',\n  green25: '#34A85340', // rgba(52 168 83 / 0.25)\n  green50: '#34A85380', // rgba(52 168 83 / 0.50)\n  green10: '#34A8531A', // rgba(52 168 83 / 0.1)\n  green10Background: '#EFFFF3',\n  yellowGoogle: '#fbbc04',\n  yellow100: '#e4bc1b',\n  yellow50: '#E4BC1B80', // rgba(228, 188, 27, 0.50)\n  yellow25: '#E4BC1B40', // rgba(228, 188, 27, 0.25)\n  yellow10: '#E4BC1B1A', // rgba(228, 188, 27, 0.1)\n  yellow10Background: '#FFFBEA',\n  redGoogle: '#ea4335',\n  red100: '#ff4141',\n  red50: '#FF414180', // rgba(255 65 65 / 0.50)\n  red25: '#FF414140', // rgba(255 65 65 / 0.25)\n  red10: '#FF41411A', // rgba(255 65 65 / 0.1)\n  red10Background: '#FFEDED',\n  blueGoogle: '#4285f4',\n  blueRest: '#4195d2',\n  blueActive: '#4195D21A', // rgba(65 149 210 / 0.1)\n  blueHover: '#1769A5CC', // rgba(23 105 165 / 0.8)\n  blueFocus: '#1769a5',\n  blueBr: '#0975a6',\n  blueKaren: '#2A77EE',\n  blueMonica: '#174899',\n  violetStephanie: '#a75afa',\n  violetJanice: '#be83fd',\n  amnezia: '#222224',\n};\n\nconst ThemeGenre: IThemeGenre = {\n  'bustmarket-gray-violet': {\n    background: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.black04,\n    },\n    color: {\n      rest: JeneseiPalette.violetStephanie,\n      hover: JeneseiPalette.violetJanice,\n      placeholder: JeneseiPalette.violetJanice,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  'bustmarket-gray': {\n    background: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.black04,\n    },\n    color: {\n      rest: JeneseiPalette.grayStephanie,\n      hover: JeneseiPalette.grayTina,\n      placeholder: JeneseiPalette.grayTina,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  'bustmarket-violet': {\n    background: {\n      rest: JeneseiPalette.violetStephanie,\n      hover: JeneseiPalette.violetJanice,\n    },\n    color: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n      placeholder: JeneseiPalette.whiteStandard,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  'bustmarket-white-violet': {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.violetJanice,\n    },\n    color: {\n      rest: JeneseiPalette.blackJanice,\n      hover: JeneseiPalette.whiteStandard,\n      placeholder: JeneseiPalette.whiteStandard,\n    },\n    border: {\n      rest: JeneseiPalette.grayFrances,\n      hover: JeneseiPalette.grayFrances,\n    },\n  },\n  'realebail-white': {\n    background: {\n      rest: JeneseiPalette.whiteJanice,\n      hover: JeneseiPalette.whiteJanice,\n    },\n    color: {\n      rest: JeneseiPalette.blueKaren,\n      hover: JeneseiPalette.blueMonica,\n      placeholder: JeneseiPalette.blueKaren,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  'realebail-product': {\n    background: {\n      rest: JeneseiPalette.blueKaren,\n      hover: JeneseiPalette.blueMonica,\n    },\n    color: {\n      rest: JeneseiPalette.whiteJanice,\n      hover: JeneseiPalette.whiteJanice,\n      placeholder: JeneseiPalette.whiteJanice,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  'realebail-gray': {\n    background: {\n      rest: JeneseiPalette.grayAdriana,\n      hover: JeneseiPalette.graySarah,\n    },\n    color: {\n      rest: JeneseiPalette.blackHelena,\n      hover: JeneseiPalette.blackHelena,\n      placeholder: JeneseiPalette.blackHelena,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  white: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n    },\n    color: {\n      rest: JeneseiPalette.black80,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black80,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  product: {\n    background: {\n      rest: JeneseiPalette.blueRest,\n      hover: JeneseiPalette.blueHover,\n    },\n    color: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n      placeholder: JeneseiPalette.whiteStandard,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  productBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n    },\n    color: {\n      rest: JeneseiPalette.blueRest,\n      hover: JeneseiPalette.blueHover,\n      placeholder: JeneseiPalette.blueRest,\n    },\n    border: {\n      rest: JeneseiPalette.blueRest,\n      hover: JeneseiPalette.blueHover,\n    },\n  },\n  gray: {\n    background: {\n      rest: JeneseiPalette.black10,\n      hover: JeneseiPalette.graySandra,\n    },\n    color: {\n      rest: JeneseiPalette.black60,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black80,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  grayBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n    },\n    color: {\n      rest: JeneseiPalette.black60,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black80,\n    },\n    border: {\n      rest: JeneseiPalette.black10,\n      hover: JeneseiPalette.graySandra,\n    },\n  },\n  black: {\n    background: {\n      rest: JeneseiPalette.black100,\n      hover: JeneseiPalette.black60,\n    },\n    color: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n      placeholder: JeneseiPalette.whiteStandard,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  blackBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n    },\n    color: {\n      rest: JeneseiPalette.black100,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black100,\n    },\n    border: {\n      rest: JeneseiPalette.black100,\n      hover: JeneseiPalette.black60,\n    },\n  },\n  greenTransparent: {\n    background: {\n      rest: JeneseiPalette.green10,\n      hover: JeneseiPalette.green25,\n    },\n    color: {\n      rest: JeneseiPalette.green100,\n      hover: JeneseiPalette.green100,\n      placeholder: JeneseiPalette.green100,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  yellowTransparent: {\n    background: {\n      rest: JeneseiPalette.yellow10,\n      hover: JeneseiPalette.yellow25,\n    },\n    color: {\n      rest: JeneseiPalette.yellow100,\n      hover: JeneseiPalette.yellow100,\n      placeholder: JeneseiPalette.yellow100,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  redTransparent: {\n    background: {\n      rest: JeneseiPalette.red10,\n      hover: JeneseiPalette.red25,\n    },\n    color: {\n      rest: JeneseiPalette.red100,\n      hover: JeneseiPalette.red100,\n      placeholder: JeneseiPalette.red100,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n};\nconst ThemeImageSelect: IThemeGenreImageSelect = {\n  'realebail-white': {\n    background: {\n      rest: JeneseiPalette.whiteJanice,\n      hover: JeneseiPalette.whiteJanice,\n    },\n    color: {\n      rest: JeneseiPalette.blueKaren,\n      hover: JeneseiPalette.blueMonica,\n      placeholder: JeneseiPalette.blueKaren,\n    },\n    border: {\n      rest: JeneseiPalette.blueKaren,\n      hover: JeneseiPalette.blackHelena,\n    },\n  },\n  gray: {\n    background: {\n      rest: JeneseiPalette.black10,\n      hover: JeneseiPalette.graySandra,\n    },\n    color: {\n      rest: JeneseiPalette.black60,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black80,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  grayBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n    },\n    color: {\n      rest: JeneseiPalette.black60,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black80,\n    },\n    border: {\n      rest: JeneseiPalette.black10,\n      hover: JeneseiPalette.graySandra,\n    },\n  },\n  blackBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n    },\n    color: {\n      rest: JeneseiPalette.black100,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black100,\n    },\n    border: {\n      rest: JeneseiPalette.black100,\n      hover: JeneseiPalette.black60,\n    },\n  },\n};\nconst ThemeGenreInput: IThemeGenreInput = {\n  'realebail-white': {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n    },\n    color: {\n      rest: JeneseiPalette.black80,\n      hover: JeneseiPalette.black80,\n      placeholder: JeneseiPalette.black40,\n    },\n    border: {\n      rest: JeneseiPalette.grayBarbara,\n      hover: JeneseiPalette.grayBarbara,\n    },\n  },\n  gray: {\n    background: {\n      rest: JeneseiPalette.grayJanice,\n      hover: JeneseiPalette.graySandra,\n    },\n    color: {\n      rest: JeneseiPalette.black60,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black80,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n    },\n  },\n  blackBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n    },\n    color: {\n      rest: JeneseiPalette.black80,\n      hover: JeneseiPalette.black80,\n      placeholder: JeneseiPalette.black40,\n    },\n    border: {\n      rest: JeneseiPalette.black100,\n      hover: JeneseiPalette.black80,\n    },\n  },\n  grayBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n    },\n    color: {\n      rest: JeneseiPalette.black60,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black40,\n    },\n    border: {\n      rest: JeneseiPalette.black10,\n      hover: JeneseiPalette.graySandra,\n    },\n  },\n};\nconst ThemeGenreRange: IThemeGenreRange = {\n  'realebail-white': {\n    track: {\n      background: {\n        rest: JeneseiPalette.grayBarbara,\n      },\n      gradient: {\n        rest: JeneseiPalette.blueKaren,\n      },\n    },\n    thumb: {\n      background: {\n        rest: JeneseiPalette.whiteStandard,\n        hover: JeneseiPalette.whiteStandard,\n      },\n      border: {\n        rest: JeneseiPalette.blueRest,\n        hover: JeneseiPalette.blueRest,\n      },\n    },\n  },\n  gray: {\n    track: {\n      background: {\n        rest: JeneseiPalette.grayJanice,\n      },\n      gradient: {\n        rest: JeneseiPalette.black60,\n      },\n    },\n    thumb: {\n      background: {\n        rest: JeneseiPalette.grayBarbara,\n        hover: JeneseiPalette.grayBarbara,\n      },\n      border: {\n        rest: JeneseiPalette.black60,\n        hover: JeneseiPalette.black60,\n      },\n    },\n  },\n  blackBorder: {\n    track: {\n      background: {\n        rest: JeneseiPalette.graySandra,\n      },\n      gradient: {\n        rest: JeneseiPalette.black80,\n      },\n    },\n    thumb: {\n      background: {\n        rest: JeneseiPalette.graySandra,\n        hover: JeneseiPalette.graySandra,\n      },\n      border: {\n        rest: JeneseiPalette.black80,\n        hover: JeneseiPalette.black80,\n      },\n    },\n  },\n  grayBorder: {\n    track: {\n      background: {\n        rest: JeneseiPalette.graySandra,\n      },\n      gradient: {\n        rest: JeneseiPalette.black60,\n      },\n    },\n    thumb: {\n      background: {\n        rest: JeneseiPalette.whiteStandard,\n        hover: JeneseiPalette.whiteStandard,\n      },\n      border: {\n        rest: JeneseiPalette.black40,\n        hover: JeneseiPalette.black40,\n      },\n    },\n  },\n};\nconst ThemeSelect: IThemeGenreSelect = {\n  'realebail-white': {\n    background: {\n      rest: JeneseiPalette.whiteJanice,\n      hover: JeneseiPalette.whiteJanice,\n      select: '',\n    },\n    color: {\n      rest: JeneseiPalette.blueKaren,\n      hover: JeneseiPalette.blueMonica,\n      placeholder: JeneseiPalette.blueKaren,\n      select: '',\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n      select: '',\n    },\n  },\n  gray: {\n    background: {\n      rest: JeneseiPalette.grayJanice,\n      hover: JeneseiPalette.graySandra,\n      select: '',\n    },\n    color: {\n      rest: JeneseiPalette.black60,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black80,\n      select: '',\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n      select: '',\n    },\n  },\n  blackBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n      select: JeneseiPalette.blueActive,\n    },\n    color: {\n      rest: JeneseiPalette.black80,\n      hover: JeneseiPalette.black80,\n      placeholder: JeneseiPalette.black40,\n      select: JeneseiPalette.black100,\n    },\n    border: {\n      rest: JeneseiPalette.black100,\n      hover: JeneseiPalette.black80,\n      select: JeneseiPalette.blueRest,\n    },\n  },\n  grayBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n      select: '',\n    },\n    color: {\n      rest: JeneseiPalette.black60,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black40,\n      select: '',\n    },\n    border: {\n      rest: JeneseiPalette.black10,\n      hover: JeneseiPalette.graySandra,\n      select: '',\n    },\n  },\n};\nconst ThemeGenreDate: IThemeGenreDate = {\n  'realebail-white': {\n    background: {\n      rest: JeneseiPalette.whiteJanice,\n      hover: JeneseiPalette.whiteJanice,\n      today: JeneseiPalette.blueKaren,\n      weekend: JeneseiPalette.whiteJanice,\n      choice: JeneseiPalette.blueKaren,\n      line: JeneseiPalette.whiteJanice,\n    },\n    color: {\n      rest: JeneseiPalette.blueKaren,\n      hover: JeneseiPalette.blueMonica,\n      placeholder: JeneseiPalette.blueKaren,\n      today: JeneseiPalette.whiteStandard,\n      weekend: JeneseiPalette.blueMonica,\n      choice: JeneseiPalette.whiteStandard,\n      line: JeneseiPalette.transparent,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n      today: JeneseiPalette.transparent,\n      weekend: JeneseiPalette.transparent,\n      choice: JeneseiPalette.transparent,\n      line: JeneseiPalette.transparent,\n    },\n  },\n  blackBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n      today: JeneseiPalette.black80,\n      weekend: JeneseiPalette.black10,\n      choice: JeneseiPalette.graySarah,\n      line: JeneseiPalette.whiteStandard,\n    },\n    color: {\n      rest: JeneseiPalette.black80,\n      hover: JeneseiPalette.black80,\n      placeholder: JeneseiPalette.black40,\n      today: JeneseiPalette.whiteStandard,\n      weekend: JeneseiPalette.black100,\n      choice: JeneseiPalette.whiteStandard,\n      line: JeneseiPalette.transparent,\n    },\n    border: {\n      rest: JeneseiPalette.black10,\n      hover: JeneseiPalette.graySandra,\n      today: JeneseiPalette.transparent,\n      weekend: JeneseiPalette.transparent,\n      choice: JeneseiPalette.transparent,\n      line: JeneseiPalette.transparent,\n    },\n  },\n  gray: {\n    background: {\n      rest: JeneseiPalette.grayJanice,\n      hover: JeneseiPalette.graySandra,\n      today: JeneseiPalette.graySarah,\n      weekend: JeneseiPalette.black10,\n      choice: JeneseiPalette.graySarah,\n      line: JeneseiPalette.transparent,\n    },\n    color: {\n      rest: JeneseiPalette.black60,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black80,\n      today: JeneseiPalette.whiteStandard,\n      weekend: JeneseiPalette.grayJanice,\n      choice: JeneseiPalette.whiteStandard,\n      line: JeneseiPalette.transparent,\n    },\n    border: {\n      rest: JeneseiPalette.transparent,\n      hover: JeneseiPalette.transparent,\n      today: JeneseiPalette.transparent,\n      weekend: JeneseiPalette.transparent,\n      choice: JeneseiPalette.transparent,\n      line: JeneseiPalette.transparent,\n    },\n  },\n  grayBorder: {\n    background: {\n      rest: JeneseiPalette.whiteStandard,\n      hover: JeneseiPalette.whiteStandard,\n      today: JeneseiPalette.black60,\n      weekend: JeneseiPalette.black10,\n      line: JeneseiPalette.transparent,\n      choice: JeneseiPalette.black60,\n    },\n    color: {\n      rest: JeneseiPalette.black60,\n      hover: JeneseiPalette.black60,\n      placeholder: JeneseiPalette.black80,\n      today: JeneseiPalette.whiteStandard,\n      choice: JeneseiPalette.whiteStandard,\n      weekend: JeneseiPalette.black80,\n      line: JeneseiPalette.transparent,\n    },\n    border: {\n      rest: JeneseiPalette.black10,\n      hover: JeneseiPalette.graySandra,\n      today: JeneseiPalette.transparent,\n      weekend: JeneseiPalette.black10,\n      line: JeneseiPalette.transparent,\n      choice: JeneseiPalette.transparent,\n    },\n  },\n};\nconst ThemeGenreToggle: IThemeGenreToggle = {\n  product: {\n    active: {\n      rest: {\n        border: JeneseiPalette.transparent,\n        track: JeneseiPalette.blueRest,\n        thumb: JeneseiPalette.whiteStandard,\n        thumbBoxShadow: '0px 0px 10px 1px rgba(0, 0, 0, 0.1)',\n      },\n      hover: {\n        border: JeneseiPalette.transparent,\n        track: JeneseiPalette.blueHover,\n        thumb: JeneseiPalette.whiteStandard,\n        thumbBoxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.6)',\n      },\n    },\n    unActive: {\n      rest: {\n        border: JeneseiPalette.transparent,\n        track: JeneseiPalette.black10,\n        thumb: JeneseiPalette.whiteStandard,\n        thumbBoxShadow: '0px 0px 10px 1px rgba(0, 0, 0, 0.1)',\n      },\n      hover: {\n        border: JeneseiPalette.transparent,\n        track: JeneseiPalette.graySandra,\n        thumb: JeneseiPalette.whiteStandard,\n        thumbBoxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.6)',\n      },\n    },\n  },\n};\nconst ThemeGenreSonner: IThemeGenreSonner = {\n  black: {\n    button: {\n      genre: 'black',\n    },\n    wrapper: {\n      background: JeneseiPalette.whiteStandard,\n      borderColor: JeneseiPalette.grayKaren,\n      boxShadow: '0px 10px 30px 0px rgba(0, 0, 0, 0.2)',\n      boxShadowHover: '0px 10px 30px 0px rgba(0, 0, 0, 0.5)',\n    },\n    icon: {\n      color: JeneseiPalette.black100,\n    },\n    title: {\n      color: JeneseiPalette.black100,\n    },\n    description: {\n      color: JeneseiPalette.grayPatricia,\n    },\n  },\n  greenTransparent: {\n    button: {\n      genre: 'greenTransparent',\n    },\n    wrapper: {\n      background: JeneseiPalette.green10Background,\n      borderColor: JeneseiPalette.green25,\n      boxShadow: `0px 10px 30px 0px ${JeneseiPalette.green25}`,\n      boxShadowHover: `0px 10px 30px 0px  ${JeneseiPalette.green50}`,\n    },\n    icon: {\n      color: JeneseiPalette.green100,\n    },\n    title: {\n      color: JeneseiPalette.green100,\n    },\n    description: {\n      color: JeneseiPalette.greenGoogle,\n    },\n  },\n  redTransparent: {\n    button: {\n      genre: 'redTransparent',\n    },\n    wrapper: {\n      background: JeneseiPalette.red10Background,\n      borderColor: JeneseiPalette.red25,\n      boxShadow: `0px 10px 30px 0px ${JeneseiPalette.red25}`,\n      boxShadowHover: `0px 10px 30px 0px  ${JeneseiPalette.red50}`,\n    },\n    icon: {\n      color: JeneseiPalette.red100,\n    },\n    title: {\n      color: JeneseiPalette.red100,\n    },\n    description: {\n      color: JeneseiPalette.redGoogle,\n    },\n  },\n  yellowTransparent: {\n    button: {\n      genre: 'yellowTransparent',\n    },\n    wrapper: {\n      background: JeneseiPalette.yellow10Background,\n      borderColor: JeneseiPalette.yellow25,\n      boxShadow: `0px 10px 30px 0px ${JeneseiPalette.yellow25}`,\n      boxShadowHover: `0px 10px 30px 0px  ${JeneseiPalette.yellow50}`,\n    },\n    icon: {\n      color: 'yellow100',\n    },\n    title: {\n      color: JeneseiPalette.yellow100,\n    },\n    description: {\n      color: JeneseiPalette.yellowGoogle,\n    },\n  },\n};\nexport const ThemeLight: ITheme = {\n  transition: {\n    duration: '0.3s',\n    timingFunction: 'ease',\n    default: '0.3s ease',\n    icon: '0.05s ease',\n  },\n  scrollbar: {\n    width: 4,\n    background: JeneseiPalette.black05,\n    thumb: JeneseiPalette.black10,\n    thumbBorder: JeneseiPalette.black05,\n  },\n  font: {\n    family: 'Inter',\n    weight: 400,\n    lineHeight: 1.2,\n    sizeDefault: {\n      default: 16,\n      mobile: 12,\n      tablet: 14,\n    },\n    sizeHeading: {\n      h1: 2.5,\n      h2: 2.25,\n      h3: 2,\n      h4: 1.75,\n      h5: 1.5,\n      h6: 1.25,\n      h7: 1,\n      h8: 0.75,\n      h9: 0.5,\n    },\n  },\n  screens: {\n    default: { width: 1920 },\n    tablet: { width: 1290 },\n    mobile: { width: 850 },\n  },\n  effects: {\n    input: 'inset 0px 0px 4px rgba(0, 0, 0, 0.20)',\n    button: '0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25)',\n  },\n  palette: JeneseiPalette,\n  background: JeneseiPalette,\n  states: {\n    focus: JeneseiPalette.black60,\n    danger: JeneseiPalette.redGoogle,\n  },\n  colors: {\n    range: ThemeGenreRange,\n    sonner: ThemeGenreSonner,\n    button: ThemeGenre,\n    date: ThemeGenreDate,\n    toggle: ThemeGenreToggle,\n    checkbox: ThemeGenre,\n    input: ThemeGenreInput,\n    imageSelect: ThemeImageSelect,\n    select: ThemeSelect,\n  },\n  getContrastYIQ: getContrastYIQ,\n};\nexport const ThemeBlack: ITheme = ThemeLight;\n\nexport const KEY_SIZE_DATA: Record<IThemeSize, IThemeSizePropertyDefault> = {\n  large: {\n    height: 46,\n    heightIcon: 24,\n    radius: 6,\n    padding: 16,\n    font: 20,\n  },\n  largeMedium: {\n    height: 42,\n    heightIcon: 22,\n    radius: 6,\n    padding: 14,\n    font: 18,\n  },\n  medium: {\n    height: 38,\n    heightIcon: 20,\n    radius: 6,\n    padding: 12,\n    font: 16,\n  },\n  mediumSmall: {\n    height: 34,\n    heightIcon: 18,\n    radius: 6,\n    padding: 10,\n    font: 14,\n  },\n  small: {\n    height: 30,\n    heightIcon: 16,\n    radius: 8,\n    padding: 8,\n    font: 12,\n  },\n};\nexport const KEY_SIZE_DATA_TOGGLE: Record<IThemeSize, IThemeSizePropertyToggle> = {\n  large: {\n    height: 46,\n    width: 92,\n    padding: 3,\n    thumb: 40,\n  },\n  largeMedium: {\n    height: 42,\n    width: 84,\n    padding: 2,\n    thumb: 38,\n  },\n  medium: {\n    height: 38,\n    width: 76,\n    padding: 2,\n    thumb: 34,\n  },\n  mediumSmall: {\n    height: 34,\n    width: 68,\n    padding: 2,\n    thumb: 30,\n  },\n  small: {\n    height: 30,\n    width: 60,\n    padding: 2,\n    thumb: 26,\n  },\n};\n","import { createGlobalStyle } from 'styled-components';\nimport reset from 'styled-reset';\n\nexport const JeneseiGlobalStyles = createGlobalStyle`\n  ${reset};\n  /* &:focus-visible {\n      background: gray;\n    } */\n    \n  #storybook-root {\n    overflow: hidden;\n    display: flex;\n    max-height: 100dvh;\n    max-width: 100dvw;\n    overflow:auto;\n  }\n  .sb-show-main.sb-main-padded {\n    padding:0;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  html {\n    display: flex;\n    overflow-x: hidden;\n    max-width: 100dvw;\n    min-height: 100dvh;\n    height: 100%;\n    font-size: ${(props) => props.theme.font.sizeDefault.default}px;\n    font-family: ${(props) => props.theme.font.family}, Inter, system-ui, sans-serif;\n    font-weight: ${(props) => props.theme.font.weight};\n    font-feature-settings: 'kern' normal;\n    font-kerning: auto;\n    font-optical-sizing: auto;\n    line-height: ${(props) => props.theme.font.lineHeight};\n    transition: font-size ${(props) => props.theme.transition.default};\n  }\n\n  html, body, #root {\n    font-synthesis: none;\n    touch-action: manipulation; \n    -ms-touch-action: manipulation; \n    overscroll-behavior: none; \n    text-rendering: optimizeLegibility;\n    margin: 0;\n    padding: 0;\n    color: inherit;\n  } \n\n  body {\n    flex:1;\n  }\n\n  @media screen and (max-width: 1024px) {\n    body:has(.LayoutModal) {\n      overflow: hidden !important;\n    }\n  }\n\n  input[type='checkbox'],\n  input[type='radio'] {\n    appearance: none;\n    transform: translate(0px);\n  }\n\n  input[type='time']::-webkit-calendar-picker-indicator {\n    background: none;\n  }\n\n  ::-webkit-scrollbar {\n    width: ${(props) => props.theme.scrollbar.width}px;\n    height: ${(props) => props.theme.scrollbar.width}px;\n  }\n\n  ::-webkit-scrollbar-track {\n    background: ${(props) => props.theme.scrollbar.background};\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background:  ${(props) => props.theme.scrollbar.thumb};\n    border: ${(props) => props.theme.scrollbar.thumbBorder};\n    background-clip: padding-box;\n  }\n\n  h1 {\n    font-size:  ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.default}px;\n    line-height: ${(props) => props.theme.font.lineHeight};\n    margin: 0;\n  }\n\n  h2 {\n    font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.default}px;\n    line-height: ${(props) => props.theme.font.lineHeight};\n    margin: 0;\n  }\n\n  h3 {\n    font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.default}px;\n    line-height: ${(props) => props.theme.font.lineHeight};\n    margin: 0;\n  }\n\n  h4 {\n    font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.default}px;\n    line-height: ${(props) => props.theme.font.lineHeight};\n    margin: 0;\n  }\n\n  h5 {\n    font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.default}px;\n    line-height: ${(props) => props.theme.font.lineHeight};\n    margin: 0;\n  }\n\n  h6 {\n    font-size: v${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.default}px;\n    line-height: ${(props) => props.theme.font.lineHeight};\n    margin: 0;\n  }\n\n\n  @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n    h1 {\n      font-size:  ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.tablet}px;\n    }\n\n    h2 {\n      font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.tablet}px;\n    }\n\n    h3 {\n      font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.tablet}px;\n    }\n\n    h4 {\n      font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.tablet}px;\n    }\n\n    h5 {\n      font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.tablet}px;\n    }\n\n    h6 {\n      font-size: v${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.tablet}px;\n    }\n  }\n\n  @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n    h1 {\n      font-size:  ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.mobile}px;\n    }\n\n    h2 {\n      font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.mobile}px;\n    }\n\n    h3 {\n      font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.mobile}px;\n    }\n\n    h4 {\n      font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.mobile}px;\n    }\n\n    h5 {\n      font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.mobile}px;\n    }\n\n    h6 {\n      font-size: v${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.mobile}px;\n    }\n  }\n`;\n"],"names":["JeneseiPalette","currentColor","inherit","transparent","black100","black80","black60","black50","black40","black10","black05","black04","blackHelena","blackJanice","grayJanice","grayKaren","grayMonica","graySandra","grayPatricia","graySarah","grayStassie","grayAdriana","grayBarbara","grayStephanie","grayTina","grayFrances","whiteStandard","whiteJanice","greenGoogle","green100","green25","green50","green10","green10Background","yellowGoogle","yellow100","yellow50","yellow25","yellow10","yellow10Background","redGoogle","red100","red50","red25","red10","red10Background","blueGoogle","blueRest","blueActive","blueHover","blueFocus","blueBr","blueKaren","blueMonica","violetStephanie","violetJanice","amnezia","ThemeGenre","background","rest","hover","color","placeholder","border","white","product","productBorder","gray","grayBorder","black","blackBorder","greenTransparent","yellowTransparent","redTransparent","ThemeLight","transition","duration","timingFunction","default","icon","scrollbar","width","thumb","thumbBorder","font","family","weight","lineHeight","sizeDefault","mobile","tablet","sizeHeading","h1","h2","h3","h4","h5","h6","h7","h8","h9","screens","effects","input","button","palette","states","focus","danger","colors","range","track","gradient","sonner","genre","wrapper","borderColor","boxShadow","boxShadowHover","title","description","date","today","weekend","choice","line","toggle","active","thumbBoxShadow","unActive","checkbox","imageSelect","select","getContrastYIQ","ThemeBlack","JeneseiGlobalStyles","createGlobalStyle","reset","props","theme","large","height","heightIcon","radius","padding","largeMedium","medium","mediumSmall","small"],"mappings":"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"}