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

package/README.md

@@ -23,26 +23,6 @@ Import `JeneseiTheme` and `JeneseiGlobalStyles` from our library and apply them
 // app.tsx
 import { JeneseiGlobalStyles, JeneseiTheme } from '@jenesei-software/jenesei-kit-react/style-theme'
 
-
-import '@fontsource/inter/100.css'
-import '@fontsource/inter/300.css'
-import '@fontsource/inter/400.css'
-import '@fontsource/inter/500.css'
-import '@fontsource/inter/700.css'
-import '@fontsource/inter/900.css'
-import '@fontsource/roboto/100.css'
-import '@fontsource/roboto/300.css'
-import '@fontsource/roboto/400.css'
-import '@fontsource/roboto/500.css'
-import '@fontsource/roboto/700.css'
-import '@fontsource/roboto/900.css'
-import '@fontsource/roboto-mono/100.css'
-import '@fontsource/roboto-mono/300.css'
-import '@fontsource/roboto-mono/400.css'
-import '@fontsource/roboto-mono/500.css'
-import '@fontsource/roboto-mono/700.css'
-import '@fontsource/roboto-mono/900.css'
-
 function App() {
   return (
     ...

package/build/{area-AbheP_ot.cjs → area-DnAf310m.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("framer-motion"),i=require("react"),n=require("./component.styles-CbkvPvEl.cjs"),o=require("./component-BV_7tGiu.cjs");exports.Preview=s=>{const[l,r]=i.useState(s.defaultVisible??!0),u=i.useMemo(()=>"visible"in s?s.visible:null,[s]),a=i.useMemo(()=>"time"in s?s.time:null,[s]),d=i.useMemo(()=>"minTime"in s?s.minTime:null,[s]);return i.useEffect(()=>{if(null!==a){const e=setTimeout(()=>{r(!0)},a);return()=>{clearTimeout(e)}}},[a]),i.useEffect(()=>{if(null!==u)if(u){if(d){const e=setTimeout(()=>{r(u)},d);return()=>clearTimeout(e)}r(u)}else r(u)},[u,d]),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(t.AnimatePresence,{children:[l?null:e.jsxRuntimeExports.jsxs(o.StackMotion,{sx:e=>({...null==s?void 0:s.sxLoader,default:{backgroundColor:e.palette.whiteStandard,width:"100%",height:"100%",position:"absolute",top:0,left:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1,...(null==s?void 0:s.sxLoader)?"function"==typeof(null==s?void 0:s.sxLoader)?null==s?void 0:s.sxLoader(e).default:null==s?void 0:s.sxLoader.default:{}}}),transition:{duration:.3},exit:{opacity:0},animate:{opacity:1},children:[e.jsxRuntimeExports.jsx(o.Stack,{sx:{default:{position:"absolute",width:"8vmin",height:"8vmin"}},children:e.jsxRuntimeExports.jsx(n.Icon,{size:"100%",type:"loading",primaryColor:"blueFocus",name:"Line"})}),s.content&&e.jsxRuntimeExports.jsx(o.Stack,{sx:{default:{position:"relative",marginTop:"18vmin"}},children:s.content})]},"loader"),l?e.jsxRuntimeExports.jsx(o.StackMotion,{sx:e=>({...null==s?void 0:s.sxChildren,default:{display:"contents",zIndex:0,...(null==s?void 0:s.sxChildren)?"function"==typeof(null==s?void 0:s.sxChildren)?null==s?void 0:s.sxChildren(e).default:null==s?void 0:s.sxChildren.default:{}}}),transition:{duration:.3},initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},children:s.children},"children"):null]})})};
-//# sourceMappingURL=area-AbheP_ot.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("framer-motion"),i=require("react"),n=require("./component.styles-DSle6iuF.cjs"),o=require("./component-BV_7tGiu.cjs");exports.Preview=s=>{const[l,r]=i.useState(s.defaultVisible??!0),u=i.useMemo(()=>"visible"in s?s.visible:null,[s]),a=i.useMemo(()=>"time"in s?s.time:null,[s]),d=i.useMemo(()=>"minTime"in s?s.minTime:null,[s]);return i.useEffect(()=>{if(null!==a){const e=setTimeout(()=>{r(!0)},a);return()=>{clearTimeout(e)}}},[a]),i.useEffect(()=>{if(null!==u)if(u){if(d){const e=setTimeout(()=>{r(u)},d);return()=>clearTimeout(e)}r(u)}else r(u)},[u,d]),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(t.AnimatePresence,{children:[l?null:e.jsxRuntimeExports.jsxs(o.StackMotion,{sx:e=>({...null==s?void 0:s.sxLoader,default:{backgroundColor:e.palette.whiteStandard,width:"100%",height:"100%",position:"absolute",top:0,left:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1,...(null==s?void 0:s.sxLoader)?"function"==typeof(null==s?void 0:s.sxLoader)?null==s?void 0:s.sxLoader(e).default:null==s?void 0:s.sxLoader.default:{}}}),transition:{duration:.3},exit:{opacity:0},animate:{opacity:1},children:[e.jsxRuntimeExports.jsx(o.Stack,{sx:{default:{position:"absolute",width:"8vmin",height:"8vmin"}},children:e.jsxRuntimeExports.jsx(n.Icon,{size:"100%",type:"loading",primaryColor:"blueFocus",name:"Line"})}),s.content&&e.jsxRuntimeExports.jsx(o.Stack,{sx:{default:{position:"relative",marginTop:"18vmin"}},children:s.content})]},"loader"),l?e.jsxRuntimeExports.jsx(o.StackMotion,{sx:e=>({...null==s?void 0:s.sxChildren,default:{display:"contents",zIndex:0,...(null==s?void 0:s.sxChildren)?"function"==typeof(null==s?void 0:s.sxChildren)?null==s?void 0:s.sxChildren(e).default:null==s?void 0:s.sxChildren.default:{}}}),transition:{duration:.3},initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},children:s.children},"children"):null]})})};
+//# sourceMappingURL=area-DnAf310m.cjs.map

package/build/{area-AbheP_ot.cjs.map → area-DnAf310m.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"area-AbheP_ot.cjs","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion'\nimport { FC, useEffect, useMemo, useState } from 'react'\n\nimport { Icon } from '@local/components/icon'\nimport { Stack, StackMotion } from '@local/components/stack'\n\nimport { PreviewProps } from '.'\n\nexport const Preview: FC<PreviewProps> = props => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? true)\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props])\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props])\n  const propsMinTime = useMemo(() => ('minTime' in props ? props.minTime : null), [props])\n\n  useEffect(() => {\n    if (propsTime !== null) {\n      const timer = setTimeout(() => {\n        setVisible(true)\n      }, propsTime)\n\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  }, [propsTime])\n\n  useEffect(() => {\n    if (propsVisible !== null) {\n      if (propsVisible) {\n        if (propsMinTime) {\n          const timer = setTimeout(() => {\n            setVisible(propsVisible)\n          }, propsMinTime)\n          return () => clearTimeout(timer)\n        } else {\n          setVisible(propsVisible)\n        }\n      } else {\n        setVisible(propsVisible)\n      }\n    }\n  }, [propsVisible, propsMinTime])\n\n  return (\n    <>\n      <AnimatePresence>\n        {!visible ? (\n          <StackMotion\n            key=\"loader\"\n            sx={theme => ({\n              ...props?.sxLoader,\n              default: {\n                backgroundColor: theme.palette.whiteStandard,\n                width: '100%',\n                height: '100%',\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                zIndex: 1,\n                ...(props?.sxLoader\n                  ? typeof props?.sxLoader === 'function'\n                    ? props?.sxLoader(theme).default\n                    : props?.sxLoader.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            <Stack\n              sx={{\n                default: {\n                  position: 'absolute',\n                  width: '8vmin',\n                  height: '8vmin'\n                }\n              }}\n            >\n              <Icon size=\"100%\" type=\"loading\" primaryColor=\"blueFocus\" name=\"Line\" />\n            </Stack>\n            {props.content && (\n              <Stack\n                sx={{\n                  default: {\n                    position: 'relative',\n                    marginTop: '18vmin'\n                  }\n                }}\n              >\n                {props.content}\n              </Stack>\n            )}\n          </StackMotion>\n        ) : null}\n        {visible ? (\n          <StackMotion\n            key=\"children\"\n            sx={theme => ({\n              ...props?.sxChildren,\n              default: {\n                display: 'contents',\n                zIndex: 0,\n                ...(props?.sxChildren\n                  ? typeof props?.sxChildren === 'function'\n                    ? props?.sxChildren(theme).default\n                    : props?.sxChildren.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            initial={{ opacity: 0 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            {props.children}\n          </StackMotion>\n        ) : null}\n      </AnimatePresence>\n    </>\n  )\n}\n"],"names":["props","visible","setVisible","useState","defaultVisible","propsVisible","useMemo","propsTime","time","propsMinTime","minTime","useEffect","timer","setTimeout","clearTimeout","jsx","Fragment","children","AnimatePresence","jsxs","StackMotion","sx","theme","sxLoader","default","backgroundColor","palette","whiteStandard","width","height","position","top","left","display","alignItems","justifyContent","zIndex","transition","duration","exit","opacity","animate","Stack","Icon","size","type","primaryColor","name","content","marginTop","sxChildren","initial"],"mappings":"4MAQyCA,IACvC,MAAOC,EAASC,GAAcC,EAAAA,SAASH,EAAMI,iBAAkB,GAEzDC,EAAeC,UAAQ,IAAO,YAAaN,EAAQA,EAAMC,QAAU,KAAO,CAACD,IAC3EO,EAAYD,UAAQ,IAAO,SAAUN,EAAQA,EAAMQ,KAAO,KAAO,CAACR,IAClES,EAAeH,UAAQ,IAAO,YAAaN,EAAQA,EAAMU,QAAU,KAAO,CAACV,IA+BjF,OA7BAW,EAAAA,UAAU,KACR,GAAkB,OAAdJ,EAAoB,CACtB,MAAMK,EAAQC,WAAW,KACvBX,GAAW,IACVK,GAEH,MAAO,KACLO,aAAaF,GACf,GAED,CAACL,IAEJI,EAAAA,UAAU,KACR,GAAqB,OAAjBN,EACF,GAAIA,EAAc,CAChB,GAAII,EAAc,CAChB,MAAMG,EAAQC,WAAW,KACvBX,EAAWG,IACVI,GACH,MAAO,IAAMK,aAAaF,EAAK,CAE/BV,EAAWG,EACb,MAEAH,EAAWG,IAGd,CAACA,EAAcI,IAGhBM,EAAAA,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACEC,kCAACC,EAAAA,gBAAA,CACED,SAAA,CAAChB,EAmDE,KAlDFkB,EAAAA,kBAAAA,KAACC,EAAAA,YAAA,CAECC,GAAIC,IAAA,IACC,MAAAtB,OAAA,EAAAA,EAAOuB,SACVC,QAAS,CACPC,gBAAiBH,EAAMI,QAAQC,cAC/BC,MAAO,OACPC,OAAQ,OACRC,SAAU,WACVC,IAAK,EACLC,KAAM,EACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,OAAQ,MACJ,MAAApC,OAAA,EAAAA,EAAOuB,UACoB,yBAApBvB,WAAOuB,UACZ,MAAAvB,OAAA,EAAAA,EAAOuB,SAASD,GAAOE,QACvB,MAAAxB,OAAA,EAAAA,EAAOuB,SAASC,QAClB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBC,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEpBvB,SAAA,GAAAF,kBAAAA,IAAC2B,EAAAA,MAAA,CACCrB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVF,MAAO,QACPC,OAAQ,UAIZZ,SAAAF,EAAAA,kBAAAA,IAAC4B,QAAKC,KAAK,OAAOC,KAAK,UAAUC,aAAa,YAAYC,KAAK,WAEhE/C,EAAMgD,SACLjC,EAAAA,kBAAAA,IAAC2B,EAAAA,MAAA,CACCrB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVmB,UAAW,WAIdhC,SAAAjB,EAAMgD,YA7CP,UAkDP/C,IACCc,kBAAAA,IAACK,EAAAA,YAAA,CAECC,GAAIC,IAAA,IACC,MAAAtB,OAAA,EAAAA,EAAOkD,WACV1B,QAAS,CACPS,QAAS,WACTG,OAAQ,MACJ,MAAApC,OAAA,EAAAA,EAAOkD,YACsB,yBAAtBlD,WAAOkD,YACZ,MAAAlD,OAAA,EAAAA,EAAOkD,WAAW5B,GAAOE,QACzB,MAAAxB,OAAA,EAAAA,EAAOkD,WAAW1B,QACpB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBa,QAAS,CAAEX,QAAS,GACpBD,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEnBvB,SAAAjB,EAAMiB,UAlBH,YAoBJ"}
+{"version":3,"file":"area-DnAf310m.cjs","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion'\nimport { FC, useEffect, useMemo, useState } from 'react'\n\nimport { Icon } from '@local/components/icon'\nimport { Stack, StackMotion } from '@local/components/stack'\n\nimport { PreviewProps } from '.'\n\nexport const Preview: FC<PreviewProps> = props => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? true)\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props])\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props])\n  const propsMinTime = useMemo(() => ('minTime' in props ? props.minTime : null), [props])\n\n  useEffect(() => {\n    if (propsTime !== null) {\n      const timer = setTimeout(() => {\n        setVisible(true)\n      }, propsTime)\n\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  }, [propsTime])\n\n  useEffect(() => {\n    if (propsVisible !== null) {\n      if (propsVisible) {\n        if (propsMinTime) {\n          const timer = setTimeout(() => {\n            setVisible(propsVisible)\n          }, propsMinTime)\n          return () => clearTimeout(timer)\n        } else {\n          setVisible(propsVisible)\n        }\n      } else {\n        setVisible(propsVisible)\n      }\n    }\n  }, [propsVisible, propsMinTime])\n\n  return (\n    <>\n      <AnimatePresence>\n        {!visible ? (\n          <StackMotion\n            key=\"loader\"\n            sx={theme => ({\n              ...props?.sxLoader,\n              default: {\n                backgroundColor: theme.palette.whiteStandard,\n                width: '100%',\n                height: '100%',\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                zIndex: 1,\n                ...(props?.sxLoader\n                  ? typeof props?.sxLoader === 'function'\n                    ? props?.sxLoader(theme).default\n                    : props?.sxLoader.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            <Stack\n              sx={{\n                default: {\n                  position: 'absolute',\n                  width: '8vmin',\n                  height: '8vmin'\n                }\n              }}\n            >\n              <Icon size=\"100%\" type=\"loading\" primaryColor=\"blueFocus\" name=\"Line\" />\n            </Stack>\n            {props.content && (\n              <Stack\n                sx={{\n                  default: {\n                    position: 'relative',\n                    marginTop: '18vmin'\n                  }\n                }}\n              >\n                {props.content}\n              </Stack>\n            )}\n          </StackMotion>\n        ) : null}\n        {visible ? (\n          <StackMotion\n            key=\"children\"\n            sx={theme => ({\n              ...props?.sxChildren,\n              default: {\n                display: 'contents',\n                zIndex: 0,\n                ...(props?.sxChildren\n                  ? typeof props?.sxChildren === 'function'\n                    ? props?.sxChildren(theme).default\n                    : props?.sxChildren.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            initial={{ opacity: 0 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            {props.children}\n          </StackMotion>\n        ) : null}\n      </AnimatePresence>\n    </>\n  )\n}\n"],"names":["props","visible","setVisible","useState","defaultVisible","propsVisible","useMemo","propsTime","time","propsMinTime","minTime","useEffect","timer","setTimeout","clearTimeout","jsx","Fragment","children","AnimatePresence","jsxs","StackMotion","sx","theme","sxLoader","default","backgroundColor","palette","whiteStandard","width","height","position","top","left","display","alignItems","justifyContent","zIndex","transition","duration","exit","opacity","animate","Stack","Icon","size","type","primaryColor","name","content","marginTop","sxChildren","initial"],"mappings":"4MAQyCA,IACvC,MAAOC,EAASC,GAAcC,EAAAA,SAASH,EAAMI,iBAAkB,GAEzDC,EAAeC,UAAQ,IAAO,YAAaN,EAAQA,EAAMC,QAAU,KAAO,CAACD,IAC3EO,EAAYD,UAAQ,IAAO,SAAUN,EAAQA,EAAMQ,KAAO,KAAO,CAACR,IAClES,EAAeH,UAAQ,IAAO,YAAaN,EAAQA,EAAMU,QAAU,KAAO,CAACV,IA+BjF,OA7BAW,EAAAA,UAAU,KACR,GAAkB,OAAdJ,EAAoB,CACtB,MAAMK,EAAQC,WAAW,KACvBX,GAAW,IACVK,GAEH,MAAO,KACLO,aAAaF,GACf,GAED,CAACL,IAEJI,EAAAA,UAAU,KACR,GAAqB,OAAjBN,EACF,GAAIA,EAAc,CAChB,GAAII,EAAc,CAChB,MAAMG,EAAQC,WAAW,KACvBX,EAAWG,IACVI,GACH,MAAO,IAAMK,aAAaF,EAAK,CAE/BV,EAAWG,EACb,MAEAH,EAAWG,IAGd,CAACA,EAAcI,IAGhBM,EAAAA,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACEC,kCAACC,EAAAA,gBAAA,CACED,SAAA,CAAChB,EAmDE,KAlDFkB,EAAAA,kBAAAA,KAACC,EAAAA,YAAA,CAECC,GAAIC,IAAA,IACC,MAAAtB,OAAA,EAAAA,EAAOuB,SACVC,QAAS,CACPC,gBAAiBH,EAAMI,QAAQC,cAC/BC,MAAO,OACPC,OAAQ,OACRC,SAAU,WACVC,IAAK,EACLC,KAAM,EACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,OAAQ,MACJ,MAAApC,OAAA,EAAAA,EAAOuB,UACoB,yBAApBvB,WAAOuB,UACZ,MAAAvB,OAAA,EAAAA,EAAOuB,SAASD,GAAOE,QACvB,MAAAxB,OAAA,EAAAA,EAAOuB,SAASC,QAClB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBC,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEpBvB,SAAA,GAAAF,kBAAAA,IAAC2B,EAAAA,MAAA,CACCrB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVF,MAAO,QACPC,OAAQ,UAIZZ,SAAAF,EAAAA,kBAAAA,IAAC4B,QAAKC,KAAK,OAAOC,KAAK,UAAUC,aAAa,YAAYC,KAAK,WAEhE/C,EAAMgD,SACLjC,EAAAA,kBAAAA,IAAC2B,EAAAA,MAAA,CACCrB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVmB,UAAW,WAIdhC,SAAAjB,EAAMgD,YA7CP,UAkDP/C,IACCc,kBAAAA,IAACK,EAAAA,YAAA,CAECC,GAAIC,IAAA,IACC,MAAAtB,OAAA,EAAAA,EAAOkD,WACV1B,QAAS,CACPS,QAAS,WACTG,OAAQ,MACJ,MAAApC,OAAA,EAAAA,EAAOkD,YACsB,yBAAtBlD,WAAOkD,YACZ,MAAAlD,OAAA,EAAAA,EAAOkD,WAAW5B,GAAOE,QACzB,MAAAxB,OAAA,EAAAA,EAAOkD,WAAW1B,QACpB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBa,QAAS,CAAEX,QAAS,GACpBD,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEnBvB,SAAAjB,EAAMiB,UAlBH,YAoBJ"}

package/build/{area-CH6c_n7-.js → area-Dnq78ow6.js}

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { AnimatePresence } from "framer-motion";
 import { useState, useMemo, useEffect } from "react";
-import { I as Icon } from "./component.styles-DYAuT7U2.js";
+import { I as Icon } from "./component.styles-Bm3Ec-Kd.js";
 import { c as StackMotion, b as Stack } from "./component-jPZYT5iL.js";
 const Preview = (props) => {
   const [visible, setVisible] = useState(props.defaultVisible ?? true);
@@ -111,4 +111,4 @@ const Preview = (props) => {
 export {
   Preview as P
 };
-//# sourceMappingURL=area-CH6c_n7-.js.map
+//# sourceMappingURL=area-Dnq78ow6.js.map

package/build/{area-CH6c_n7-.js.map → area-Dnq78ow6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"area-CH6c_n7-.js","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion'\nimport { FC, useEffect, useMemo, useState } from 'react'\n\nimport { Icon } from '@local/components/icon'\nimport { Stack, StackMotion } from '@local/components/stack'\n\nimport { PreviewProps } from '.'\n\nexport const Preview: FC<PreviewProps> = props => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? true)\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props])\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props])\n  const propsMinTime = useMemo(() => ('minTime' in props ? props.minTime : null), [props])\n\n  useEffect(() => {\n    if (propsTime !== null) {\n      const timer = setTimeout(() => {\n        setVisible(true)\n      }, propsTime)\n\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  }, [propsTime])\n\n  useEffect(() => {\n    if (propsVisible !== null) {\n      if (propsVisible) {\n        if (propsMinTime) {\n          const timer = setTimeout(() => {\n            setVisible(propsVisible)\n          }, propsMinTime)\n          return () => clearTimeout(timer)\n        } else {\n          setVisible(propsVisible)\n        }\n      } else {\n        setVisible(propsVisible)\n      }\n    }\n  }, [propsVisible, propsMinTime])\n\n  return (\n    <>\n      <AnimatePresence>\n        {!visible ? (\n          <StackMotion\n            key=\"loader\"\n            sx={theme => ({\n              ...props?.sxLoader,\n              default: {\n                backgroundColor: theme.palette.whiteStandard,\n                width: '100%',\n                height: '100%',\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                zIndex: 1,\n                ...(props?.sxLoader\n                  ? typeof props?.sxLoader === 'function'\n                    ? props?.sxLoader(theme).default\n                    : props?.sxLoader.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            <Stack\n              sx={{\n                default: {\n                  position: 'absolute',\n                  width: '8vmin',\n                  height: '8vmin'\n                }\n              }}\n            >\n              <Icon size=\"100%\" type=\"loading\" primaryColor=\"blueFocus\" name=\"Line\" />\n            </Stack>\n            {props.content && (\n              <Stack\n                sx={{\n                  default: {\n                    position: 'relative',\n                    marginTop: '18vmin'\n                  }\n                }}\n              >\n                {props.content}\n              </Stack>\n            )}\n          </StackMotion>\n        ) : null}\n        {visible ? (\n          <StackMotion\n            key=\"children\"\n            sx={theme => ({\n              ...props?.sxChildren,\n              default: {\n                display: 'contents',\n                zIndex: 0,\n                ...(props?.sxChildren\n                  ? typeof props?.sxChildren === 'function'\n                    ? props?.sxChildren(theme).default\n                    : props?.sxChildren.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            initial={{ opacity: 0 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            {props.children}\n          </StackMotion>\n        ) : null}\n      </AnimatePresence>\n    </>\n  )\n}\n"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}
+{"version":3,"file":"area-Dnq78ow6.js","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion'\nimport { FC, useEffect, useMemo, useState } from 'react'\n\nimport { Icon } from '@local/components/icon'\nimport { Stack, StackMotion } from '@local/components/stack'\n\nimport { PreviewProps } from '.'\n\nexport const Preview: FC<PreviewProps> = props => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? true)\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props])\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props])\n  const propsMinTime = useMemo(() => ('minTime' in props ? props.minTime : null), [props])\n\n  useEffect(() => {\n    if (propsTime !== null) {\n      const timer = setTimeout(() => {\n        setVisible(true)\n      }, propsTime)\n\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  }, [propsTime])\n\n  useEffect(() => {\n    if (propsVisible !== null) {\n      if (propsVisible) {\n        if (propsMinTime) {\n          const timer = setTimeout(() => {\n            setVisible(propsVisible)\n          }, propsMinTime)\n          return () => clearTimeout(timer)\n        } else {\n          setVisible(propsVisible)\n        }\n      } else {\n        setVisible(propsVisible)\n      }\n    }\n  }, [propsVisible, propsMinTime])\n\n  return (\n    <>\n      <AnimatePresence>\n        {!visible ? (\n          <StackMotion\n            key=\"loader\"\n            sx={theme => ({\n              ...props?.sxLoader,\n              default: {\n                backgroundColor: theme.palette.whiteStandard,\n                width: '100%',\n                height: '100%',\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                zIndex: 1,\n                ...(props?.sxLoader\n                  ? typeof props?.sxLoader === 'function'\n                    ? props?.sxLoader(theme).default\n                    : props?.sxLoader.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            <Stack\n              sx={{\n                default: {\n                  position: 'absolute',\n                  width: '8vmin',\n                  height: '8vmin'\n                }\n              }}\n            >\n              <Icon size=\"100%\" type=\"loading\" primaryColor=\"blueFocus\" name=\"Line\" />\n            </Stack>\n            {props.content && (\n              <Stack\n                sx={{\n                  default: {\n                    position: 'relative',\n                    marginTop: '18vmin'\n                  }\n                }}\n              >\n                {props.content}\n              </Stack>\n            )}\n          </StackMotion>\n        ) : null}\n        {visible ? (\n          <StackMotion\n            key=\"children\"\n            sx={theme => ({\n              ...props?.sxChildren,\n              default: {\n                display: 'contents',\n                zIndex: 0,\n                ...(props?.sxChildren\n                  ? typeof props?.sxChildren === 'function'\n                    ? props?.sxChildren(theme).default\n                    : props?.sxChildren.default\n                  : {})\n              }\n            })}\n            transition={{ duration: 0.3 }}\n            initial={{ opacity: 0 }}\n            exit={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n          >\n            {props.children}\n          </StackMotion>\n        ) : null}\n      </AnimatePresence>\n    </>\n  )\n}\n"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}

package/build/area-preview.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area.hooks-C_UKZzcb.cjs"),r=require("./area-AbheP_ot.cjs");exports.useRemovePreviewLoader=e.useRemovePreviewLoader,exports.Preview=r.Preview;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area.hooks-C_UKZzcb.cjs"),r=require("./area-DnAf310m.cjs");exports.useRemovePreviewLoader=e.useRemovePreviewLoader,exports.Preview=r.Preview;
 //# sourceMappingURL=area-preview.cjs.js.map

package/build/area-preview.es.js

@@ -1,5 +1,5 @@
 import { u } from "./area.hooks-Bk04M7mk.js";
-import { P } from "./area-CH6c_n7-.js";
+import { P } from "./area-Dnq78ow6.js";
 export {
   P as Preview,
   u as useRemovePreviewLoader

package/build/build-info.txt

@@ -1,3 +1,3 @@
-version: 1.3.8
-commit: 21ebad6
-date: 2025-08-10T10:01:05Z
+version: 1.3.9
+commit: 508f163
+date: 2025-08-17T13:24:35Z

package/build/{component-BuxekWox.cjs → component-BiNPQpCQ.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-CMkU2lIg.cjs"),r=require("styled-components"),o=require("./style-fRZ6xrVp.cjs"),i=r.css`
+"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-u_42PteJ.cjs"),r=require("styled-components"),o=require("./style-fRZ6xrVp.cjs"),i=r.css`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -49,4 +49,4 @@
   ${t=>"horizontal"===t.$position?i:s};
   ${o.addSX};
 `;exports.ButtonGroup=r=>{var o;return t.jsxRuntimeExports.jsx(n,{$sx:r.sx,$position:r.position,className:r.className,id:"jenesei-button-group",children:null==(o=r.value)?void 0:o.map((r,o)=>t.jsxRuntimeExports.jsx(e.Button,{id:"jenesei-button",...r},o))})},exports.ButtonGroupWrapper=n;
-//# sourceMappingURL=component-BuxekWox.cjs.map
+//# sourceMappingURL=component-BiNPQpCQ.cjs.map

package/build/{component-BuxekWox.cjs.map → component-BiNPQpCQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-BuxekWox.cjs","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { StyledButtonGroupProps } from '.'\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  justify-content: space-between;\n  & #jenesei-button {\n    &:not(:only-child) {\n      flex-grow: 1;\n      &:first-child {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:last-child {\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nconst ButtonGroupWrapperPositionVertical = css`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n\n  & #jenesei-button {\n    &:not(:only-child) {\n      &:first-child {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n  & #jenesei-button {\n    &:focus-visible {\n      z-index: 1;\n    }\n  }\n  ${props =>\n    props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n  ${addSX};\n`\n","import { FC } from 'react'\n\nimport { Button } from '@local/components/button'\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.'\n\nexport const ButtonGroup: FC<ButtonGroupProps> = props => {\n  return (\n    <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id=\"jenesei-button-group\">\n      {props.value?.map((button, id) => <Button id=\"jenesei-button\" key={id} {...button} />)}\n    </ButtonGroupWrapper>\n  )\n}\n"],"names":["ButtonGroupWrapperPositionHorizontal","css","ButtonGroupWrapperPositionVertical","ButtonGroupWrapper","styled","div","props","$position","addSX","jsx","$sx","sx","position","className","id","children","_a","value","map","button","Button"],"mappings":"kKAOMA,EAAuCC,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;;;EAwBvCC,EAAqCD,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;EAsB9BE,EAAqBC,EAAAA,OAAOC,GAAA;;;;;;IAMrCC,GACoB,eAApBA,EAAMC,UAA6BP,EAAuCE;IAC1EM;sBCvD6CF,UAC/C,SACEG,kBAAAA,IAACN,EAAA,CAAmBO,IAAKJ,EAAMK,GAAIJ,UAAWD,EAAMM,SAAUC,UAAWP,EAAMO,UAAWC,GAAG,uBAC1FC,SAAA,OAAAC,EAAAV,EAAMW,YAAN,EAAAD,EAAaE,IAAI,CAACC,EAAQL,IAAOL,EAAAA,kBAAAA,IAACW,EAAAA,OAAA,CAAON,GAAG,oBAA8BK,GAARL"}
+{"version":3,"file":"component-BiNPQpCQ.cjs","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { StyledButtonGroupProps } from '.'\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  justify-content: space-between;\n  & #jenesei-button {\n    &:not(:only-child) {\n      flex-grow: 1;\n      &:first-child {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:last-child {\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nconst ButtonGroupWrapperPositionVertical = css`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n\n  & #jenesei-button {\n    &:not(:only-child) {\n      &:first-child {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n  & #jenesei-button {\n    &:focus-visible {\n      z-index: 1;\n    }\n  }\n  ${props =>\n    props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n  ${addSX};\n`\n","import { FC } from 'react'\n\nimport { Button } from '@local/components/button'\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.'\n\nexport const ButtonGroup: FC<ButtonGroupProps> = props => {\n  return (\n    <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id=\"jenesei-button-group\">\n      {props.value?.map((button, id) => <Button id=\"jenesei-button\" key={id} {...button} />)}\n    </ButtonGroupWrapper>\n  )\n}\n"],"names":["ButtonGroupWrapperPositionHorizontal","css","ButtonGroupWrapperPositionVertical","ButtonGroupWrapper","styled","div","props","$position","addSX","jsx","$sx","sx","position","className","id","children","_a","value","map","button","Button"],"mappings":"kKAOMA,EAAuCC,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;;;EAwBvCC,EAAqCD,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;EAsB9BE,EAAqBC,EAAAA,OAAOC,GAAA;;;;;;IAMrCC,GACoB,eAApBA,EAAMC,UAA6BP,EAAuCE;IAC1EM;sBCvD6CF,UAC/C,SACEG,kBAAAA,IAACN,EAAA,CAAmBO,IAAKJ,EAAMK,GAAIJ,UAAWD,EAAMM,SAAUC,UAAWP,EAAMO,UAAWC,GAAG,uBAC1FC,SAAA,OAAAC,EAAAV,EAAMW,YAAN,EAAAD,EAAaE,IAAI,CAACC,EAAQL,IAAOL,EAAAA,kBAAAA,IAACW,EAAAA,OAAA,CAAON,GAAG,oBAA8BK,GAARL"}

package/build/{component-Bwu-fBEh.js → component-BoHvC24Q.js}

@@ -4,7 +4,7 @@ import { createLink } from "@tanstack/react-router";
 import * as React from "react";
 import { useLayoutEffect, useState, useRef, useMemo, useEffect, useCallback, memo } from "react";
 import styled, { css, keyframes } from "styled-components";
-import { J as JeneseiPalette, K as KEY_SIZE_DATA } from "./theme.global-DuEXPcSK.js";
+import { J as JeneseiPalette, K as KEY_SIZE_DATA } from "./theme.global-CFUz5Asg.js";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 import { AnimatePresence, motion } from "framer-motion";
@@ -2502,4 +2502,4 @@ export {
   useMergeRefs as m,
   usePopover as u
 };
-//# sourceMappingURL=component-Bwu-fBEh.js.map
+//# sourceMappingURL=component-BoHvC24Q.js.map