@lotte-innovate/ui-component-test 0.0.132 → 0.0.134

package/dist/lib/utils/useDarkMode.js

@@ -45,6 +45,6 @@ export var useDarkMode = function (isRAxes) {
         return function () {
             mutationObserver.disconnect();
         };
-    }, []);
+    }, [darkmode, lightmode, setIsDarkMode]);
     return [isDarkMode, defaultOptions];
 };

package/dist/lib/utils/useDarkMode.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{slateA as r,slateDarkA as o}from"../color/alpha.mjs";import{useState as c,useEffect as t}from"react";var n=function(n){void 0===n&&(n=!1);var i={},e={};!0===n?(i={r:{grid:{color:r[8]}}},e={r:{grid:{color:o[8]},ticks:{backdropColor:"rgba(0, 0, 0, 0)"}}}):(i={x:{grid:{color:r[8]}},y:{grid:{color:r[8]}}},e={x:{grid:{color:o[8]}},y:{grid:{color:o[8]}}});var a=c(b()),l=a[0],s=a[1],d=c({linescale:{}}),u=d[0],f=d[1];function b(){return document.body.classList.contains("dark")}return t((function(){s(b()),f({linescale:b()?e:i});var r=new MutationObserver((function(r){r.forEach((function(r){"class"===r.attributeName&&(s(b()),f({linescale:b()?e:i}))}))}));return r.observe(document.body,{attributes:!0}),function(){r.disconnect()}}),[]),[l,u]};export{n as useDarkMode};
+import{slateA as r,slateDarkA as o}from"../color/alpha.mjs";import{useState as c,useEffect as t}from"react";var n=function(n){void 0===n&&(n=!1);var i={},e={};!0===n?(i={r:{grid:{color:r[8]}}},e={r:{grid:{color:o[8]},ticks:{backdropColor:"rgba(0, 0, 0, 0)"}}}):(i={x:{grid:{color:r[8]}},y:{grid:{color:r[8]}}},e={x:{grid:{color:o[8]}},y:{grid:{color:o[8]}}});var a=c(b()),l=a[0],s=a[1],d=c({linescale:{}}),u=d[0],f=d[1];function b(){return document.body.classList.contains("dark")}return t((function(){s(b()),f({linescale:b()?e:i});var r=new MutationObserver((function(r){r.forEach((function(r){"class"===r.attributeName&&(s(b()),f({linescale:b()?e:i}))}))}));return r.observe(document.body,{attributes:!0}),function(){r.disconnect()}}),[e,i,s]),[l,u]};export{n as useDarkMode};
 //# sourceMappingURL=useDarkMode.mjs.map

package/dist/lib/utils/useWindowSize.js

@@ -4,6 +4,8 @@ export function useWindowSize() {
     var _a = useState(MIN_SIZE), size = _a[0], setSize = _a[1];
     useEffect(function () {
         function handleResize() {
+            if (!window)
+                return;
             var width = 130 + window.innerWidth * 0.15;
             width = Math.max(width, MIN_SIZE);
             width = Math.min(width, 300);
@@ -12,6 +14,6 @@ export function useWindowSize() {
         window.addEventListener('resize', handleResize);
         handleResize();
         return function () { return window.removeEventListener('resize', handleResize); };
-    }, []);
+    }, [window]);
     return size;
 }

package/dist/lib/utils/useWindowSize.mjs

@@ -1,2 +1,2 @@
-import{useState as n,useEffect as e}from"react";function r(){var r=n(250),t=r[0],i=r[1];return e((function(){function n(){var n=130+.15*window.innerWidth;n=Math.max(n,250),n=Math.min(n,300),i(n)}return window.addEventListener("resize",n),n(),function(){return window.removeEventListener("resize",n)}}),[]),t}export{r as useWindowSize};
+import{useState as n,useEffect as e}from"react";function i(){var i=n(250),r=i[0],t=i[1];return e((function(){function n(){if(window){var n=130+.15*window.innerWidth;n=Math.max(n,250),n=Math.min(n,300),t(n)}}return window.addEventListener("resize",n),n(),function(){return window.removeEventListener("resize",n)}}),[window]),r}export{i as useWindowSize};
 //# sourceMappingURL=useWindowSize.mjs.map

package/dist/lib/utils/useWindowSize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.mjs","sources":["../../lib/utils/useWindowSize.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nvar MIN_SIZE = 250;\nexport function useWindowSize() {\n    var _a = useState(MIN_SIZE), size = _a[0], setSize = _a[1];\n    useEffect(function () {\n        function handleResize() {\n            var width = 130 + window.innerWidth * 0.15;\n            width = Math.max(width, MIN_SIZE);\n            width = Math.min(width, 300);\n            setSize(width);\n        }\n        window.addEventListener('resize', handleResize);\n        handleResize();\n        return function () { return window.removeEventListener('resize', handleResize); };\n    }, []);\n    return size;\n}\n"],"names":["useWindowSize","_a","useState","size","setSize","useEffect","handleResize","width","window","innerWidth","Math","max","min","addEventListener","removeEventListener"],"mappings":"gDAEO,SAASA,IACZ,IAAIC,EAAKC,EAFE,KAEkBC,EAAOF,EAAG,GAAIG,EAAUH,EAAG,GAYxD,OAXAI,GAAU,WACN,SAASC,IACL,IAAIC,EAAQ,IAA0B,IAApBC,OAAOC,WACzBF,EAAQG,KAAKC,IAAIJ,EANd,KAOHA,EAAQG,KAAKE,IAAIL,EAAO,KACxBH,EAAQG,EACX,CAGD,OAFAC,OAAOK,iBAAiB,SAAUP,GAClCA,IACO,WAAc,OAAOE,OAAOM,oBAAoB,SAAUR,GACpE,GAAE,IACIH,CACX"}
+{"version":3,"file":"useWindowSize.mjs","sources":["../../lib/utils/useWindowSize.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nvar MIN_SIZE = 250;\nexport function useWindowSize() {\n    var _a = useState(MIN_SIZE), size = _a[0], setSize = _a[1];\n    useEffect(function () {\n        function handleResize() {\n            if (!window)\n                return;\n            var width = 130 + window.innerWidth * 0.15;\n            width = Math.max(width, MIN_SIZE);\n            width = Math.min(width, 300);\n            setSize(width);\n        }\n        window.addEventListener('resize', handleResize);\n        handleResize();\n        return function () { return window.removeEventListener('resize', handleResize); };\n    }, [window]);\n    return size;\n}\n"],"names":["useWindowSize","_a","useState","size","setSize","useEffect","handleResize","window","width","innerWidth","Math","max","min","addEventListener","removeEventListener"],"mappings":"gDAEO,SAASA,IACZ,IAAIC,EAAKC,EAFE,KAEkBC,EAAOF,EAAG,GAAIG,EAAUH,EAAG,GAcxD,OAbAI,GAAU,WACN,SAASC,IACL,GAAKC,OAAL,CAEA,IAAIC,EAAQ,IAA0B,IAApBD,OAAOE,WACzBD,EAAQE,KAAKC,IAAIH,EARd,KASHA,EAAQE,KAAKE,IAAIJ,EAAO,KACxBJ,EAAQI,EAJG,CAKd,CAGD,OAFAD,OAAOM,iBAAiB,SAAUP,GAClCA,IACO,WAAc,OAAOC,OAAOO,oBAAoB,SAAUR,GACzE,GAAO,CAACC,SACGJ,CACX"}