npm - @jenesei-software/jenesei-kit-react - Versions diffs - 1.3.10 → 1.3.11 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (222) hide show

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

@@ -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 ADDED Viewed

@@ -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} RENAMED Viewed

@@ -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 ADDED Viewed

@@ -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-BYuHpaUX.js → area-CT83tDk-.js} RENAMED Viewed

@@ -1,13 +1,15 @@
 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 { u as useDeepCompareMemoize } from "./use-DT0XgvJT.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]);
-  const propsTime = useMemo(() => "time" in props ? props.time : null, [props]);
-  const propsMinTime = useMemo(() => "minTime" in props ? props.minTime : null, [props]);
+  const propsMemo = useDeepCompareMemoize(props);
+  const propsVisible = useMemo(() => "visible" in propsMemo ? propsMemo.visible : null, [propsMemo]);
+  const propsTime = useMemo(() => "time" in propsMemo ? propsMemo.time : null, [propsMemo]);
+  const propsMinTime = useMemo(() => "minTime" in propsMemo ? propsMemo.minTime : null, [propsMemo]);
   useEffect(() => {
     if (propsTime !== null) {
       const timer = setTimeout(() => {
@@ -34,7 +36,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 +108,9 @@ const Preview = (props) => {
       },
       "children"
     ) : null
-  ] }) });
+  ] });
 };
 export {
   Preview as P
 };
-//# sourceMappingURL=area-BYuHpaUX.js.map
+//# sourceMappingURL=area-CT83tDk-.js.map

package/build/area-CT83tDk-.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"area-CT83tDk-.js","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { Icon } from '@local/components/icon';\nimport { Stack, StackMotion } from '@local/components/stack';\nimport { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\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 propsMemo = useDeepCompareMemoize(props);\n const propsVisible = useMemo(() => ('visible' in propsMemo ? propsMemo.visible : null), [propsMemo]);\n const propsTime = useMemo(() => ('time' in propsMemo ? propsMemo.time : null), [propsMemo]);\n const propsMinTime = useMemo(() => ('minTime' in propsMemo ? propsMemo.minTime : null), [propsMemo]);\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":"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"}

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

@@ -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 ADDED Viewed

@@ -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-oZm7ewxw.cjs → area-DRsIULcw.cjs} RENAMED Viewed

@@ -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} RENAMED Viewed

	@@ -1 +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"}
1	+ {"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} RENAMED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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-t259bohc.cjs");exports.useRemovePreviewLoader=e.useRemovePreviewLoader,exports.Preview=r.Preview;
 //# sourceMappingURL=area-preview.cjs.js.map

package/build/area-preview.es.js CHANGED Viewed

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

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

@@ -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} RENAMED Viewed

	@@ -1 +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;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/build/area-t259bohc.cjs ADDED Viewed

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

package/build/area-t259bohc.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"area-t259bohc.cjs","sources":["../src/areas/preview/area.tsx"],"sourcesContent":["import { Icon } from '@local/components/icon';\nimport { Stack, StackMotion } from '@local/components/stack';\nimport { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\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 propsMemo = useDeepCompareMemoize(props);\n const propsVisible = useMemo(() => ('visible' in propsMemo ? propsMemo.visible : null), [propsMemo]);\n const propsTime = useMemo(() => ('time' in propsMemo ? propsMemo.time : null), [propsMemo]);\n const propsMinTime = useMemo(() => ('minTime' in propsMemo ? propsMemo.minTime : null), [propsMemo]);\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","propsMemo","useDeepCompareMemoize","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":"4OAS0CA,IACxC,MAAOC,EAASC,GAAcC,EAAAA,SAASH,EAAMI,iBAAkB,GAEzDC,EAAYC,EAAAA,sBAAsBN,GAClCO,EAAeC,UAAQ,IAAO,YAAaH,EAAYA,EAAUJ,QAAU,KAAO,CAACI,IACnFI,EAAYD,UAAQ,IAAO,SAAUH,EAAYA,EAAUK,KAAO,KAAO,CAACL,IAC1EM,EAAeH,UAAQ,IAAO,YAAaH,EAAYA,EAAUO,QAAU,KAAO,CAACP,IA+BzF,OA7BAQ,EAAAA,UAAU,KACR,GAAkB,OAAdJ,EAAoB,CACtB,MAAMK,EAAQC,WAAW,KACvBb,GAAW,IACVO,GAEH,MAAO,KACLO,aAAaF,GACf,GAED,CAACL,IAEJI,EAAAA,UAAU,KACR,GAAqB,OAAjBN,EACF,GAAIA,EAAc,CAChB,GAAII,EAAc,CAChB,MAAMG,EAAQC,WAAW,KACvBb,EAAWK,IACVI,GACH,MAAO,IAAMK,aAAaF,EAAK,CAE/BZ,EAAWK,EACb,MAEAL,EAAWK,IAGd,CAACA,EAAcI,6BAGfM,kBAAA,CACEC,SAAA,CAACjB,EAmDE,KAlDFkB,EAAAA,kBAAAA,KAACC,EAAAA,YAAA,CAECC,GAAKC,IAAA,IACA,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,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,WAEhEhD,EAAMiD,SACLP,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACCtB,GAAI,CACFG,QAAS,CACPM,SAAU,WACVoB,UAAW,WAIdhC,SAAAlB,EAAMiD,YA7CP,UAkDPhD,IACCyC,kBAAAA,IAACtB,EAAAA,YAAA,CAECC,GAAKC,IAAA,IACA,MAAAtB,OAAA,EAAAA,EAAOmD,WACV3B,QAAS,CACPS,QAAS,WACTG,OAAQ,MACJ,MAAApC,OAAA,EAAAA,EAAOmD,YACsB,yBAAtBnD,WAAOmD,YACZ,MAAAnD,OAAA,EAAAA,EAAOmD,WAAW7B,GAAOE,QACzB,MAAAxB,OAAA,EAAAA,EAAOmD,WAAW3B,QACpB,CAAA,KAGRa,WAAY,CAAEC,SAAU,IACxBc,QAAS,CAAEZ,QAAS,GACpBD,KAAM,CAAEC,QAAS,GACjBC,QAAS,CAAED,QAAS,GAEnBtB,SAAAlB,EAAMkB,UAlBH,YAoBJ"}

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

	@@ -1 +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;"}
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;"}

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

	@@ -1 +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"}
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"}

package/build/build-info.txt CHANGED Viewed

@@ -1,3 +1,3 @@
-version: 1.3.10
-commit: 7df9eee
-date: 2025-08-17T16:07:39Z
+version: 1.3.11
+commit: d330a05
+date: 2025-08-28T12:45:26Z

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

@@ -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 ADDED Viewed

@@ -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} RENAMED Viewed

@@ -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