npm - @jenesei-software/jenesei-kit-react - Versions diffs - 1.0.0 → 1.2.0 - Mend

@jenesei-software/jenesei-kit-react 1.0.0 → 1.2.0

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 (272) hide show

package/README.md CHANGED Viewed

@@ -95,7 +95,6 @@ npm install react-dom --save
 npm install react-image-webp --save
 npm install react-leaflet --save
 npm install react-leaflet-markercluster --save
-npm install react-number-format --save
 npm install styled-components --save
 npm install styled-reset --save
 npm install uuid --save

package/build/{area-DfCAwCiZ.js → area-3gVEQsJq.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { useState, useEffect } from "react";
-import styled, { keyframes, css } from "styled-components";
 import { b as Stack } from "./component-jPZYT5iL.js";
-import { b as addTransition } from "./style-CEGJOjRW.js";
+import { b as addTransition } from "./style-Bvt_Melk.js";
+import styled, { keyframes, css } from "styled-components";
 const shimmer = keyframes`
   0% {
-    background-position: -468px 0;
+    background-position: 100%;
   }
   100% {
-    background-position: 468px 0;
+    background-position: -100%;
   }
 `;
 const StyledSkeleton = styled(Stack)`
@@ -17,27 +17,25 @@ const StyledSkeleton = styled(Stack)`
   ${(props) => css`
     ${!props.$visible && css`
       ${props.$type === "secondary" ? css`
-            background: rgba(130, 130, 130, 0.4);
             background: linear-gradient(
-              to right,
-              rgba(130, 130, 130, 0.4) 8%,
-              rgba(130, 130, 130, 0.5) 18%,
-              rgba(130, 130, 130, 0.4) 33%
-            );
+        90deg,
+        #f6f7f8 25%,
+        #edeef1 50%,
+        #f6f7f8 75%
+      );
           ` : css`
-            background: rgba(130, 130, 130, 0.2);
             background: linear-gradient(
-              to right,
-              rgba(130, 130, 130, 0.2) 8%,
-              rgba(130, 130, 130, 0.3) 18%,
-              rgba(130, 130, 130, 0.2) 33%
-            );
-          `}
-      background-size: 800px 100px;
-      animation: ${shimmer} 2s infinite ease-out;
-    `}
+        90deg,
+        #edeef1 25%,
+        #f6f7f8 50%,
+        #edeef1 75%
+      );
+          `};
+      background-size: 200% 100%;
+      animation: ${shimmer} 1.5s infinite linear;
+    `};
   `}
-  ${addTransition};
   & > * {
     opacity: ${(props) => !props.$visible ? 0 : 1};
     ${addTransition};
@@ -66,4 +64,4 @@ export {
   StyledSkeleton as S,
   Skeleton as a
 };
-//# sourceMappingURL=area-DfCAwCiZ.js.map
+//# sourceMappingURL=area-3gVEQsJq.js.map

package/build/area-3gVEQsJq.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"area-3gVEQsJq.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-C8w6fMSn.cjs ADDED Viewed

@@ -0,0 +1,38 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("react"),t=require("./component-BV_7tGiu.cjs"),s=require("./style-f3_KtJIt.cjs"),n=require("styled-components"),r=n.keyframes`
+  0% {
+    background-position: 100%;
+  }
+  100% {
+    background-position: -100%;
+  }
+`,c=n(t.Stack)`
+  background: transparent;
+  ${e=>n.css`
+    ${!e.$visible&&n.css`
+      ${"secondary"===e.$type?n.css`
+            background: linear-gradient(
+        90deg,
+        #f6f7f8 25%,
+        #edeef1 50%,
+        #f6f7f8 75%
+      );
+          `:n.css`
+            background: linear-gradient(
+        90deg,
+        #edeef1 25%,
+        #f6f7f8 50%,
+        #edeef1 75%
+      );
+          `};
+      background-size: 200% 100%;
+      animation: ${r} 1.5s infinite linear;
+    `};
+  `}
+  & > * {
+    opacity: ${e=>e.$visible?1:0};
+    ${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-C8w6fMSn.cjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"area-C8w6fMSn.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-9NUxwBGc.cjs → area-E4w7aKuZ.cjs} RENAMED Viewed

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

package/build/{area-9NUxwBGc.cjs.map → area-E4w7aKuZ.cjs.map} RENAMED Viewed

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

package/build/{area-BnAddPtl.js → area-EcUYP2tl.js} RENAMED Viewed

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

package/build/{area-BnAddPtl.js.map → area-EcUYP2tl.js.map} RENAMED Viewed

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

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-9NUxwBGc.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-E4w7aKuZ.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-BnAddPtl.js";
+import { P } from "./area-EcUYP2tl.js";
 export {
   P as Preview,
   u as useRemovePreviewLoader

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-ClrrGVJG.cjs");exports.Skeleton=e.Skeleton,exports.StyledSkeleton=e.StyledSkeleton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-C8w6fMSn.cjs");exports.Skeleton=e.Skeleton,exports.StyledSkeleton=e.StyledSkeleton;
 //# sourceMappingURL=area-skeleton.cjs.js.map

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

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

package/build/build-info.txt CHANGED Viewed

@@ -1,3 +1,3 @@
-version: 1.0.0
-commit: 3a27dfe
-date: 2025-07-02T17:19:17Z
+version: 1.2.0
+commit: 66ce6fe
+date: 2025-07-17T21:17:45Z

package/build/{component-C2JFFh-k.js → component--cOriuv7.js} RENAMED Viewed

@@ -1,25 +1,22 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
+import { u as useScreenWidth } from "./context.hooks-BmwyZ1p3.js";
 import { createLink } from "@tanstack/react-router";
 import * as React from "react";
 import { useLayoutEffect, useState, useRef, useMemo, useEffect, useCallback, memo } from "react";
-import { u as useScreenWidth } from "./context.hooks-BmwyZ1p3.js";
 import styled, { css, keyframes } from "styled-components";
-import { a as addSX } from "./style-plT9Ah7t.js";
-import { J as JeneseiPalette, K as KEY_SIZE_DATA } from "./theme.global-bN9HlSWE.js";
+import { J as JeneseiPalette, K as KEY_SIZE_DATA } from "./theme.global-B46v_8eu.js";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 import { AnimatePresence, motion } from "framer-motion";
-import { f as addOutline } from "./style-CEGJOjRW.js";
+import { f as addOutline, h as addAlwaysOutline } from "./style-Bvt_Melk.js";
+import { a as addSX } from "./style-plT9Ah7t.js";
 import { b as Stack } from "./component-jPZYT5iL.js";
 const getFontSizeStyles = (size, weight, family, height) => css`
   font-family: ${family ? family : "inherit"};
   font-style: normal;
-  line-height: ${(props) => props.theme.font.lineHeight};
+  line-height: ${(props) => height ? height : props.theme.font.lineHeight};
   font-size: ${size}px;
   font-weight: ${weight};
-  ${height && css`
-    line-height: ${height};
-  `}
 `;
 const shadowPulse = keyframes`
   0% {
@@ -95,6 +92,12 @@ function toStyledCSS(value) {
         text-decoration: underline;
       }
     `};
+    ${value.isNoUserSelect && css`
+      user-select: none;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+    `};
     ${"size" in value && value.size && css`
       font-size: ${value.size}px;
     `};
@@ -234,6 +237,7 @@ const TypographyCSS = css`
 `;
 const Title = styled.span`
   ${TypographyCSS}
+  ${addOutline}
 `;
 function hasWindow() {
   return typeof window !== "undefined";
@@ -1802,6 +1806,44 @@ const flip = (options, deps) => ({
   ...flip$1(options),
   options: [options, deps]
 });
+function useMergeRefs(refs) {
+  const cleanupRef = React.useRef(void 0);
+  const refEffect = React.useCallback((instance) => {
+    const cleanups = refs.map((ref) => {
+      if (ref == null) {
+        return;
+      }
+      if (typeof ref === "function") {
+        const refCallback = ref;
+        const refCleanup = refCallback(instance);
+        return typeof refCleanup === "function" ? refCleanup : () => {
+          refCallback(null);
+        };
+      }
+      ref.current = instance;
+      return () => {
+        ref.current = null;
+      };
+    });
+    return () => {
+      cleanups.forEach((refCleanup) => refCleanup == null ? void 0 : refCleanup());
+    };
+  }, refs);
+  return React.useMemo(() => {
+    if (refs.every((ref) => ref == null)) {
+      return null;
+    }
+    return (value) => {
+      if (cleanupRef.current) {
+        cleanupRef.current();
+        cleanupRef.current = void 0;
+      }
+      if (value != null) {
+        cleanupRef.current = refEffect(value);
+      }
+    };
+  }, refs);
+}
 const SafeReact = {
   ...React
 };
@@ -2007,6 +2049,7 @@ const Popover = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: props.isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
+        tabIndex: -1,
         ref: props.ref,
         style: {
           position: "absolute",
@@ -2019,9 +2062,10 @@ const Popover = (props) => {
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           PopoverWrapper,
           {
+            tabIndex: -1,
+            $isShowAlwaysOutline: props.isShowAlwaysOutline,
             $genre: props.genre ?? "black",
             className: props.className,
-            tabIndex: 0,
             initial: { opacity: 0, scale: 0.95 },
             animate: { opacity: 1, scale: 1 },
             exit: { opacity: 0, scale: 0.95 },
@@ -2040,8 +2084,10 @@ const Popover = (props) => {
   );
 };
 const usePopover = (props) => {
+  const { onFocus, onBlur } = props;
   const [isOpen, setIsOpen] = useState(false);
   const [minWidth, setMinWidth] = useState(void 0);
+  const [wasEverOpen, setWasEverOpen] = useState(false);
   const {
     refs,
     floatingStyles,
@@ -2061,6 +2107,7 @@ const usePopover = (props) => {
   );
   const hoverCloseDelay = useMemo(() => props.hoverCloseDelay ?? DEFAULT_POPOVER_CLOSE_DELAY, [props.hoverCloseDelay]);
   useEffect(() => {
+    if (props.isDisabled) return;
     const refEl = refs.reference.current;
     if (!refEl) return;
     if ((props.mode === "click" || props.mode === "clickOpen") && refEl instanceof HTMLElement) {
@@ -2091,15 +2138,22 @@ const usePopover = (props) => {
         if (hoverCloseTimeout.current) clearTimeout(hoverCloseTimeout.current);
       };
     }
-  }, [props.mode, refs.reference, hoverCloseDelay]);
+  }, [props.mode, refs.reference, hoverCloseDelay, props.isDisabled]);
   useEffect(() => {
-    if (!isOpen || !refs.reference.current || !refs.floating.current) return;
+    if (!isOpen || !refs.reference.current || !refs.floating.current || props.isDisabled) return;
     const cleanup = autoUpdate(refs.reference.current, refs.floating.current, update);
     if (props.isClickOutside) {
       clickOutsideHandler.current = (e) => {
         const refEl = refs.reference.current;
         const floatingEl = refs.floating.current;
-        if (refEl instanceof HTMLElement && floatingEl instanceof HTMLElement && !refEl.contains(e.target) && !floatingEl.contains(e.target)) {
+        const otherRefs = props.refsExcludeClickOutside || [];
+        if (refEl instanceof HTMLElement && floatingEl instanceof HTMLElement && !refEl.contains(e.target) && !floatingEl.contains(e.target) && !otherRefs.some((ref) => {
+          var _a;
+          if (typeof ref === "object" && ref !== null && "current" in ref) {
+            return (_a = ref.current) == null ? void 0 : _a.contains(e.target);
+          }
+          return false;
+        })) {
           setIsOpen(false);
         }
       };
@@ -2115,9 +2169,10 @@ const usePopover = (props) => {
         clearTimeout(hoverCloseTimeout.current);
       }
     };
-  }, [isOpen, refs.reference, refs.floating, update, props.isClickOutside]);
+  }, [isOpen, refs.reference, refs.floating, update, props.isClickOutside, props.isDisabled, props.refsExcludeClickOutside]);
   useEffect(() => {
-    if (!isOpen || !props.isFloatingHover || !refs.reference.current || !refs.floating.current) return;
+    if (!isOpen || !props.isFloatingHover || !refs.reference.current || !refs.floating.current || props.isDisabled)
+      return;
     const refEl = refs.reference.current;
     const floatingEl = refs.floating.current;
     const handleMouseMove = (e) => {
@@ -2144,15 +2199,24 @@ const usePopover = (props) => {
         clearTimeout(hoverCloseTimeout.current);
       }
     };
-  }, [isOpen, props.isFloatingHover, refs.reference, refs.floating, hoverOffset, hoverCloseDelay]);
+  }, [isOpen, props.isFloatingHover, refs.reference, refs.floating, hoverOffset, hoverCloseDelay, props.isDisabled]);
   useLayoutEffect(() => {
-    if (!isOpen || !props.isWidthAsContent || !refs.reference.current) return;
+    if (!props.isWidthAsContent || !refs.reference.current) return;
     const rect = refs.reference.current.getBoundingClientRect();
     setMinWidth(rect.width);
-  }, [isOpen, props.isWidthAsContent, refs.reference]);
-  const open = useCallback(() => setIsOpen(true), []);
-  const close = useCallback(() => setIsOpen(false), []);
-  const toggle = useCallback(() => setIsOpen((prev) => !prev), []);
+  }, [props.isWidthAsContent, refs.reference]);
+  const open = useCallback(() => {
+    if (props.isDisabled) return;
+    setIsOpen(true);
+  }, [props.isDisabled]);
+  const close = useCallback(() => {
+    if (props.isDisabled) return;
+    setIsOpen(false);
+  }, [props.isDisabled]);
+  const toggle = useCallback(() => {
+    if (props.isDisabled) return;
+    setIsOpen((prev) => !prev);
+  }, [props.isDisabled]);
   const combinedStyles = useMemo(() => {
     return {
       ...floatingStyles,
@@ -2160,14 +2224,25 @@ const usePopover = (props) => {
       maxWidth: props.isWidthAsContent && minWidth ? `${minWidth}px` : void 0
     };
   }, [floatingStyles, props.isWidthAsContent, minWidth]);
+  useEffect(() => {
+    if (isOpen) {
+      onFocus == null ? void 0 : onFocus();
+      setWasEverOpen(true);
+    }
+  }, [isOpen, onFocus]);
+  useEffect(() => {
+    if (!isOpen && wasEverOpen) {
+      onBlur == null ? void 0 : onBlur();
+    }
+  }, [isOpen, wasEverOpen, onBlur]);
   return {
     isOpen,
     setIsOpen,
     open,
     close,
     toggle,
-    reference: refs.setReference,
-    floating: refs.setFloating,
+    refReference: refs.setReference,
+    refFloating: refs.setFloating,
     floatingStyles: combinedStyles,
     placement: actualPlacement
   };
@@ -2198,7 +2273,7 @@ const PopoverWrapper = styled(motion.div)`
   overflow: auto;
   flex-direction: column;
   ${addPopoverSize};
-  ${addOutline};
+  ${addAlwaysOutline};
   ${addSXTypography};
   ${addPopoverGenre};
   ${addSX};
@@ -2233,7 +2308,7 @@ const Tooltip = memo((props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { ...props });
 });
 const TooltipContent = (props) => {
-  const { isOpen, reference, floating, floatingStyles } = usePopover({
+  const { isOpen, refReference, refFloating, floatingStyles } = usePopover({
     placement: props.placement ?? DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,
     offset: props.offset ?? DEFAULT_TOOLTIP_OFFSET_FALLBACK,
     mode: props.mode ?? "hover",
@@ -2244,7 +2319,7 @@ const TooltipContent = (props) => {
     hoverOffset: props.hoverOffset ?? void 0
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContainer, { sx: props.sx, ref: reference, children: props.children }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContainer, { sx: props.sx, ref: refReference, children: props.children }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       TooltipBox,
       {
@@ -2252,7 +2327,7 @@ const TooltipContent = (props) => {
         isOpen,
         genre: props.genre,
         floatingStyles,
-        ref: floating,
+        ref: refFloating,
         maxHeight: props.maxHeight,
         maxWidth: props.maxWidth,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -2367,6 +2442,7 @@ export {
   Typography as j,
   TypographyLink as k,
   TypographyTooltip as l,
+  useMergeRefs as m,
   usePopover as u
 };
-//# sourceMappingURL=component-C2JFFh-k.js.map
+//# sourceMappingURL=component--cOriuv7.js.map