@jenesei-software/jenesei-kit-react 1.3.10 → 1.3.12

package/build/{area-BC64nSGj.js → area-BWxBop5m.js}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { b as Stack } from "./component-jPZYT5iL.js";
+import { b as Stack } from "./component-mzzOCXSx.js";
 import styled, { css } from "styled-components";
 const StyledScroll = styled(Stack)`
   overflow-x: hidden;
@@ -44,4 +44,4 @@ export {
   StyledScroll as S,
   Scroll as a
 };
-//# sourceMappingURL=area-BC64nSGj.js.map
+//# sourceMappingURL=area-BWxBop5m.js.map

package/build/area-BWxBop5m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-BWxBop5m.js","sources":["../src/areas/scroll/area.styles.tsx","../src/areas/scroll/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\n\nimport styled, { css } from 'styled-components';\n\nimport { StyledScrollProps } from '.';\n\nexport const StyledScroll = styled(Stack)<StyledScrollProps>`\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  ${(props) => css`\n    ${\n      props.$horizontal &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-x: auto;\n    `\n    }\n\n    ${\n      props.$vertical &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-y: auto;\n    `\n    }\n\n    ${\n      props.$isAlwaysHorizontal &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-x: scroll;\n    `\n    }\n\n    ${\n      props.$isAlwaysVertical &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-y: scroll;\n    `\n    }\n  `}\n`;\n","import { FC } from 'react';\n\nimport { ScrollProps, StyledScroll } from '.';\n\nexport const Scroll: FC<ScrollProps> = (props) => {\n  return (\n    <StyledScroll\n      {...props}\n      $horizontal={props.horizontal}\n      $vertical={props.vertical}\n      $isAlwaysHorizontal={props.isAlwaysHorizontal}\n      $isAlwaysVertical={props.isAlwaysVertical}\n    >\n      {props.children}\n    </StyledScroll>\n  );\n};\n"],"names":["jsx"],"mappings":";;;AAMO,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,IAIpC,CAAC,UAAU;AAAA,MAET,MAAM,eACN;AAAA;AAAA;AAAA,KAIF;AAAA;AAAA,MAGE,MAAM,aACN;AAAA;AAAA;AAAA,KAIF;AAAA;AAAA,MAGE,MAAM,uBACN;AAAA;AAAA;AAAA,KAIF;AAAA;AAAA,MAGE,MAAM,qBACN;AAAA;AAAA;AAAA,KAIF;AAAA,GACD;AAAA;ACtCI,MAAM,SAA0B,CAAC,UAAU;AAChD,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,MAAM;AAAA,MACnB,WAAW,MAAM;AAAA,MACjB,qBAAqB,MAAM;AAAA,MAC3B,mBAAmB,MAAM;AAAA,MAExB,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/{area-DRqAofd0.js → area-CD8KKIM0.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { useRef, useEffect } from "react";
-import { b as Stack } from "./component-jPZYT5iL.js";
+import { b as Stack } from "./component-mzzOCXSx.js";
 const Outside = (props) => {
   const elementRef = useRef(null);
   useEffect(() => {
@@ -32,4 +32,4 @@ const Outside = (props) => {
 export {
   Outside as O
 };
-//# sourceMappingURL=area-DRqAofd0.js.map
+//# sourceMappingURL=area-CD8KKIM0.js.map

package/build/area-CD8KKIM0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-CD8KKIM0.js","sources":["../src/areas/outside/area.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useEffect, useRef } from 'react';\n\nimport { Stack } from '@local/components/stack';\nimport { addSXProps } from '@local/styles/sx';\n\ntype OutsideProps = PropsWithChildren &\n  addSXProps & {\n    onOutsideClick: (event: MouseEvent) => void;\n  };\n\nexport const Outside: FC<OutsideProps> = (props) => {\n  const elementRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n        props.onOutsideClick(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [props]);\n  return (\n    <Stack\n      sx={(theme) => ({\n        ...props?.sx,\n        default: {\n          display: 'content',\n          ...(props?.sx ? (typeof props?.sx === 'function' ? props?.sx(theme).default : props?.sx.default) : {}),\n        },\n      })}\n      ref={elementRef}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"names":["jsx"],"mappings":";;;AAUO,MAAM,UAA4B,CAAC,UAAU;AAClD,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,UAAsB;AAChD,UAAI,WAAW,WAAW,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,GAAG;AAC5E,cAAM,eAAe,KAAK;AAAA,MAAA;AAAA,IAC5B;AAGF,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAAA;AAAA,EAC9D,GACC,CAAC,KAAK,CAAC;AACV,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,CAAC,WAAW;AAAA,QACd,GAAG,+BAAO;AAAA,QACV,SAAS;AAAA,UACP,SAAS;AAAA,UACT,IAAI,+BAAO,MAAM,QAAO,+BAAO,QAAO,aAAa,+BAAO,GAAG,OAAO,UAAU,+BAAO,GAAG,UAAW,CAAA;AAAA,QAAC;AAAA,MACtG;AAAA,MAEF,KAAK;AAAA,MAEJ,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/area-CZkDIeGx.cjs

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

package/build/area-CZkDIeGx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-CZkDIeGx.cjs","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { Icon } from '@local/components/icon';\nimport { Stack, StackMotion } from '@local/components/stack';\n\nimport { AnimatePresence } from 'framer-motion';\nimport { FC, useEffect, useMemo, useState } from 'react';\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    <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"],"names":["props","visible","setVisible","useState","defaultVisible","propsVisible","useMemo","propsTime","time","propsMinTime","minTime","useEffect","timer","setTimeout","clearTimeout","AnimatePresence","children","jsxs","StackMotion","sx","theme","sxLoader","default","backgroundColor","palette","whiteStandard","width","height","position","top","left","display","alignItems","justifyContent","zIndex","transition","duration","exit","opacity","animate","jsx","Stack","Icon","size","type","primaryColor","name","content","marginTop","sxChildren","initial"],"mappings":"4MAQ0CA,IACxC,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,6BAGfM,kBAAA,CACEC,SAAA,CAACf,EAmDE,KAlDFgB,EAAAA,kBAAAA,KAACC,EAAAA,YAAA,CAECC,GAAKC,IAAA,IACA,MAAApB,OAAA,EAAAA,EAAOqB,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,MAAAlC,OAAA,EAAAA,EAAOqB,UACoB,yBAApBrB,WAAOqB,UACZ,MAAArB,OAAA,EAAAA,EAAOqB,SAASD,GAAOE,QACvB,MAAAtB,OAAA,EAAAA,EAAOqB,SAASC,QAClB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBC,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEpBtB,SAAA,GAAAwB,kBAAAA,IAACC,EAAAA,MAAA,CACCtB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVF,MAAO,QACPC,OAAQ,UAIZX,SAAAwB,EAAAA,kBAAAA,IAACE,QAAKC,KAAK,OAAOC,KAAK,UAAUC,aAAa,YAAYC,KAAK,WAEhE9C,EAAM+C,SACLP,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACCtB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVoB,UAAW,WAIdhC,SAAAhB,EAAM+C,YA7CP,UAkDP9C,IACCuC,kBAAAA,IAACtB,EAAAA,YAAA,CAECC,GAAKC,IAAA,IACA,MAAApB,OAAA,EAAAA,EAAOiD,WACV3B,QAAS,CACPS,QAAS,WACTG,OAAQ,MACJ,MAAAlC,OAAA,EAAAA,EAAOiD,YACsB,yBAAtBjD,WAAOiD,YACZ,MAAAjD,OAAA,EAAAA,EAAOiD,WAAW7B,GAAOE,QACzB,MAAAtB,OAAA,EAAAA,EAAOiD,WAAW3B,QACpB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBc,QAAS,CAAEZ,QAAS,GACpBD,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEnBtB,SAAAhB,EAAMgB,UAlBH,YAoBJ"}

package/build/{area-C6QOr2Kd.cjs → area-CmCMHnRA.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("./component-BV_7tGiu.cjs"),s=require("styled-components"),o=s(r.Stack)`
+"use strict";const l=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("./component-GKvpOWlO.cjs"),s=require("styled-components"),o=s(r.Stack)`
   overflow-x: hidden;
   overflow-y: hidden;
 
@@ -24,4 +24,4 @@
     `}
   `}
 `;exports.Scroll=r=>l.jsxRuntimeExports.jsx(o,{...r,$horizontal:r.horizontal,$vertical:r.vertical,$isAlwaysHorizontal:r.isAlwaysHorizontal,$isAlwaysVertical:r.isAlwaysVertical,children:r.children}),exports.StyledScroll=o;
-//# sourceMappingURL=area-C6QOr2Kd.cjs.map
+//# sourceMappingURL=area-CmCMHnRA.cjs.map

package/build/area-CmCMHnRA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-CmCMHnRA.cjs","sources":["../src/areas/scroll/area.styles.tsx","../src/areas/scroll/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\n\nimport styled, { css } from 'styled-components';\n\nimport { StyledScrollProps } from '.';\n\nexport const StyledScroll = styled(Stack)<StyledScrollProps>`\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  ${(props) => css`\n    ${\n      props.$horizontal &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-x: auto;\n    `\n    }\n\n    ${\n      props.$vertical &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-y: auto;\n    `\n    }\n\n    ${\n      props.$isAlwaysHorizontal &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-x: scroll;\n    `\n    }\n\n    ${\n      props.$isAlwaysVertical &&\n      css`\n      scrollbar-gutter: stable;\n      overflow-y: scroll;\n    `\n    }\n  `}\n`;\n","import { FC } from 'react';\n\nimport { ScrollProps, StyledScroll } from '.';\n\nexport const Scroll: FC<ScrollProps> = (props) => {\n  return (\n    <StyledScroll\n      {...props}\n      $horizontal={props.horizontal}\n      $vertical={props.vertical}\n      $isAlwaysHorizontal={props.isAlwaysHorizontal}\n      $isAlwaysVertical={props.isAlwaysVertical}\n    >\n      {props.children}\n    </StyledScroll>\n  );\n};\n"],"names":["StyledScroll","styled","Stack","props","css","$horizontal","$vertical","$isAlwaysHorizontal","$isAlwaysVertical","jsx","horizontal","vertical","isAlwaysHorizontal","isAlwaysVertical","children"],"mappings":"gIAMaA,EAAeC,EAAOC,QAAK;;;;IAInCC,GAAUC,EAAAA,GAAAA;MAETD,EAAME,aACND,EAAAA,GAAAA;;;;;MAOAD,EAAMG,WACNF,EAAAA,GAAAA;;;;;MAOAD,EAAMI,qBACNH,EAAAA,GAAAA;;;;;MAOAD,EAAMK,mBACNJ,EAAAA,GAAAA;;;;;iBCjCkCD,KAEpCM,kBAAAA,IAACT,EAAA,IACKG,EACJE,YAAaF,EAAMO,WACnBJ,UAAWH,EAAMQ,SACjBJ,oBAAqBJ,EAAMS,mBAC3BJ,kBAAmBL,EAAMU,iBAExBC,SAAAX,EAAMW"}

package/build/{area-BYuHpaUX.js → area-DEwj0-O3.js}

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
+import { I as Icon } from "./component.styles-DS0ofW1Y.js";
+import { c as StackMotion, b as Stack } from "./component-mzzOCXSx.js";
 import { AnimatePresence } from "framer-motion";
 import { useState, useMemo, useEffect } from "react";
-import { I as Icon } from "./component.styles-DS0ofW1Y.js";
-import { c as StackMotion, b as Stack } from "./component-jPZYT5iL.js";
 const Preview = (props) => {
   const [visible, setVisible] = useState(props.defaultVisible ?? true);
   const propsVisible = useMemo(() => "visible" in props ? props.visible : null, [props]);
@@ -34,7 +34,7 @@ const Preview = (props) => {
       }
     }
   }, [propsVisible, propsMinTime]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AnimatePresence, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AnimatePresence, { children: [
     !visible ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
       StackMotion,
       {
@@ -106,9 +106,9 @@ const Preview = (props) => {
       },
       "children"
     ) : null
-  ] }) });
+  ] });
 };
 export {
   Preview as P
 };
-//# sourceMappingURL=area-BYuHpaUX.js.map
+//# sourceMappingURL=area-DEwj0-O3.js.map

package/build/area-DEwj0-O3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-DEwj0-O3.js","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { Icon } from '@local/components/icon';\nimport { Stack, StackMotion } from '@local/components/stack';\n\nimport { AnimatePresence } from 'framer-motion';\nimport { FC, useEffect, useMemo, useState } from 'react';\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    <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"],"names":["jsxs","jsx"],"mappings":";;;;;AAQO,MAAM,UAA4B,CAAC,UAAU;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,kBAAkB,IAAI;AAEnE,QAAM,eAAe,QAAQ,MAAO,aAAa,QAAQ,MAAM,UAAU,MAAO,CAAC,KAAK,CAAC;AACvF,QAAM,YAAY,QAAQ,MAAO,UAAU,QAAQ,MAAM,OAAO,MAAO,CAAC,KAAK,CAAC;AAC9E,QAAM,eAAe,QAAQ,MAAO,aAAa,QAAQ,MAAM,UAAU,MAAO,CAAC,KAAK,CAAC;AAEvF,YAAU,MAAM;AACd,QAAI,cAAc,MAAM;AACtB,YAAM,QAAQ,WAAW,MAAM;AAC7B,mBAAW,IAAI;AAAA,MAAA,GACd,SAAS;AAEZ,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MAAA;AAAA,IACpB;AAAA,EACF,GACC,CAAC,SAAS,CAAC;AAEd,YAAU,MAAM;AACd,QAAI,iBAAiB,MAAM;AACzB,UAAI,cAAc;AAChB,YAAI,cAAc;AAChB,gBAAM,QAAQ,WAAW,MAAM;AAC7B,uBAAW,YAAY;AAAA,UAAA,GACtB,YAAY;AACf,iBAAO,MAAM,aAAa,KAAK;AAAA,QAAA,OAC1B;AACL,qBAAW,YAAY;AAAA,QAAA;AAAA,MACzB,OACK;AACL,mBAAW,YAAY;AAAA,MAAA;AAAA,IACzB;AAAA,EACF,GACC,CAAC,cAAc,YAAY,CAAC;AAE/B,gDACG,iBAAA,EACE,UAAA;AAAA,IAAA,CAAC,UACAA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,IAAI,CAAC,WAAW;AAAA,UACd,GAAG,+BAAO;AAAA,UACV,SAAS;AAAA,YACP,iBAAiB,MAAM,QAAQ;AAAA,YAC/B,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,YACV,KAAK;AAAA,YACL,MAAM;AAAA,YACN,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,IAAI,+BAAO,YACP,QAAO,+BAAO,cAAa,aACzB,+BAAO,SAAS,OAAO,UACvB,+BAAO,SAAS,UAClB,CAAA;AAAA,UAAC;AAAA,QACP;AAAA,QAEF,YAAY,EAAE,UAAU,IAAA;AAAA,QACxB,MAAM,EAAE,SAAS,EAAA;AAAA,QACjB,SAAS,EAAE,SAAS,EAAA;AAAA,QAEpB,UAAA;AAAA,UAAAC,kCAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,SAAS;AAAA,kBACP,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,QAAQ;AAAA,gBAAA;AAAA,cACV;AAAA,cAGF,UAAAA,kCAAAA,IAAC,QAAK,MAAK,QAAO,MAAK,WAAU,cAAa,aAAY,MAAK,OAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvE,MAAM,WACLA,kCAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,SAAS;AAAA,kBACP,UAAU;AAAA,kBACV,WAAW;AAAA,gBAAA;AAAA,cACb;AAAA,cAGD,UAAA,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,MA9CE;AAAA,IAAA,IAiDJ;AAAA,IACH,UACCA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,IAAI,CAAC,WAAW;AAAA,UACd,GAAG,+BAAO;AAAA,UACV,SAAS;AAAA,YACP,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,IAAI,+BAAO,cACP,QAAO,+BAAO,gBAAe,aAC3B,+BAAO,WAAW,OAAO,UACzB,+BAAO,WAAW,UACpB,CAAA;AAAA,UAAC;AAAA,QACP;AAAA,QAEF,YAAY,EAAE,UAAU,IAAA;AAAA,QACxB,SAAS,EAAE,SAAS,EAAA;AAAA,QACpB,MAAM,EAAE,SAAS,EAAA;AAAA,QACjB,SAAS,EAAE,SAAS,EAAA;AAAA,QAEnB,UAAA,MAAM;AAAA,MAAA;AAAA,MAlBH;AAAA,IAAA,IAoBJ;AAAA,EAAA,GACN;AAEJ;"}

package/build/{area-oZm7ewxw.cjs → area-DRsIULcw.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("react"),t=require("./component-BV_7tGiu.cjs"),s=require("./style-Df37KnoJ.cjs"),n=require("styled-components"),r=n.keyframes`
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("react"),t=require("./component-GKvpOWlO.cjs"),s=require("./style-Df37KnoJ.cjs"),n=require("styled-components"),r=n.keyframes`
   0% {
     background-position: 100%;
   }
@@ -35,4 +35,4 @@
     ${s.addTransition};
   }
 `;exports.Skeleton=t=>{const[s,n]=i.useState(t.defaultVisible??!1);return i.useEffect(()=>{if("time"in t){const e=setTimeout(()=>{n(!0)},t.time);return()=>{clearTimeout(e)}}},[t]),i.useEffect(()=>{"visible"in t&&n(!t.visible)},[t]),e.jsxRuntimeExports.jsx(c,{...t,$visible:s,$type:t.type,children:t.children})},exports.StyledSkeleton=c;
-//# sourceMappingURL=area-oZm7ewxw.cjs.map
+//# sourceMappingURL=area-DRsIULcw.cjs.map

package/build/{area-oZm7ewxw.cjs.map → area-DRsIULcw.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"area-oZm7ewxw.cjs","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\nimport { addTransition } from '@local/styles/add';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { StyledSkeletonProps } from '.';\n\n// const shimmer = keyframes`\n//   0% {\n//     background-position: -468px 0;\n//   }\n//   100% {\n//     background-position: 468px 0;\n//   }\n// `;\n\nconst shimmer = keyframes`\n  0% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: -100%;\n  }\n`;\n\nexport const StyledSkeleton = styled(Stack)<StyledSkeletonProps>`\n  background: transparent;\n\n  ${(props) => css`\n    ${\n      !props.$visible &&\n      css`\n      ${\n        props.$type === 'secondary'\n          ? css`\n            background: linear-gradient(\n        90deg,\n        #f6f7f8 25%,\n        #edeef1 50%,\n        #f6f7f8 75%\n      );\n          `\n          : css`\n            background: linear-gradient(\n        90deg,\n        #edeef1 25%,\n        #f6f7f8 50%,\n        #edeef1 75%\n      );   \n          `\n      };\n      background-size: 200% 100%;\n      animation: ${shimmer} 1.5s infinite linear;\n\n    `\n    };\n  `}\n  & > * {\n    opacity: ${(props) => (!props.$visible ? 0 : 1)};\n    ${addTransition};\n  }\n`;\n","import { FC, useEffect, useState } from 'react';\n\nimport { SkeletonProps, StyledSkeleton } from '.';\n\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  useEffect(() => {\n    if ('time' in props) {\n      const timer = setTimeout(() => {\n        setVisible(true);\n      }, props.time);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [props]);\n\n  useEffect(() => {\n    if ('visible' in props) {\n      setVisible(!props.visible);\n    }\n  }, [props]);\n\n  return (\n    <StyledSkeleton {...props} $visible={visible} $type={props.type}>\n      {props.children}\n    </StyledSkeleton>\n  );\n};\n"],"names":["shimmer","keyframes","StyledSkeleton","styled","Stack","props","css","$visible","$type","addTransition","visible","setVisible","useState","defaultVisible","useEffect","timer","setTimeout","time","clearTimeout","jsx","type","children"],"mappings":"qLAgBMA,EAAUC,EAAAA,SAAAA;;;;;;;EASHC,EAAiBC,EAAOC,QAAK;;;IAGrCC,GAAUC,EAAAA,GAAAA;OAERD,EAAME,UACPD,EAAAA,GAAAA;QAEkB,cAAhBD,EAAMG,MACFF,EAAAA,GAAAA;;;;;;;YAQAA,EAAAA,GAAAA;;;;;;;;;mBAUON;;;;;eAMHK,GAAYA,EAAME,SAAe,EAAJ;MACvCE;;mBCvDsCJ,IAC1C,MAAOK,EAASC,GAAcC,EAAAA,SAASP,EAAMQ,iBAAkB,GAoB/D,OAlBAC,EAAAA,UAAU,KACR,GAAI,SAAUT,EAAO,CACnB,MAAMU,EAAQC,WAAW,KACvBL,GAAW,IACVN,EAAMY,MAET,MAAO,KACLC,aAAaH,GACf,GAED,CAACV,IAEJS,EAAAA,UAAU,KACJ,YAAaT,GACfM,GAAYN,EAAMK,UAEnB,CAACL,IAGFc,EAAAA,kBAAAA,IAACjB,EAAA,IAAmBG,EAAOE,SAAUG,EAASF,MAAOH,EAAMe,KACxDC,SAAAhB,EAAMgB"}
+{"version":3,"file":"area-DRsIULcw.cjs","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\nimport { addTransition } from '@local/styles/add';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { StyledSkeletonProps } from '.';\n\n// const shimmer = keyframes`\n//   0% {\n//     background-position: -468px 0;\n//   }\n//   100% {\n//     background-position: 468px 0;\n//   }\n// `;\n\nconst shimmer = keyframes`\n  0% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: -100%;\n  }\n`;\n\nexport const StyledSkeleton = styled(Stack)<StyledSkeletonProps>`\n  background: transparent;\n\n  ${(props) => css`\n    ${\n      !props.$visible &&\n      css`\n      ${\n        props.$type === 'secondary'\n          ? css`\n            background: linear-gradient(\n        90deg,\n        #f6f7f8 25%,\n        #edeef1 50%,\n        #f6f7f8 75%\n      );\n          `\n          : css`\n            background: linear-gradient(\n        90deg,\n        #edeef1 25%,\n        #f6f7f8 50%,\n        #edeef1 75%\n      );   \n          `\n      };\n      background-size: 200% 100%;\n      animation: ${shimmer} 1.5s infinite linear;\n\n    `\n    };\n  `}\n  & > * {\n    opacity: ${(props) => (!props.$visible ? 0 : 1)};\n    ${addTransition};\n  }\n`;\n","import { FC, useEffect, useState } from 'react';\n\nimport { SkeletonProps, StyledSkeleton } from '.';\n\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  useEffect(() => {\n    if ('time' in props) {\n      const timer = setTimeout(() => {\n        setVisible(true);\n      }, props.time);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [props]);\n\n  useEffect(() => {\n    if ('visible' in props) {\n      setVisible(!props.visible);\n    }\n  }, [props]);\n\n  return (\n    <StyledSkeleton {...props} $visible={visible} $type={props.type}>\n      {props.children}\n    </StyledSkeleton>\n  );\n};\n"],"names":["shimmer","keyframes","StyledSkeleton","styled","Stack","props","css","$visible","$type","addTransition","visible","setVisible","useState","defaultVisible","useEffect","timer","setTimeout","time","clearTimeout","jsx","type","children"],"mappings":"qLAgBMA,EAAUC,EAAAA,SAAAA;;;;;;;EASHC,EAAiBC,EAAOC,QAAK;;;IAGrCC,GAAUC,EAAAA,GAAAA;OAERD,EAAME,UACPD,EAAAA,GAAAA;QAEkB,cAAhBD,EAAMG,MACFF,EAAAA,GAAAA;;;;;;;YAQAA,EAAAA,GAAAA;;;;;;;;;mBAUON;;;;;eAMHK,GAAYA,EAAME,SAAe,EAAJ;MACvCE;;mBCvDsCJ,IAC1C,MAAOK,EAASC,GAAcC,EAAAA,SAASP,EAAMQ,iBAAkB,GAoB/D,OAlBAC,EAAAA,UAAU,KACR,GAAI,SAAUT,EAAO,CACnB,MAAMU,EAAQC,WAAW,KACvBL,GAAW,IACVN,EAAMY,MAET,MAAO,KACLC,aAAaH,GACf,GAED,CAACV,IAEJS,EAAAA,UAAU,KACJ,YAAaT,GACfM,GAAYN,EAAMK,UAEnB,CAACL,IAGFc,EAAAA,kBAAAA,IAACjB,EAAA,IAAmBG,EAAOE,SAAUG,EAASF,MAAOH,EAAMe,KACxDC,SAAAhB,EAAMgB"}

package/build/{area-D7906bXA.cjs → area-Dup_lUb9.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),n=require("./component-BV_7tGiu.cjs");exports.Outside=s=>{const u=t.useRef(null);return t.useEffect(()=>{const e=e=>{u.current&&!u.current.contains(e.target)&&s.onOutsideClick(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s]),e.jsxRuntimeExports.jsx(n.Stack,{sx:e=>({...null==s?void 0:s.sx,default:{display:"content",...(null==s?void 0:s.sx)?"function"==typeof(null==s?void 0:s.sx)?null==s?void 0:s.sx(e).default:null==s?void 0:s.sx.default:{}}}),ref:u,children:s.children})};
-//# sourceMappingURL=area-D7906bXA.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),n=require("./component-GKvpOWlO.cjs");exports.Outside=s=>{const u=t.useRef(null);return t.useEffect(()=>{const e=e=>{u.current&&!u.current.contains(e.target)&&s.onOutsideClick(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s]),e.jsxRuntimeExports.jsx(n.Stack,{sx:e=>({...null==s?void 0:s.sx,default:{display:"content",...(null==s?void 0:s.sx)?"function"==typeof(null==s?void 0:s.sx)?null==s?void 0:s.sx(e).default:null==s?void 0:s.sx.default:{}}}),ref:u,children:s.children})};
+//# sourceMappingURL=area-Dup_lUb9.cjs.map

package/build/area-Dup_lUb9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-Dup_lUb9.cjs","sources":["../src/areas/outside/area.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useEffect, useRef } from 'react';\n\nimport { Stack } from '@local/components/stack';\nimport { addSXProps } from '@local/styles/sx';\n\ntype OutsideProps = PropsWithChildren &\n  addSXProps & {\n    onOutsideClick: (event: MouseEvent) => void;\n  };\n\nexport const Outside: FC<OutsideProps> = (props) => {\n  const elementRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n        props.onOutsideClick(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [props]);\n  return (\n    <Stack\n      sx={(theme) => ({\n        ...props?.sx,\n        default: {\n          display: 'content',\n          ...(props?.sx ? (typeof props?.sx === 'function' ? props?.sx(theme).default : props?.sx.default) : {}),\n        },\n      })}\n      ref={elementRef}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"names":["props","elementRef","useRef","useEffect","handleClickOutside","event","current","contains","target","onOutsideClick","document","addEventListener","removeEventListener","jsx","Stack","sx","theme","default","display","ref","children"],"mappings":"oIAU0CA,IACxC,MAAMC,EAAaC,EAAAA,OAAuB,MAc1C,OAZAC,EAAAA,UAAU,KACR,MAAMC,EAAsBC,IACtBJ,EAAWK,UAAYL,EAAWK,QAAQC,SAASF,EAAMG,SAC3DR,EAAMS,eAAeJ,IAKzB,OADAK,SAASC,iBAAiB,YAAaP,GAChC,KACLM,SAASE,oBAAoB,YAAaR,KAE3C,CAACJ,MAEFa,kBAAAA,IAACC,EAAAA,MAAA,CACCC,GAAKC,IAAA,IACA,MAAAhB,OAAA,EAAAA,EAAOe,GACVE,QAAS,CACPC,QAAS,cACL,MAAAlB,OAAA,EAAAA,EAAOe,IAA2B,yBAAdf,WAAOe,IAAoB,MAAAf,OAAA,EAAAA,EAAOe,GAAGC,GAAOC,QAAU,MAAAjB,OAAA,EAAAA,EAAOe,GAAGE,QAAW,CAAA,KAGvGE,IAAKlB,EAEJmB,SAAApB,EAAMoB"}

package/build/area-outside.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-D7906bXA.cjs");exports.Outside=e.Outside;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-Dup_lUb9.cjs");exports.Outside=e.Outside;
 //# sourceMappingURL=area-outside.cjs.js.map

package/build/area-outside.es.js

@@ -1,4 +1,4 @@
-import { O } from "./area-DRqAofd0.js";
+import { O } from "./area-CD8KKIM0.js";
 export {
   O as Outside
 };

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-C6XuN6wk.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-CZkDIeGx.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-BYuHpaUX.js";
+import { P } from "./area-DEwj0-O3.js";
 export {
   P as Preview,
   u as useRemovePreviewLoader

package/build/{area-CkM4ZN2F.js → area-sDVSuS3G.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { useState, useEffect } from "react";
-import { b as Stack } from "./component-jPZYT5iL.js";
+import { b as Stack } from "./component-mzzOCXSx.js";
 import { b as addTransition } from "./style-RL73t3JD.js";
 import styled, { keyframes, css } from "styled-components";
 const shimmer = keyframes`
@@ -64,4 +64,4 @@ export {
   StyledSkeleton as S,
   Skeleton as a
 };
-//# sourceMappingURL=area-CkM4ZN2F.js.map
+//# sourceMappingURL=area-sDVSuS3G.js.map

package/build/{area-CkM4ZN2F.js.map → area-sDVSuS3G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"area-CkM4ZN2F.js","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\nimport { addTransition } from '@local/styles/add';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { StyledSkeletonProps } from '.';\n\n// const shimmer = keyframes`\n//   0% {\n//     background-position: -468px 0;\n//   }\n//   100% {\n//     background-position: 468px 0;\n//   }\n// `;\n\nconst shimmer = keyframes`\n  0% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: -100%;\n  }\n`;\n\nexport const StyledSkeleton = styled(Stack)<StyledSkeletonProps>`\n  background: transparent;\n\n  ${(props) => css`\n    ${\n      !props.$visible &&\n      css`\n      ${\n        props.$type === 'secondary'\n          ? css`\n            background: linear-gradient(\n        90deg,\n        #f6f7f8 25%,\n        #edeef1 50%,\n        #f6f7f8 75%\n      );\n          `\n          : css`\n            background: linear-gradient(\n        90deg,\n        #edeef1 25%,\n        #f6f7f8 50%,\n        #edeef1 75%\n      );   \n          `\n      };\n      background-size: 200% 100%;\n      animation: ${shimmer} 1.5s infinite linear;\n\n    `\n    };\n  `}\n  & > * {\n    opacity: ${(props) => (!props.$visible ? 0 : 1)};\n    ${addTransition};\n  }\n`;\n","import { FC, useEffect, useState } from 'react';\n\nimport { SkeletonProps, StyledSkeleton } from '.';\n\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  useEffect(() => {\n    if ('time' in props) {\n      const timer = setTimeout(() => {\n        setVisible(true);\n      }, props.time);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [props]);\n\n  useEffect(() => {\n    if ('visible' in props) {\n      setVisible(!props.visible);\n    }\n  }, [props]);\n\n  return (\n    <StyledSkeleton {...props} $visible={visible} $type={props.type}>\n      {props.children}\n    </StyledSkeleton>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;AAgBA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAST,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA;AAAA,IAGtC,CAAC,UAAU;AAAA,MAET,CAAC,MAAM,YACP;AAAA,QAEE,MAAM,UAAU,cACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQN;AAAA;AAAA,mBAEa,OAAO;AAAA;AAAA,KAGtB;AAAA,GACD;AAAA;AAAA,eAEY,CAAC,UAAW,CAAC,MAAM,WAAW,IAAI,CAAE;AAAA,MAC7C,aAAa;AAAA;AAAA;ACvDZ,MAAM,WAA8B,CAAC,UAAU;AACpD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,kBAAkB,KAAK;AAEpE,YAAU,MAAM;AACd,QAAI,UAAU,OAAO;AACnB,YAAM,QAAQ,WAAW,MAAM;AAC7B,mBAAW,IAAI;AAAA,MAAA,GACd,MAAM,IAAI;AAEb,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MAAA;AAAA,IACpB;AAAA,EACF,GACC,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,QAAI,aAAa,OAAO;AACtB,iBAAW,CAAC,MAAM,OAAO;AAAA,IAAA;AAAA,EAC3B,GACC,CAAC,KAAK,CAAC;AAEV,SACEA,kCAAAA,IAAC,gBAAA,EAAgB,GAAG,OAAO,UAAU,SAAS,OAAO,MAAM,MACxD,UAAA,MAAM,SAAA,CACT;AAEJ;"}
+{"version":3,"file":"area-sDVSuS3G.js","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack';\nimport { addTransition } from '@local/styles/add';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { StyledSkeletonProps } from '.';\n\n// const shimmer = keyframes`\n//   0% {\n//     background-position: -468px 0;\n//   }\n//   100% {\n//     background-position: 468px 0;\n//   }\n// `;\n\nconst shimmer = keyframes`\n  0% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: -100%;\n  }\n`;\n\nexport const StyledSkeleton = styled(Stack)<StyledSkeletonProps>`\n  background: transparent;\n\n  ${(props) => css`\n    ${\n      !props.$visible &&\n      css`\n      ${\n        props.$type === 'secondary'\n          ? css`\n            background: linear-gradient(\n        90deg,\n        #f6f7f8 25%,\n        #edeef1 50%,\n        #f6f7f8 75%\n      );\n          `\n          : css`\n            background: linear-gradient(\n        90deg,\n        #edeef1 25%,\n        #f6f7f8 50%,\n        #edeef1 75%\n      );   \n          `\n      };\n      background-size: 200% 100%;\n      animation: ${shimmer} 1.5s infinite linear;\n\n    `\n    };\n  `}\n  & > * {\n    opacity: ${(props) => (!props.$visible ? 0 : 1)};\n    ${addTransition};\n  }\n`;\n","import { FC, useEffect, useState } from 'react';\n\nimport { SkeletonProps, StyledSkeleton } from '.';\n\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  useEffect(() => {\n    if ('time' in props) {\n      const timer = setTimeout(() => {\n        setVisible(true);\n      }, props.time);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [props]);\n\n  useEffect(() => {\n    if ('visible' in props) {\n      setVisible(!props.visible);\n    }\n  }, [props]);\n\n  return (\n    <StyledSkeleton {...props} $visible={visible} $type={props.type}>\n      {props.children}\n    </StyledSkeleton>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;AAgBA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAST,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA;AAAA,IAGtC,CAAC,UAAU;AAAA,MAET,CAAC,MAAM,YACP;AAAA,QAEE,MAAM,UAAU,cACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQN;AAAA;AAAA,mBAEa,OAAO;AAAA;AAAA,KAGtB;AAAA,GACD;AAAA;AAAA,eAEY,CAAC,UAAW,CAAC,MAAM,WAAW,IAAI,CAAE;AAAA,MAC7C,aAAa;AAAA;AAAA;ACvDZ,MAAM,WAA8B,CAAC,UAAU;AACpD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,kBAAkB,KAAK;AAEpE,YAAU,MAAM;AACd,QAAI,UAAU,OAAO;AACnB,YAAM,QAAQ,WAAW,MAAM;AAC7B,mBAAW,IAAI;AAAA,MAAA,GACd,MAAM,IAAI;AAEb,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MAAA;AAAA,IACpB;AAAA,EACF,GACC,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,QAAI,aAAa,OAAO;AACtB,iBAAW,CAAC,MAAM,OAAO;AAAA,IAAA;AAAA,EAC3B,GACC,CAAC,KAAK,CAAC;AAEV,SACEA,kCAAAA,IAAC,gBAAA,EAAgB,GAAG,OAAO,UAAU,SAAS,OAAO,MAAM,MACxD,UAAA,MAAM,SAAA,CACT;AAEJ;"}

package/build/area-scroll.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-C6QOr2Kd.cjs");exports.Scroll=e.Scroll,exports.StyledScroll=e.StyledScroll;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-CmCMHnRA.cjs");exports.Scroll=e.Scroll,exports.StyledScroll=e.StyledScroll;
 //# sourceMappingURL=area-scroll.cjs.js.map

package/build/area-scroll.d.ts

@@ -36,8 +36,8 @@ declare interface StackProps_2 extends addSXProps, PropsWithChildren {
     isHover?: boolean;
     isRipple?: boolean;
     onClick?: () => void;
-    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     onDragOver?: DragEventHandler<HTMLDivElement>;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     ref?: Ref<HTMLDivElement | null>;
 }
 

package/build/area-scroll.es.js

@@ -1,4 +1,4 @@
-import { a, S } from "./area-BC64nSGj.js";
+import { a, S } from "./area-BWxBop5m.js";
 export {
   a as Scroll,
   S as StyledScroll

package/build/area-skeleton.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-oZm7ewxw.cjs");exports.Skeleton=e.Skeleton,exports.StyledSkeleton=e.StyledSkeleton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-DRsIULcw.cjs");exports.Skeleton=e.Skeleton,exports.StyledSkeleton=e.StyledSkeleton;
 //# sourceMappingURL=area-skeleton.cjs.js.map

package/build/area-skeleton.d.ts

@@ -42,8 +42,8 @@ declare interface StackProps_2 extends addSXProps, PropsWithChildren {
     isHover?: boolean;
     isRipple?: boolean;
     onClick?: () => void;
-    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     onDragOver?: DragEventHandler<HTMLDivElement>;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     ref?: Ref<HTMLDivElement | null>;
 }
 

package/build/area-skeleton.es.js

@@ -1,4 +1,4 @@
-import { a, S } from "./area-CkM4ZN2F.js";
+import { a, S } from "./area-sDVSuS3G.js";
 export {
   a as Skeleton,
   S as StyledSkeleton

package/build/area-smooth.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component--Oo5_3xq.cjs");exports.Smooth=o.Smooth;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-8NOxwZJO.cjs");exports.Smooth=o.Smooth;
 //# sourceMappingURL=area-smooth.cjs.js.map

package/build/area-smooth.d.ts

@@ -19,8 +19,8 @@ declare interface StackProps extends addSXProps, PropsWithChildren {
     isHover?: boolean;
     isRipple?: boolean;
     onClick?: () => void;
-    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     onDragOver?: DragEventHandler<HTMLDivElement>;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
     ref?: Ref<HTMLDivElement | null>;
 }
 

package/build/area-smooth.es.js

@@ -1,4 +1,4 @@
-import { S } from "./component-BcHiCCC9.js";
+import { S } from "./component-DpVp9dB1.js";
 export {
   S as Smooth
 };

package/build/area.hooks-Bk04M7mk.js.map

@@ -1 +1 @@
-{"version":3,"file":"area.hooks-Bk04M7mk.js","sources":["../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0'\n        setTimeout(() => {\n          loader.remove()\n        }, 500)\n      }\n    }\n\n    if (document.readyState === 'complete') {\n      handleDomReady()\n    } else {\n      window.addEventListener('load', handleDomReady)\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady)\n    }\n  }, [])\n}\n"],"names":[],"mappings":";AAEO,MAAM,yBAAyB,MAAM;AAC1C,YAAU,MAAM;AACd,UAAM,SAAS,SAAS,cAAc,kBAAkB;AAExD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,QAAQ;AACV,eAAO,MAAM,UAAU;AACvB,mBAAW,MAAM;AACf,iBAAO,OAAA;AAAA,QAAO,GACb,GAAG;AAAA,MAAA;AAAA,IACR;AAGF,QAAI,SAAS,eAAe,YAAY;AACtC,qBAAA;AAAA,IAAe,OACV;AACL,aAAO,iBAAiB,QAAQ,cAAc;AAAA,IAAA;AAGhD,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,cAAc;AAAA,IAAA;AAAA,EACnD,GACC,EAAE;AACP;"}
+{"version":3,"file":"area.hooks-Bk04M7mk.js","sources":["../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement;\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0';\n        setTimeout(() => {\n          loader.remove();\n        }, 500);\n      }\n    };\n\n    if (document.readyState === 'complete') {\n      handleDomReady();\n    } else {\n      window.addEventListener('load', handleDomReady);\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady);\n    };\n  }, []);\n};\n"],"names":[],"mappings":";AAEO,MAAM,yBAAyB,MAAM;AAC1C,YAAU,MAAM;AACd,UAAM,SAAS,SAAS,cAAc,kBAAkB;AAExD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,QAAQ;AACV,eAAO,MAAM,UAAU;AACvB,mBAAW,MAAM;AACf,iBAAO,OAAA;AAAA,QAAO,GACb,GAAG;AAAA,MAAA;AAAA,IACR;AAGF,QAAI,SAAS,eAAe,YAAY;AACtC,qBAAA;AAAA,IAAe,OACV;AACL,aAAO,iBAAiB,QAAQ,cAAc;AAAA,IAAA;AAGhD,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,cAAc;AAAA,IAAA;AAAA,EACnD,GACC,EAAE;AACP;"}

package/build/area.hooks-C_UKZzcb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"area.hooks-C_UKZzcb.cjs","sources":["../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0'\n        setTimeout(() => {\n          loader.remove()\n        }, 500)\n      }\n    }\n\n    if (document.readyState === 'complete') {\n      handleDomReady()\n    } else {\n      window.addEventListener('load', handleDomReady)\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady)\n    }\n  }, [])\n}\n"],"names":["useEffect","loader","document","querySelector","handleDomReady","style","opacity","setTimeout","remove","readyState","window","addEventListener","removeEventListener"],"mappings":"qEAEsC,KACpCA,EAAAA,UAAU,KACR,MAAMC,EAASC,SAASC,cAAc,oBAEhCC,EAAiB,KACjBH,IACFA,EAAOI,MAAMC,QAAU,IACvBC,WAAW,KACTN,EAAOO,UACN,OAUP,MAN4B,aAAxBN,SAASO,WACXL,IAEAM,OAAOC,iBAAiB,OAAQP,GAG3B,KACLM,OAAOE,oBAAoB,OAAQR,KAEpC"}
+{"version":3,"file":"area.hooks-C_UKZzcb.cjs","sources":["../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement;\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0';\n        setTimeout(() => {\n          loader.remove();\n        }, 500);\n      }\n    };\n\n    if (document.readyState === 'complete') {\n      handleDomReady();\n    } else {\n      window.addEventListener('load', handleDomReady);\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady);\n    };\n  }, []);\n};\n"],"names":["useEffect","loader","document","querySelector","handleDomReady","style","opacity","setTimeout","remove","readyState","window","addEventListener","removeEventListener"],"mappings":"qEAEsC,KACpCA,EAAAA,UAAU,KACR,MAAMC,EAASC,SAASC,cAAc,oBAEhCC,EAAiB,KACjBH,IACFA,EAAOI,MAAMC,QAAU,IACvBC,WAAW,KACTN,EAAOO,UACN,OAUP,MAN4B,aAAxBN,SAASO,WACXL,IAEAM,OAAOC,iBAAiB,OAAQP,GAG3B,KACLM,OAAOE,oBAAoB,OAAQR,KAEpC"}

package/build/build-info.txt

@@ -1,3 +1,3 @@
-version: 1.3.10
-commit: 7df9eee
-date: 2025-08-17T16:07:39Z
+version: 1.3.12
+commit: e2d1d2f
+date: 2025-08-28T12:54:24Z

package/build/{component--Oo5_3xq.cjs → component-8NOxwZJO.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-BV_7tGiu.cjs");exports.Smooth=s=>t.jsxRuntimeExports.jsx(e.StackMotion,{transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},layout:!0,...s,children:s.children});
-//# sourceMappingURL=component--Oo5_3xq.cjs.map
+"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-GKvpOWlO.cjs");exports.Smooth=s=>t.jsxRuntimeExports.jsx(e.StackMotion,{transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},layout:!0,...s,children:s.children});
+//# sourceMappingURL=component-8NOxwZJO.cjs.map

package/build/component-8NOxwZJO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-8NOxwZJO.cjs","sources":["../src/areas/smooth/component.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { StackMotion, StackProps } from '@local/components/stack';\n\nexport const Smooth: FC<StackProps> = (props) => {\n  return (\n    <StackMotion\n      transition={{\n        layout: {\n          duration: 0.3,\n          ease: 'easeInOut',\n          type: 'spring',\n        },\n      }}\n      layout\n      {...props}\n    >\n      {props.children}\n    </StackMotion>\n  );\n};\n"],"names":["props","jsx","StackMotion","transition","layout","duration","ease","type","children"],"mappings":"gHAIuCA,KAEnCC,kBAAAA,IAACC,EAAAA,YAAA,CACCC,WAAY,CACVC,OAAQ,CACNC,SAAU,GACVC,KAAM,YACNC,KAAM,WAGVH,QAAM,KACFJ,EAEHQ,SAAAR,EAAMQ"}

package/build/{component-C67KboOB.cjs → component-BVnHSTJd.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./context.hooks-BIsapq-0.cjs"),i=require("@tanstack/react-router"),n=require("react"),s=require("styled-components"),r=require("./theme.global-CcoD5bPP.cjs"),o=require("./floating-ui.react--v70Xky9.cjs"),a=require("framer-motion"),l=require("react-dom"),c=require("./style-Df37KnoJ.cjs"),f=require("./style-fRZ6xrVp.cjs"),h=require("./component-BV_7tGiu.cjs"),d=s.keyframes`
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./context.hooks-BIsapq-0.cjs"),i=require("@tanstack/react-router"),n=require("react"),s=require("styled-components"),r=require("./theme.global-CcoD5bPP.cjs"),o=require("./floating-ui.react--v70Xky9.cjs"),a=require("framer-motion"),l=require("react-dom"),c=require("./style-Df37KnoJ.cjs"),f=require("./style-fRZ6xrVp.cjs"),h=require("./component-GKvpOWlO.cjs"),d=s.keyframes`
   0% {
     text-shadow: 0 0 0 rgba(0, 0, 0, 0);
   }
@@ -242,4 +242,4 @@
 `,j=s(g)`
   ${D};
 `,L=n.memo(t=>t.isDisabled?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.children}):e.jsxRuntimeExports.jsx(k,{...t})),k=t=>{const{isOpen:i,refReference:n,refFloating:s,floatingStyles:r}=$({placement:t.placement??O,offset:t.offset??C,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(H,{sx:t.sx,ref:n,children:t.children}),e.jsxRuntimeExports.jsx(j,{size:t.size,isOpen:i,genre:t.genre,floatingStyles:r,ref:s,maxHeight:t.maxHeight,maxWidth:t.maxWidth,children:e.jsxRuntimeExports.jsx(R,{sx:t.sxTypography??{default:{size:14}},children:t.content})})]})};L.displayName="Tooltip";const O="bottom-start",C=8,S=i=>{const{screenActual:s}=t.useScreenWidth(),r=n.useMemo(()=>({$sxTypography:i.sx,style:i.style,className:i.className,$sx:i.sxStandard,$isDisabledOutline:i.isDisabledOutline,$isOutlineBoxShadow:i.isOutlineBoxShadow,$isReadOnly:i.isReadOnly,onClick:i.onClick?i.onClick:()=>{}}),[i.sx,i.style,i.className,i.sxStandard,i.onClick,i.isDisabledOutline,i.isOutlineBoxShadow,i.isReadOnly]),o=n.useMemo(()=>{var e,t;return(null==(e=i.sx)?void 0:e[s])??(null==(t=i.sx)?void 0:t.default)},[i.sx,s]);return o&&"variant"in o?"h7"===o.variant||"h8"===o.variant||"h9"===o.variant?e.jsxRuntimeExports.jsx(p,{ref:i.ref,as:i.isAnchor?"a":i.isParagraph?"p":(i.isSpan,"span"),href:i.href,...r,children:i.children}):e.jsxRuntimeExports.jsx(p,{ref:i.ref,as:i.isAnchor?"a":i.isParagraph?"p":i.isSpan?"span":o.variant,href:i.href,...r,children:i.children}):e.jsxRuntimeExports.jsx(p,{ref:i.ref,as:i.isAnchor?"a":i.isParagraph?"p":(i.isSpan,"span"),href:i.href,...r,children:i.children})},R=t=>e.jsxRuntimeExports.jsx(S,{...t}),A=t=>e.jsxRuntimeExports.jsx(S,{isAnchor:!0,...t,ref:t.ref,href:t.href}),M=i.createLink(A),F=n.memo(t=>{const[i,s]=n.useState(!1),r=n.useRef(null);return n.useEffect(()=>{const e=()=>{r.current&&s(r.current.scrollWidth>r.current.clientWidth)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[t.children]),e.jsxRuntimeExports.jsx(L,{isDisabled:!i,content:t.children,...t.tooltip,children:e.jsxRuntimeExports.jsx(S,{ref:r,...t.typography,style:{position:"relative"},children:t.children})})});F.displayName="TypographyTooltip",S.displayName="TypographyWithRef",A.displayName="TypographySizeIsAnchor",exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=C,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=O,exports.Popover=g,exports.Title=p,exports.Tooltip=L,exports.TooltipBox=j,exports.TooltipContainer=H,exports.TooltipContent=k,exports.Typography=R,exports.TypographyLink=M,exports.TypographyTooltip=F,exports.addSXTypography=u,exports.addTooltipBoxSize=D,exports.addTooltipBoxSizeConstructor=T,exports.usePopover=$;
-//# sourceMappingURL=component-C67KboOB.cjs.map
+//# sourceMappingURL=component-BVnHSTJd.cjs.map