@jenesei-software/jenesei-kit-react 1.2.6 → 1.2.8

package/build/{area-E4w7aKuZ.cjs → area-BO9opwkf.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-B-ZAk_1C.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-E4w7aKuZ.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("framer-motion"),i=require("react"),n=require("./component.styles-CBnEu0_t.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-BO9opwkf.cjs.map

package/build/{area-E4w7aKuZ.cjs.map → area-BO9opwkf.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"area-E4w7aKuZ.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-BO9opwkf.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-EcUYP2tl.js → area-jPT5NusX.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-CiGPOpxk.js";
+import { I as Icon } from "./component.styles-nkvjDCzl.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-EcUYP2tl.js.map
+//# sourceMappingURL=area-jPT5NusX.js.map

package/build/{area-EcUYP2tl.js.map → area-jPT5NusX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"area-EcUYP2tl.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-jPT5NusX.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-E4w7aKuZ.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-BO9opwkf.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-EcUYP2tl.js";
+import { P } from "./area-jPT5NusX.js";
 export {
   P as Preview,
   u as useRemovePreviewLoader

package/build/build-info.txt

@@ -1,3 +1,3 @@
-version: 1.2.6
-commit: be2ecb1
-date: 2025-08-08T19:58:50Z
+version: 1.2.8
+commit: 70af582
+date: 2025-08-09T10:00:26Z

package/build/component-C8fz1syk.cjs

@@ -0,0 +1,251 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./context.hooks-BIsapq-0.cjs"),n=require("@tanstack/react-router"),i=require("react"),r=require("styled-components"),o=require("./theme.global-B9wIU_rF.cjs"),s=require("react-dom"),l=require("framer-motion"),c=require("./style-f3_KtJIt.cjs"),a=require("./style-fRZ6xrVp.cjs"),f=require("./component-BV_7tGiu.cjs");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const d=u(i),m=u(s),h=(e,t,n,i)=>r.css`
+  font-family: ${n||"inherit"};
+  font-style: normal;
+  line-height: ${e=>i||e.theme.font.lineHeight};
+  font-size: ${e}px;
+  font-weight: ${t};
+`,p=r.keyframes`
+  0% {
+    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
+  }
+  50% {
+    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
+  }
+  100% {
+    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
+  }
+`;function g(e){return r.css`
+    ${e.shadow&&"shadowPulse"===e.shadow&&r.css`
+      animation: ${p} 2s infinite;
+    `};
+    ${e.letterSpacing&&r.css`
+      letter-spacing: ${e.letterSpacing};
+    `};
+    ${e.flex&&r.css`
+      flex: ${e.flex};
+    `};
+    ${e.cursor&&r.css`
+      cursor: ${e.cursor};
+    `};
+    ${e.overflow&&r.css`
+      overflow: ${e.overflow};
+    `};
+    ${void 0!==e.line?1===e.line?r.css`
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            width: -webkit-fill-available;
+            max-width: fit-content;
+          `:r.css`
+            word-break: break-word;
+            white-space: normal;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            overflow: hidden;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: ${e.line};
+            width: fit-content;
+            overflow-wrap: anywhere;
+          `:r.css``};
+    ${e.family&&r.css`
+      font-family: ${e.family};
+    `};
+    ${e.weight&&r.css`
+      font-weight: ${e.weight};
+    `};
+    ${e.height&&r.css`
+      line-height: ${e.height}px;
+    `};
+    ${e.color&&r.css`
+      color: ${o.JeneseiPalette[e.color]};
+    `};
+    ${e.align&&r.css`
+      text-align: ${e.align};
+    `};
+    ${e.wrap&&r.css`
+      text-wrap: ${e.wrap};
+    `};
+    ${e.decoration&&r.css`
+      text-decoration: ${e.decoration};
+    `};
+    ${e.transform&&r.css`
+      text-transform: ${e.transform};
+    `};
+    ${e.isHoverUnderlining&&r.css`
+      &:hover {
+        text-decoration: underline;
+      }
+    `};
+    ${e.isNoUserSelect&&r.css`
+      user-select: none;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+    `};
+    ${"size"in e&&e.size&&r.css`
+      font-size: ${e.size}px;
+    `};
+    ${"variant"in e&&e.variant?"h1"===e.variant?r.css`
+            font-size: ${e=>e.theme.font.sizeHeading.h1*e.theme.font.sizeDefault.default}px;
+            line-height: ${e=>e.theme.font.lineHeight};
+            margin: 0;
+            @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
+              font-size: ${e=>e.theme.font.sizeHeading.h1*e.theme.font.sizeDefault.tablet}px;
+            }
+
+            @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
+              font-size: ${e=>e.theme.font.sizeHeading.h1*e.theme.font.sizeDefault.mobile}px;
+            }
+          `:"h2"===e.variant?r.css`
+              font-size: ${e=>e.theme.font.sizeHeading.h2*e.theme.font.sizeDefault.default}px;
+              line-height: ${e=>e.theme.font.lineHeight};
+              margin: 0;
+              @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
+                font-size: ${e=>e.theme.font.sizeHeading.h2*e.theme.font.sizeDefault.tablet}px;
+              }
+
+              @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
+                font-size: ${e=>e.theme.font.sizeHeading.h2*e.theme.font.sizeDefault.mobile}px;
+              }
+            `:"h3"===e.variant?r.css`
+                font-size: ${e=>e.theme.font.sizeHeading.h3*e.theme.font.sizeDefault.default}px;
+                line-height: ${e=>e.theme.font.lineHeight};
+                margin: 0;
+                @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
+                  font-size: ${e=>e.theme.font.sizeHeading.h3*e.theme.font.sizeDefault.tablet}px;
+                }
+
+                @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
+                  font-size: ${e=>e.theme.font.sizeHeading.h3*e.theme.font.sizeDefault.mobile}px;
+                }
+              `:"h4"===e.variant?r.css`
+                  font-size: ${e=>e.theme.font.sizeHeading.h4*e.theme.font.sizeDefault.default}px;
+                  line-height: ${e=>e.theme.font.lineHeight};
+                  margin: 0;
+                  @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
+                    font-size: ${e=>e.theme.font.sizeHeading.h4*e.theme.font.sizeDefault.tablet}px;
+                  }
+
+                  @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
+                    font-size: ${e=>e.theme.font.sizeHeading.h4*e.theme.font.sizeDefault.mobile}px;
+                  }
+                `:"h5"===e.variant?r.css`
+                    font-size: ${e=>e.theme.font.sizeHeading.h5*e.theme.font.sizeDefault.default}px;
+                    line-height: ${e=>e.theme.font.lineHeight};
+                    margin: 0;
+                    @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
+                      font-size: ${e=>e.theme.font.sizeHeading.h5*e.theme.font.sizeDefault.tablet}px;
+                    }
+
+                    @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
+                      font-size: ${e=>e.theme.font.sizeHeading.h5*e.theme.font.sizeDefault.mobile}px;
+                    }
+                  `:"h6"===e.variant?r.css`
+                      font-size: ${e=>e.theme.font.sizeHeading.h6*e.theme.font.sizeDefault.default}px;
+                      line-height: ${e=>e.theme.font.lineHeight};
+                      margin: 0;
+                      @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
+                        font-size: ${e=>e.theme.font.sizeHeading.h6*e.theme.font.sizeDefault.tablet}px;
+                      }
+
+                      @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
+                        font-size: ${e=>e.theme.font.sizeHeading.h6*e.theme.font.sizeDefault.mobile}px;
+                      }
+                    `:"h7"===e.variant?r.css`
+                        font-size: ${e=>e.theme.font.sizeHeading.h7*e.theme.font.sizeDefault.default}px;
+                        line-height: ${e=>e.theme.font.lineHeight};
+                        margin: 0;
+                        @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
+                          font-size: ${e=>e.theme.font.sizeHeading.h7*e.theme.font.sizeDefault.tablet}px;
+                        }
+
+                        @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
+                          font-size: ${e=>e.theme.font.sizeHeading.h7*e.theme.font.sizeDefault.mobile}px;
+                        }
+                      `:"h8"===e.variant?r.css`
+                          font-size: ${e=>e.theme.font.sizeHeading.h8*e.theme.font.sizeDefault.default}px;
+                          line-height: ${e=>e.theme.font.lineHeight};
+                          margin: 0;
+                          @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
+                            font-size: ${e=>e.theme.font.sizeHeading.h8*e.theme.font.sizeDefault.tablet}px;
+                          }
+
+                          @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
+                            font-size: ${e=>e.theme.font.sizeHeading.h8*e.theme.font.sizeDefault.mobile}px;
+                          }
+                        `:"h9"===e.variant?r.css`
+                            font-size: ${e=>e.theme.font.sizeHeading.h9*e.theme.font.sizeDefault.default}px;
+                            line-height: ${e=>e.theme.font.lineHeight};
+                            margin: 0;
+                            @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
+                              font-size: ${e=>e.theme.font.sizeHeading.h9*e.theme.font.sizeDefault.tablet}px;
+                            }
+
+                            @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
+                              font-size: ${e=>e.theme.font.sizeHeading.h9*e.theme.font.sizeDefault.mobile}px;
+                            }
+                          `:null:null};
+  `}const x=r.css`
+  ${e=>{const t=e.$sxTypography;return t?g(t.default):null}}
+
+  ${e=>{const t=e.$sxTypography;return t?Object.entries(t).filter(([e])=>"default"!==e).map(([t,n])=>{var i;const o=null==(i=e.theme.screens[t])?void 0:i.width;return o?r.css`
+          @media (max-width: ${o}px) {
+            ${g(n)}
+          }
+        `:null}):null}}
+`,y=r.css`
+  font-style: normal;
+  position: relative;
+  overflow: visible;
+  text-overflow: ellipsis;
+  overflow-wrap: anywhere;
+  line-height: ${e=>e.theme.font.lineHeight};
+  ${x};
+  ${a.addSX}
+`,w=r.span`
+  ${y}
+  ${c.addOutline}
+`;function v(){return"undefined"!=typeof window}function b(e){return z(e)?(e.nodeName||"").toLowerCase():"#document"}function $(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function E(e){var t;return null==(t=(z(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function z(e){return!!v()&&(e instanceof Node||e instanceof $(e).Node)}function R(e){return!!v()&&(e instanceof Element||e instanceof $(e).Element)}function T(e){return!!v()&&(e instanceof HTMLElement||e instanceof $(e).HTMLElement)}function D(e){return!(!v()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof $(e).ShadowRoot)}function L(e){const{overflow:t,overflowX:n,overflowY:i,display:r}=A(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+n)&&!["inline","contents"].includes(r)}function C(e){return["table","td","th"].includes(b(e))}function H(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch(n){return!1}})}function S(e){const t=k(),n=R(e)?A(e):e;return["transform","translate","scale","rotate","perspective"].some(e=>!!n[e]&&"none"!==n[e])||!!n.containerType&&"normal"!==n.containerType||!t&&!!n.backdropFilter&&"none"!==n.backdropFilter||!t&&!!n.filter&&"none"!==n.filter||["transform","translate","scale","rotate","perspective","filter"].some(e=>(n.willChange||"").includes(e))||["paint","layout","strict","content"].some(e=>(n.contain||"").includes(e))}function k(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function O(e){return["html","body","#document"].includes(b(e))}function A(e){return $(e).getComputedStyle(e)}function j(e){return R(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function M(e){if("html"===b(e))return e;const t=e.assignedSlot||e.parentNode||D(e)&&e.host||E(e);return D(t)?t.host:t}function P(e){const t=M(e);return O(t)?e.ownerDocument?e.ownerDocument.body:e.body:T(t)&&L(t)?t:P(t)}function F(e,t,n){var i;void 0===t&&(t=[]),void 0===n&&(n=!0);const r=P(e),o=r===(null==(i=e.ownerDocument)?void 0:i.body),s=$(r);if(o){const e=W(s);return t.concat(s,s.visualViewport||[],L(r)?r:[],e&&n?F(e):[])}return t.concat(r,F(r,[],n))}function W(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}const B=Math.min,N=Math.max,I=Math.round,_=Math.floor,q=e=>({x:e,y:e}),V={left:"right",right:"left",bottom:"top",top:"bottom"},U={start:"end",end:"start"};function X(e,t,n){return N(e,B(t,n))}function Y(e,t){return"function"==typeof e?e(t):e}function K(e){return e.split("-")[0]}function Z(e){return e.split("-")[1]}function J(e){return"x"===e?"y":"x"}function G(e){return"y"===e?"height":"width"}function Q(e){return["top","bottom"].includes(K(e))?"y":"x"}function ee(e){return J(Q(e))}function te(e){return e.replace(/start|end/g,e=>U[e])}function ne(e){return e.replace(/left|right|bottom|top/g,e=>V[e])}function ie(e){const{x:t,y:n,width:i,height:r}=e;return{width:i,height:r,top:n,left:t,right:t+i,bottom:n+r,x:t,y:n}}var re="undefined"!=typeof document?i.useLayoutEffect:function(){};const oe={...d}.useInsertionEffect||(e=>e());function se(e,t,n){let{reference:i,floating:r}=e;const o=Q(t),s=ee(t),l=G(s),c=K(t),a="y"===o,f=i.x+i.width/2-r.width/2,u=i.y+i.height/2-r.height/2,d=i[l]/2-r[l]/2;let m;switch(c){case"top":m={x:f,y:i.y-r.height};break;case"bottom":m={x:f,y:i.y+i.height};break;case"right":m={x:i.x+i.width,y:u};break;case"left":m={x:i.x-r.width,y:u};break;default:m={x:i.x,y:i.y}}switch(Z(t)){case"start":m[s]-=d*(n&&a?-1:1);break;case"end":m[s]+=d*(n&&a?-1:1)}return m}async function le(e,t){var n;void 0===t&&(t={});const{x:i,y:r,platform:o,rects:s,elements:l,strategy:c}=e,{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:d=!1,padding:m=0}=Y(t,e),h=function(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}(m),p=l[d?"floating"===u?"reference":"floating":u],g=ie(await o.getClippingRect({element:null==(n=await(null==o.isElement?void 0:o.isElement(p)))||n?p:p.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(l.floating)),boundary:a,rootBoundary:f,strategy:c})),x="floating"===u?{x:i,y:r,width:s.floating.width,height:s.floating.height}:s.reference,y=await(null==o.getOffsetParent?void 0:o.getOffsetParent(l.floating)),w=await(null==o.isElement?void 0:o.isElement(y))&&await(null==o.getScale?void 0:o.getScale(y))||{x:1,y:1},v=ie(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:x,offsetParent:y,strategy:c}):x);return{top:(g.top-v.top+h.top)/w.y,bottom:(v.bottom-g.bottom+h.bottom)/w.y,left:(g.left-v.left+h.left)/w.x,right:(v.right-g.right+h.right)/w.x}}function ce(e){const t=A(e);let n=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const r=T(e),o=r?e.offsetWidth:n,s=r?e.offsetHeight:i,l=I(n)!==o||I(i)!==s;return l&&(n=o,i=s),{width:n,height:i,$:l}}function ae(e){return R(e)?e:e.contextElement}function fe(e){const t=ae(e);if(!T(t))return q(1);const n=t.getBoundingClientRect(),{width:i,height:r,$:o}=ce(t);let s=(o?I(n.width):n.width)/i,l=(o?I(n.height):n.height)/r;return s&&Number.isFinite(s)||(s=1),l&&Number.isFinite(l)||(l=1),{x:s,y:l}}const ue=q(0);function de(e){const t=$(e);return k()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:ue}function me(e,t,n,i){void 0===t&&(t=!1),void 0===n&&(n=!1);const r=e.getBoundingClientRect(),o=ae(e);let s=q(1);t&&(i?R(i)&&(s=fe(i)):s=fe(e));const l=function(e,t,n){return void 0===t&&(t=!1),!(!n||t&&n!==$(e))&&t}(o,n,i)?de(o):q(0);let c=(r.left+l.x)/s.x,a=(r.top+l.y)/s.y,f=r.width/s.x,u=r.height/s.y;if(o){const e=$(o),t=i&&R(i)?$(i):i;let n=e,r=W(n);for(;r&&i&&t!==n;){const e=fe(r),t=r.getBoundingClientRect(),i=A(r),o=t.left+(r.clientLeft+parseFloat(i.paddingLeft))*e.x,s=t.top+(r.clientTop+parseFloat(i.paddingTop))*e.y;c*=e.x,a*=e.y,f*=e.x,u*=e.y,c+=o,a+=s,n=$(r),r=W(n)}}return ie({width:f,height:u,x:c,y:a})}function he(e,t){const n=j(e).scrollLeft;return t?t.left+n:me(E(e)).left+n}function pe(e,t,n){void 0===n&&(n=!1);const i=e.getBoundingClientRect();return{x:i.left+t.scrollLeft-(n?0:he(e,i)),y:i.top+t.scrollTop}}function ge(e,t,n){let i;if("viewport"===t)i=function(e,t){const n=$(e),i=E(e),r=n.visualViewport;let o=i.clientWidth,s=i.clientHeight,l=0,c=0;if(r){o=r.width,s=r.height;const e=k();(!e||e&&"fixed"===t)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:o,height:s,x:l,y:c}}(e,n);else if("document"===t)i=function(e){const t=E(e),n=j(e),i=e.ownerDocument.body,r=N(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),o=N(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let s=-n.scrollLeft+he(e);const l=-n.scrollTop;return"rtl"===A(i).direction&&(s+=N(t.clientWidth,i.clientWidth)-r),{width:r,height:o,x:s,y:l}}(E(e));else if(R(t))i=function(e,t){const n=me(e,!0,"fixed"===t),i=n.top+e.clientTop,r=n.left+e.clientLeft,o=T(e)?fe(e):q(1);return{width:e.clientWidth*o.x,height:e.clientHeight*o.y,x:r*o.x,y:i*o.y}}(t,n);else{const n=de(e);i={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return ie(i)}function xe(e,t){const n=M(e);return!(n===t||!R(n)||O(n))&&("fixed"===A(n).position||xe(n,t))}function ye(e,t,n){const i=T(t),r=E(t),o="fixed"===n,s=me(e,!0,o,t);let l={scrollLeft:0,scrollTop:0};const c=q(0);function a(){c.x=he(r)}if(i||!i&&!o)if(("body"!==b(t)||L(r))&&(l=j(t)),i){const e=me(t,!0,o,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else r&&a();o&&!i&&r&&a();const f=!r||i||o?q(0):pe(r,l);return{x:s.left+l.scrollLeft-c.x-f.x,y:s.top+l.scrollTop-c.y-f.y,width:s.width,height:s.height}}function we(e){return"static"===A(e).position}function ve(e,t){if(!T(e)||"fixed"===A(e).position)return null;if(t)return t(e);let n=e.offsetParent;return E(e)===n&&(n=n.ownerDocument.body),n}function be(e,t){const n=$(e);if(H(e))return n;if(!T(e)){let t=M(e);for(;t&&!O(t);){if(R(t)&&!we(t))return t;t=M(t)}return n}let i=ve(e,t);for(;i&&C(i)&&we(i);)i=ve(i,t);return i&&O(i)&&we(i)&&!S(i)?n:i||function(e){let t=M(e);for(;T(t)&&!O(t);){if(S(t))return t;if(H(t))return null;t=M(t)}return null}(e)||n}const $e={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:n,offsetParent:i,strategy:r}=e;const o="fixed"===r,s=E(i),l=!!t&&H(t.floating);if(i===s||l&&o)return n;let c={scrollLeft:0,scrollTop:0},a=q(1);const f=q(0),u=T(i);if((u||!u&&!o)&&(("body"!==b(i)||L(s))&&(c=j(i)),T(i))){const e=me(i);a=fe(i),f.x=e.x+i.clientLeft,f.y=e.y+i.clientTop}const d=!s||u||o?q(0):pe(s,c,!0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-c.scrollLeft*a.x+f.x+d.x,y:n.y*a.y-c.scrollTop*a.y+f.y+d.y}},getDocumentElement:E,getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:i,strategy:r}=e;const o=[..."clippingAncestors"===n?H(t)?[]:function(e,t){const n=t.get(e);if(n)return n;let i=F(e,[],!1).filter(e=>R(e)&&"body"!==b(e)),r=null;const o="fixed"===A(e).position;let s=o?M(e):e;for(;R(s)&&!O(s);){const t=A(s),n=S(s);n||"fixed"!==t.position||(r=null),(o?!n&&!r:!n&&"static"===t.position&&r&&["absolute","fixed"].includes(r.position)||L(s)&&!n&&xe(e,s))?i=i.filter(e=>e!==s):r=t,s=M(s)}return t.set(e,i),i}(t,this._c):[].concat(n),i],s=o[0],l=o.reduce((e,n)=>{const i=ge(t,n,r);return e.top=N(i.top,e.top),e.right=B(i.right,e.right),e.bottom=B(i.bottom,e.bottom),e.left=N(i.left,e.left),e},ge(t,s,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:be,getElementRects:async function(e){const t=this.getOffsetParent||be,n=this.getDimensions,i=await n(e.floating);return{reference:ye(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:n}=ce(e);return{width:t,height:n}},getScale:fe,isElement:R,isRTL:function(e){return"rtl"===A(e).direction}};function Ee(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function ze(e,t,n,i){void 0===i&&(i={});const{ancestorScroll:r=!0,ancestorResize:o=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:c=!1}=i,a=ae(e),f=r||o?[...a?F(a):[],...F(t)]:[];f.forEach(e=>{r&&e.addEventListener("scroll",n,{passive:!0}),o&&e.addEventListener("resize",n)});const u=a&&l?function(e,t){let n,i=null;const r=E(e);function o(){var e;clearTimeout(n),null==(e=i)||e.disconnect(),i=null}return function s(l,c){void 0===l&&(l=!1),void 0===c&&(c=1),o();const a=e.getBoundingClientRect(),{left:f,top:u,width:d,height:m}=a;if(l||t(),!d||!m)return;const h={rootMargin:-_(u)+"px "+-_(r.clientWidth-(f+d))+"px "+-_(r.clientHeight-(u+m))+"px "+-_(f)+"px",threshold:N(0,B(1,c))||1};let p=!0;function g(t){const i=t[0].intersectionRatio;if(i!==c){if(!p)return s();i?s(!1,i):n=setTimeout(()=>{s(!1,1e-7)},1e3)}1!==i||Ee(a,e.getBoundingClientRect())||s(),p=!1}try{i=new IntersectionObserver(g,{...h,root:r.ownerDocument})}catch(x){i=new IntersectionObserver(g,h)}i.observe(e)}(!0),o}(a,n):null;let d,m=-1,h=null;s&&(h=new ResizeObserver(e=>{let[i]=e;i&&i.target===a&&h&&(h.unobserve(t),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var e;null==(e=h)||e.observe(t)})),n()}),a&&!c&&h.observe(a),h.observe(t));let p=c?me(e):null;return c&&function t(){const i=me(e);p&&!Ee(p,i)&&n();p=i,d=requestAnimationFrame(t)}(),n(),()=>{var e;f.forEach(e=>{r&&e.removeEventListener("scroll",n),o&&e.removeEventListener("resize",n)}),null==u||u(),null==(e=h)||e.disconnect(),h=null,c&&cancelAnimationFrame(d)}}const Re=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var n,i;const{x:r,y:o,placement:s,middlewareData:l}=t,c=await async function(e,t){const{placement:n,platform:i,elements:r}=e,o=await(null==i.isRTL?void 0:i.isRTL(r.floating)),s=K(n),l=Z(n),c="y"===Q(n),a=["left","top"].includes(s)?-1:1,f=o&&c?-1:1,u=Y(t,e);let{mainAxis:d,crossAxis:m,alignmentAxis:h}="number"==typeof u?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return l&&"number"==typeof h&&(m="end"===l?-1*h:h),c?{x:m*f,y:d*a}:{x:d*a,y:m*f}}(t,e);return s===(null==(n=l.offset)?void 0:n.placement)&&null!=(i=l.arrow)&&i.alignmentOffset?{}:{x:r+c.x,y:o+c.y,data:{...c,placement:s}}}}},Te=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:i,placement:r}=t,{mainAxis:o=!0,crossAxis:s=!1,limiter:l={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...c}=Y(e,t),a={x:n,y:i},f=await le(t,c),u=Q(K(r)),d=J(u);let m=a[d],h=a[u];if(o){const e="y"===d?"bottom":"right";m=X(m+f["y"===d?"top":"left"],m,m-f[e])}if(s){const e="y"===u?"bottom":"right";h=X(h+f["y"===u?"top":"left"],h,h-f[e])}const p=l.fn({...t,[d]:m,[u]:h});return{...p,data:{x:p.x-n,y:p.y-i,enabled:{[d]:o,[u]:s}}}}}},De=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n,i;const{placement:r,middlewareData:o,rects:s,initialPlacement:l,platform:c,elements:a}=t,{mainAxis:f=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:p=!0,...g}=Y(e,t);if(null!=(n=o.arrow)&&n.alignmentOffset)return{};const x=K(r),y=Q(l),w=K(l)===l,v=await(null==c.isRTL?void 0:c.isRTL(a.floating)),b=d||(w||!p?[ne(l)]:function(e){const t=ne(e);return[te(e),t,te(t)]}(l)),$="none"!==h;!d&&$&&b.push(...function(e,t,n,i){const r=Z(e);let o=function(e,t,n){const i=["left","right"],r=["right","left"],o=["top","bottom"],s=["bottom","top"];switch(e){case"top":case"bottom":return n?t?r:i:t?i:r;case"left":case"right":return t?o:s;default:return[]}}(K(e),"start"===n,i);return r&&(o=o.map(e=>e+"-"+r),t&&(o=o.concat(o.map(te)))),o}(l,p,h,v));const E=[l,...b],z=await le(t,g),R=[];let T=(null==(i=o.flip)?void 0:i.overflows)||[];if(f&&R.push(z[x]),u){const e=function(e,t,n){void 0===n&&(n=!1);const i=Z(e),r=ee(e),o=G(r);let s="x"===r?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[o]>t.floating[o]&&(s=ne(s)),[s,ne(s)]}(r,s,v);R.push(z[e[0]],z[e[1]])}if(T=[...T,{placement:r,overflows:R}],!R.every(e=>e<=0)){var D,L;const e=((null==(D=o.flip)?void 0:D.index)||0)+1,t=E[e];if(t){if(!("alignment"===u&&y!==Q(t))||T.every(e=>e.overflows[0]>0&&Q(e.placement)===y))return{data:{index:e,overflows:T},reset:{placement:t}}}let n=null==(L=T.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:L.placement;if(!n)switch(m){case"bestFit":{var C;const e=null==(C=T.filter(e=>{if($){const t=Q(e.placement);return t===y||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:C[0];e&&(n=e);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}},Le=(e,t,n)=>{const i=new Map,r={platform:$e,...n},o={...r.platform,_c:i};return(async(e,t,n)=>{const{placement:i="bottom",strategy:r="absolute",middleware:o=[],platform:s}=n,l=o.filter(Boolean),c=await(null==s.isRTL?void 0:s.isRTL(t));let a=await s.getElementRects({reference:e,floating:t,strategy:r}),{x:f,y:u}=se(a,i,c),d=i,m={},h=0;for(let p=0;p<l.length;p++){const{name:n,fn:o}=l[p],{x:g,y:x,data:y,reset:w}=await o({x:f,y:u,initialPlacement:i,placement:d,strategy:r,middlewareData:m,rects:a,platform:s,elements:{reference:e,floating:t}});f=null!=g?g:f,u=null!=x?x:u,m={...m,[n]:{...m[n],...y}},w&&h<=50&&(h++,"object"==typeof w&&(w.placement&&(d=w.placement),w.rects&&(a=!0===w.rects?await s.getElementRects({reference:e,floating:t,strategy:r}):w.rects),({x:f,y:u}=se(a,d,c))),p=-1)}return{x:f,y:u,placement:d,strategy:r,middlewareData:m}})(e,t,{...r,platform:o})};var Ce="undefined"!=typeof document?i.useLayoutEffect:function(){};function He(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if("function"==typeof e&&e.toString()===t.toString())return!0;let n,i,r;if(e&&t&&"object"==typeof e){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(i=n;0!==i--;)if(!He(e[i],t[i]))return!1;return!0}if(r=Object.keys(e),n=r.length,n!==Object.keys(t).length)return!1;for(i=n;0!==i--;)if(!{}.hasOwnProperty.call(t,r[i]))return!1;for(i=n;0!==i--;){const n=r[i];if(("_owner"!==n||!e.$$typeof)&&!He(e[n],t[n]))return!1}return!0}return e!=e&&t!=t}function Se(e){if("undefined"==typeof window)return 1;return(e.ownerDocument.defaultView||window).devicePixelRatio||1}function ke(e,t){const n=Se(e);return Math.round(t*n)/n}function Oe(e){const t=d.useRef(e);return Ce(()=>{t.current=e}),t}const Ae=(e,t)=>({...Te(e),options:[e,t]}),je=(e,t)=>({...De(e),options:[e,t]});const Me={...d};let Pe=!1,Fe=0;const We=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+Fe++;const Be=Me.useId||function(){const[e,t]=d.useState(()=>Pe?We():void 0);return re(()=>{null==e&&t(We())},[]),d.useEffect(()=>{Pe=!0},[]),e};let Ne;"production"!==process.env.NODE_ENV&&(Ne=new Set);const Ie=d.createContext(null),_e=d.createContext(null);function qe(e){const{open:t=!1,onOpenChange:n,elements:i}=e,r=Be(),o=d.useRef({}),[s]=d.useState(()=>function(){const e=new Map;return{emit(t,n){var i;null==(i=e.get(t))||i.forEach(e=>e(n))},on(t,n){e.has(t)||e.set(t,new Set),e.get(t).add(n)},off(t,n){var i;null==(i=e.get(t))||i.delete(n)}}}()),l=null!=((null==(c=d.useContext(Ie))?void 0:c.id)||null);var c;if("production"!==process.env.NODE_ENV){const e=i.reference;e&&!R(e)&&function(){for(var e,t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];const r="Floating UI: "+n.join(" ");var o;null!=(e=Ne)&&e.has(r)||(null==(o=Ne)||o.add(r),console.error(r))}("Cannot pass a virtual element to the `elements.reference` option,","as it must be a real DOM element. Use `refs.setPositionReference()`","instead.")}const[a,f]=d.useState(i.reference),u=function(e){const t=d.useRef(()=>{if("production"!==process.env.NODE_ENV)throw new Error("Cannot call an event handler while rendering.")});return oe(()=>{t.current=e}),d.useCallback(function(){for(var e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return null==t.current?void 0:t.current(...n)},[])}((e,t,i)=>{o.current.openEvent=e?t:void 0,s.emit("openchange",{open:e,event:t,reason:i,nested:l}),null==n||n(e,t,i)}),m=d.useMemo(()=>({setPositionReference:f}),[]),h=d.useMemo(()=>({reference:a||i.reference||null,floating:i.floating||null,domReference:i.reference}),[a,i.reference,i.floating]);return d.useMemo(()=>({dataRef:o,open:t,onOpenChange:u,elements:h,events:s,floatingId:r,refs:m}),[t,u,h,s,r,m])}function Ve(e){void 0===e&&(e={});const{nodeId:t}=e,n=qe({...e,elements:{reference:null,floating:null,...e.elements}}),i=e.rootContext||n,r=i.elements,[o,s]=d.useState(null),[l,c]=d.useState(null),a=(null==r?void 0:r.domReference)||o,f=d.useRef(null),u=d.useContext(_e);re(()=>{a&&(f.current=a)},[a]);const h=function(e){void 0===e&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:i=[],platform:r,elements:{reference:o,floating:s}={},transform:l=!0,whileElementsMounted:c,open:a}=e,[f,u]=d.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[h,p]=d.useState(i);He(h,i)||p(i);const[g,x]=d.useState(null),[y,w]=d.useState(null),v=d.useCallback(e=>{e!==z.current&&(z.current=e,x(e))},[]),b=d.useCallback(e=>{e!==R.current&&(R.current=e,w(e))},[]),$=o||g,E=s||y,z=d.useRef(null),R=d.useRef(null),T=d.useRef(f),D=null!=c,L=Oe(c),C=Oe(r),H=Oe(a),S=d.useCallback(()=>{if(!z.current||!R.current)return;const e={placement:t,strategy:n,middleware:h};C.current&&(e.platform=C.current),Le(z.current,R.current,e).then(e=>{const t={...e,isPositioned:!1!==H.current};k.current&&!He(T.current,t)&&(T.current=t,m.flushSync(()=>{u(t)}))})},[h,t,n,C,H]);Ce(()=>{!1===a&&T.current.isPositioned&&(T.current.isPositioned=!1,u(e=>({...e,isPositioned:!1})))},[a]);const k=d.useRef(!1);Ce(()=>(k.current=!0,()=>{k.current=!1}),[]),Ce(()=>{if($&&(z.current=$),E&&(R.current=E),$&&E){if(L.current)return L.current($,E,S);S()}},[$,E,S,L,D]);const O=d.useMemo(()=>({reference:z,floating:R,setReference:v,setFloating:b}),[v,b]),A=d.useMemo(()=>({reference:$,floating:E}),[$,E]),j=d.useMemo(()=>{const e={position:n,left:0,top:0};if(!A.floating)return e;const t=ke(A.floating,f.x),i=ke(A.floating,f.y);return l?{...e,transform:"translate("+t+"px, "+i+"px)",...Se(A.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:t,top:i}},[n,l,A.floating,f.x,f.y]);return d.useMemo(()=>({...f,update:S,refs:O,elements:A,floatingStyles:j}),[f,S,O,A,j])}({...e,elements:{...r,...l&&{reference:l}}}),p=d.useCallback(e=>{const t=R(e)?{getBoundingClientRect:()=>e.getBoundingClientRect(),getClientRects:()=>e.getClientRects(),contextElement:e}:e;c(t),h.refs.setReference(t)},[h.refs]),g=d.useCallback(e=>{(R(e)||null===e)&&(f.current=e,s(e)),(R(h.refs.reference.current)||null===h.refs.reference.current||null!==e&&!R(e))&&h.refs.setReference(e)},[h.refs]),x=d.useMemo(()=>({...h.refs,setReference:g,setPositionReference:p,domReference:f}),[h.refs,g,p]),y=d.useMemo(()=>({...h.elements,domReference:a}),[h.elements,a]),w=d.useMemo(()=>({...h,...i,refs:x,elements:y,nodeId:t}),[h,x,y,t,i]);return re(()=>{i.dataRef.current.floatingContext=w;const e=null==u?void 0:u.nodesRef.current.find(e=>e.id===t);e&&(e.context=w)}),d.useMemo(()=>({...h,context:w,refs:x,elements:y}),[h,x,y,w])}const Ue=t=>s.createPortal(e.jsxRuntimeExports.jsx(l.AnimatePresence,{children:t.isOpen&&e.jsxRuntimeExports.jsx("div",{tabIndex:-1,ref:t.ref,style:{position:"absolute",top:0,left:0,...t.floatingStyles,transform:t.floatingStyles.transform,zIndex:9999},children:e.jsxRuntimeExports.jsx(Je,{tabIndex:-1,$isShowAlwaysOutline:t.isShowAlwaysOutline,$genre:t.genre??"black",className:t.className,initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2},$sx:t.sx,$size:t.size,$sxTypography:t.sxTypography,$maxHeight:t.maxHeight,$maxWidth:t.maxWidth,children:t.children})})}),document.body),Xe=e=>{const{onFocus:t,onBlur:n,onBlurReference:r}=e,[o,s]=i.useState(!1),[l,c]=i.useState(void 0),[a,f]=i.useState(!1),{refs:u,floatingStyles:d,update:m,placement:h}=Ve({open:o,placement:e.placement,middleware:[(p=e.offset??8,{...Re(p),options:[p,g]}),je(),Ae()],whileElementsMounted:ze});var p,g;const x=i.useRef(null),y=i.useRef(null),w=i.useMemo(()=>e.hoverOffset??e.offset??Ge,[e.hoverOffset,e.offset]),v=i.useMemo(()=>e.hoverCloseDelay??Qe,[e.hoverCloseDelay]);i.useEffect(()=>{if(e.isDisabled)return;const t=u.reference.current;if(t){if(("click"===e.mode||"clickOpen"===e.mode)&&t instanceof HTMLElement){const n=()=>{"click"===e.mode?s(e=>!e):"clickOpen"===e.mode&&s(!0)};return t.addEventListener("click",n),()=>{t.removeEventListener("click",n)}}if("hover"===e.mode&&t instanceof HTMLElement){const e=()=>{s(!0)},n=()=>{y.current&&clearTimeout(y.current),y.current=setTimeout(()=>s(!1),v)};return t.addEventListener("mouseenter",e),t.addEventListener("mouseleave",n),()=>{t.removeEventListener("mouseenter",e),t.removeEventListener("mouseleave",n),y.current&&clearTimeout(y.current)}}}},[e.mode,u.reference,v,e.isDisabled]),i.useEffect(()=>{if(!o||!u.reference.current||!u.floating.current||e.isDisabled)return;const t=ze(u.reference.current,u.floating.current,m);return()=>t()},[o,u.reference,u.floating,m,e.isDisabled]),i.useEffect(()=>{if(o&&u.reference.current&&u.floating.current&&!e.isDisabled)return e.isClickOutside&&(x.current=t=>{const n=u.reference.current,i=u.floating.current,r=e.refsExcludeClickOutside||[];n instanceof HTMLElement&&i instanceof HTMLElement&&!n.contains(t.target)&&!i.contains(t.target)&&!r.some(e=>{var n;return"object"==typeof e&&null!==e&&"current"in e&&(null==(n=e.current)?void 0:n.contains(t.target))})&&s(!1)},document.addEventListener("mousedown",x.current)),()=>{x.current&&(document.removeEventListener("mousedown",x.current),x.current=null),y.current&&clearTimeout(y.current)}},[o,u.reference,u.floating,e.isClickOutside,e.isDisabled,e.refsExcludeClickOutside]),i.useEffect(()=>{if(!o||!e.isFloatingHover||!u.reference.current||!u.floating.current||e.isDisabled)return;const t=u.reference.current,n=u.floating.current,i=e=>{const i=e.clientX,r=e.clientY,o=t.getBoundingClientRect(),l=n.getBoundingClientRect(),c=i>=o.left-w&&i<=o.right+w&&r>=o.top-w&&r<=o.bottom+w,a=i>=l.left-w&&i<=l.right+w&&r>=l.top-w&&r<=l.bottom+w;c||a?y.current&&(clearTimeout(y.current),y.current=null):(y.current&&clearTimeout(y.current),y.current=setTimeout(()=>s(!1),v))};return document.addEventListener("mousemove",i),()=>{document.removeEventListener("mousemove",i),y.current&&clearTimeout(y.current)}},[o,e.isFloatingHover,u.reference,u.floating,w,v,e.isDisabled]),i.useLayoutEffect(()=>{if(!e.isWidthAsContent||!u.reference.current)return;const t=u.reference.current.getBoundingClientRect();c(t.width)},[e.isWidthAsContent,u.reference]);const b=i.useCallback(()=>{e.isDisabled||s(!0)},[e.isDisabled]),$=i.useCallback(()=>{e.isDisabled||s(!1)},[e.isDisabled]),E=i.useCallback(()=>{e.isDisabled||s(e=>!e)},[e.isDisabled]),z=i.useMemo(()=>({...d,minWidth:e.isWidthAsContent&&l?`${l}px`:void 0,maxWidth:e.isWidthAsContent&&l?`${l}px`:void 0}),[d,e.isWidthAsContent,l]);i.useEffect(()=>{o&&(null==t||t(),f(!0))},[o,t]),i.useEffect(()=>{!o&&a&&(null==n||n())},[o,a,n]),i.useEffect(()=>{if(!o||e.isDisabled)return;const t=t=>{const n=u.reference.current,i=u.floating.current,r=e.refsExcludeClickOutside||[];n instanceof HTMLElement&&n.contains(t.target)||i instanceof HTMLElement&&i.contains(t.target)||r.some(e=>!!(e&&"current"in e&&e.current&&e.current instanceof HTMLElement)&&e.current.contains(t.target))||s(!1)};return document.addEventListener("focusin",t),()=>{document.removeEventListener("focusin",t)}},[o,u.reference,u.floating,e.refsExcludeClickOutside,e.isDisabled]),i.useEffect(()=>{if(!u.reference.current||e.isDisabled||!r)return;const t=u.reference.current,n=e.refsExcludeBlur||[],i=e=>{t instanceof HTMLElement&&!t.contains(e.relatedTarget)&&!n.some(t=>{if(t&&"current"in t&&t.current&&t.current instanceof HTMLElement)return t.current.contains(e.relatedTarget)})&&r()};return t instanceof HTMLElement&&t.addEventListener("blur",i,!0),()=>{t instanceof HTMLElement&&t.removeEventListener("blur",i,!0)}},[u.reference,e.isDisabled,r,e.refsExcludeBlur]);return{getIsInside:i.useCallback(t=>{if(!t)return!1;const n=u.reference.current,i=u.floating.current,r=e.refsExcludeBlur||[];return n instanceof HTMLElement&&n.contains(t)||i instanceof HTMLElement&&i.contains(t)||r.some(e=>!!(e&&"current"in e&&e.current&&e.current instanceof HTMLElement)&&e.current.contains(t))},[u.reference,u.floating,e.refsExcludeBlur]),isOpen:o,setIsOpen:s,open:b,close:$,toggle:E,refReference:u.setReference,refFloating:u.setFloating,floatingStyles:z,placement:h}},Ye=r.css`
+  ${e=>r.css`
+    background: ${e.theme.colors.button[e.$genre].background.rest};
+    border-color: ${e.theme.colors.button[e.$genre].border.rest};
+    color: ${e.theme.colors.button[e.$genre].color.rest};
+    /* box-shadow: ${e.theme.effects.button}; */
+  `};
+`,Ke=r.css`
+  ${e=>Ze({...o.KEY_SIZE_DATA[e.$size??"medium"]})};
+`,Ze=e=>r.css`
+  display: flex;
+  border-radius: ${e.radius}px;
+  padding: ${e.padding}px;
+  gap: ${e.padding-2}px;
+  ${t=>h(e.font,500,t.theme.font.family)};
+`,Je=r(l.motion.div)`
+  max-width: ${e=>e.$maxWidth||"100%"};
+  max-height: ${e=>e.$maxHeight||"100%"};
+  overflow: auto;
+  flex-direction: column;
+  ${Ke};
+  ${c.addAlwaysOutline};
+  ${x};
+  ${Ye};
+  ${a.addSX};
+`,Ge=8,Qe=100,et=r(f.Stack)`
+  display: flex;
+  width: fit-content;
+  height: fit-content;
+`,tt=r.css`
+  ${e=>nt({...o.KEY_SIZE_DATA[e.size??"medium"]})};
+`,nt=e=>r.css`
+  gap: 0px;
+  padding: ${e.padding}px ${e.padding}px 0px ${e.padding}px;
+  :after {
+    content: '';
+    display: block;
+    height: ${e.padding}px;
+    width: 100%;
+  }
+`,it=r(Ue)`
+  ${tt};
+`,rt=i.memo(t=>t.isDisabled?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.children}):e.jsxRuntimeExports.jsx(ot,{...t})),ot=t=>{const{isOpen:n,refReference:i,refFloating:r,floatingStyles:o}=Xe({placement:t.placement??st,offset:t.offset??lt,mode:t.mode??"hover",isClickOutside:t.isClickOutside??!0,isFloatingHover:t.isFloatingHover??!0,isWidthAsContent:t.isWidthAsContent??!1,hoverCloseDelay:t.hoverCloseDelay??void 0,hoverOffset:t.hoverOffset??void 0});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(et,{sx:t.sx,ref:i,children:t.children}),e.jsxRuntimeExports.jsx(it,{size:t.size,isOpen:n,genre:t.genre,floatingStyles:o,ref:r,maxHeight:t.maxHeight,maxWidth:t.maxWidth,children:e.jsxRuntimeExports.jsx(at,{sx:t.sxTypography??{default:{size:14}},children:t.content})})]})};rt.displayName="Tooltip";const st="bottom-start",lt=8,ct=n=>{const{screenActual:r}=t.useScreenWidth(),o=i.useMemo(()=>({$sxTypography:n.sx,style:n.style,className:n.className,$sx:n.sxStandard,onClick:n.onClick?n.onClick:()=>{}}),[n.sx,n.style,n.className,n.sxStandard,n.onClick]),s=i.useMemo(()=>{var e,t;return(null==(e=n.sx)?void 0:e[r])??(null==(t=n.sx)?void 0:t.default)},[n.sx,r]);return s&&"variant"in s?"h7"===s.variant||"h8"===s.variant||"h9"===s.variant?e.jsxRuntimeExports.jsx(w,{ref:n.ref,as:n.isAnchor?"a":n.isParagraph?"p":(n.isSpan,"span"),href:n.href,...o,children:n.children}):e.jsxRuntimeExports.jsx(w,{ref:n.ref,as:n.isAnchor?"a":n.isParagraph?"p":n.isSpan?"span":s.variant,href:n.href,...o,children:n.children}):e.jsxRuntimeExports.jsx(w,{ref:n.ref,as:n.isAnchor?"a":n.isParagraph?"p":(n.isSpan,"span"),href:n.href,...o,children:n.children})},at=t=>e.jsxRuntimeExports.jsx(ct,{...t}),ft=t=>e.jsxRuntimeExports.jsx(ct,{isAnchor:!0,...t,ref:t.ref,href:t.href}),ut=n.createLink(ft),dt=i.memo(t=>{const[n,r]=i.useState(!1),o=i.useRef(null);return i.useEffect(()=>{const e=()=>{o.current&&r(o.current.scrollWidth>o.current.clientWidth)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[t.children]),e.jsxRuntimeExports.jsx(rt,{isDisabled:!n,content:t.children,...t.tooltip,children:e.jsxRuntimeExports.jsx(ct,{ref:o,...t.typography,style:{position:"relative"},children:t.children})})});dt.displayName="TypographyTooltip",ct.displayName="TypographyWithRef",ft.displayName="TypographySizeIsAnchor",exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=lt,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=st,exports.Popover=Ue,exports.Title=w,exports.Tooltip=rt,exports.TooltipBox=it,exports.TooltipContainer=et,exports.TooltipContent=ot,exports.Typography=at,exports.TypographyLink=ut,exports.TypographyTooltip=dt,exports.addSXTypography=x,exports.addTooltipBoxSize=tt,exports.addTooltipBoxSizeConstructor=nt,exports.getFontSizeStyles=h,exports.useMergeRefs=function(e){const t=d.useRef(void 0),n=d.useCallback(t=>{const n=e.map(e=>{if(null!=e){if("function"==typeof e){const n=e,i=n(t);return"function"==typeof i?i:()=>{n(null)}}return e.current=t,()=>{e.current=null}}});return()=>{n.forEach(e=>null==e?void 0:e())}},e);return d.useMemo(()=>e.every(e=>null==e)?null:e=>{t.current&&(t.current(),t.current=void 0),null!=e&&(t.current=n(e))},e)},exports.usePopover=Xe;
+//# sourceMappingURL=component-C8fz1syk.cjs.map