@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

package/dist/cjs/hooks/src/useInterceptFocus.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useInterceptFocus", {
+    enumerable: true,
+    get: ()=>useInterceptFocus
+});
+const _react = require("react");
+const useInterceptFocus = ()=>{
+    const savedElement = (0, _react.useRef)(null);
+    const restoreFocus = (0, _react.useCallback)(()=>{
+        if (!(savedElement.current instanceof HTMLElement)) return;
+        savedElement.current.focus();
+    }, []);
+    const interceptFocus = (0, _react.useCallback)((node)=>{
+        savedElement.current = document.activeElement;
+        const isFocusInside = node.contains(document.activeElement);
+        if (isFocusInside) return;
+        node.focus();
+    }, []);
+    return [
+        interceptFocus,
+        restoreFocus
+    ];
+};
+
+//# sourceMappingURL=useInterceptFocus.js.map

package/dist/cjs/hooks/src/useInterceptFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/hooks/src/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n  (node: HTMLElement) => void,\n  () => void\n] => {\n  const savedElement = useRef<Element | null>(null)\n\n  const restoreFocus = useCallback(() => {\n    if (!(savedElement.current instanceof HTMLElement)) return\n    savedElement.current.focus()\n  }, [])\n\n  const interceptFocus = useCallback((node: HTMLElement) => {\n    savedElement.current = document.activeElement\n\n    const isFocusInside = node.contains(document.activeElement)\n    if (isFocusInside) return\n\n    node.focus()\n  }, [])\n\n  return [interceptFocus, restoreFocus]\n}\n"],"names":["useInterceptFocus","savedElement","useRef","restoreFocus","useCallback","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":"AAAA;;;;+BAEaA,mBAAiB;;aAAjBA,iBAAiB;;uBAFM,OAAO;AAEpC,MAAMA,iBAAiB,GAAG,IAG5B;IACH,MAAMC,YAAY,GAAGC,IAAAA,MAAM,OAAA,EAAiB,IAAI,CAAC;IAEjD,MAAMC,YAAY,GAAGC,IAAAA,MAAW,YAAA,EAAC,IAAM;QACrC,IAAI,CAAC,CAACH,YAAY,CAACI,OAAO,YAAYC,WAAW,CAAC,EAAE,OAAM;QAC1DL,YAAY,CAACI,OAAO,CAACE,KAAK,EAAE;IAC9B,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMC,cAAc,GAAGJ,IAAAA,MAAW,YAAA,EAAC,CAACK,IAAiB,GAAK;QACxDR,YAAY,CAACI,OAAO,GAAGK,QAAQ,CAACC,aAAa;QAE7C,MAAMC,aAAa,GAAGH,IAAI,CAACI,QAAQ,CAACH,QAAQ,CAACC,aAAa,CAAC;QAC3D,IAAIC,aAAa,EAAE,OAAM;QAEzBH,IAAI,CAACF,KAAK,EAAE;IACd,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;QAACC,cAAc;QAAEL,YAAY;KAAC,CAAA;AACvC,CAAC"}

package/dist/cjs/hooks/src/useIsomorphicLayoutEffect.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
+    enumerable: true,
+    get: ()=>useIsomorphicLayoutEffect
+});
+const _react = require("react");
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
+
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/cjs/hooks/src/useIsomorphicLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/hooks/src/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n// use this instead of useLayoutEffect for SSR\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":"AAAA;;;;+BAGaA,2BAAyB;;aAAzBA,yBAAyB;;uBAHK,OAAO;AAG3C,MAAMA,yBAAyB,GACpC,OAAOC,MAAM,KAAK,WAAW,GAAGC,MAAe,gBAAA,GAAGC,MAAS,UAAA"}

package/dist/cjs/hooks/src/useLockScroll.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useLockScroll", {
+    enumerable: true,
+    get: ()=>useLockScroll
+});
+const _react = require("react");
+const getScrollbarSize = ()=>{
+    const tempDiv = document.createElement('div');
+    Object.assign(tempDiv.style, {
+        position: 'absolute',
+        left: '-9000px',
+        width: '100px',
+        height: '100px',
+        overflow: 'scroll'
+    });
+    document.body.appendChild(tempDiv);
+    const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth;
+    document.body.removeChild(tempDiv);
+    return scrollbarSize;
+};
+const isVerticalScroll = (element)=>{
+    const isBody = document.body === element;
+    return isBody ? window.innerWidth > document.documentElement.clientWidth : element.scrollHeight > element.clientHeight;
+};
+const getPaddingRight = (element)=>{
+    return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;
+};
+const setStyleProperty = (element, property, value)=>{
+    if (value) {
+        element.style.setProperty(property, value);
+    } else {
+        element.style.removeProperty(property);
+    }
+};
+const useLockScroll = function() {
+    let element = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : document.body;
+    const lockScroll = (0, _react.useCallback)(()=>{
+        if (!isVerticalScroll(element)) return;
+        const previousValues = {
+            paddingRight: element.style.paddingRight,
+            overflow: element.style.overflow
+        };
+        const paddingRight = getPaddingRight(element) + getScrollbarSize();
+        setStyleProperty(element, 'padding-right', `${paddingRight}px`);
+        setStyleProperty(element, 'overflow', 'hidden');
+        const unlockScroll = ()=>{
+            const { paddingRight , overflow  } = previousValues;
+            setStyleProperty(element, 'padding-right', paddingRight);
+            setStyleProperty(element, 'overflow', overflow);
+        };
+        return unlockScroll;
+    }, [
+        element
+    ]);
+    (0, _react.useLayoutEffect)(()=>{
+        const unlockScroll = lockScroll();
+        return unlockScroll;
+    }, [
+        lockScroll
+    ]);
+};
+
+//# sourceMappingURL=useLockScroll.js.map

package/dist/cjs/hooks/src/useLockScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/hooks/src/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n  const tempDiv = document.createElement('div')\n\n  Object.assign(tempDiv.style, {\n    position: 'absolute',\n    left: '-9000px',\n    width: '100px',\n    height: '100px',\n    overflow: 'scroll',\n  })\n\n  document.body.appendChild(tempDiv)\n  const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n  document.body.removeChild(tempDiv)\n\n  return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n  const isBody = document.body === element\n\n  return isBody\n    ? window.innerWidth > document.documentElement.clientWidth\n    : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n  return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n  element: HTMLElement,\n  property: string,\n  value?: string\n): void => {\n  if (value) {\n    element.style.setProperty(property, value)\n  } else {\n    element.style.removeProperty(property)\n  }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n  const lockScroll = useCallback(() => {\n    if (!isVerticalScroll(element)) return\n\n    const previousValues = {\n      paddingRight: element.style.paddingRight,\n      overflow: element.style.overflow,\n    }\n\n    const paddingRight = getPaddingRight(element) + getScrollbarSize()\n    setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n    setStyleProperty(element, 'overflow', 'hidden')\n\n    const unlockScroll = () => {\n      const { paddingRight, overflow } = previousValues\n\n      setStyleProperty(element, 'padding-right', paddingRight)\n      setStyleProperty(element, 'overflow', overflow)\n    }\n\n    return unlockScroll\n  }, [element])\n\n  useLayoutEffect(() => {\n    const unlockScroll = lockScroll()\n    return unlockScroll\n  }, [lockScroll])\n}\n"],"names":["useLockScroll","getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","window","innerWidth","documentElement","scrollHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","lockScroll","useCallback","previousValues","unlockScroll","useLayoutEffect"],"mappings":"AAAA;;;;+BA4CaA,eAAa;;aAAbA,aAAa;;uBA5CmB,OAAO;AAEpD,MAAMC,gBAAgB,GAAG,IAAc;IACrC,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAE7CC,MAAM,CAACC,MAAM,CAACJ,OAAO,CAACK,KAAK,EAAE;QAC3BC,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAE,SAAS;QACfC,KAAK,EAAE,OAAO;QACdC,MAAM,EAAE,OAAO;QACfC,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEFT,QAAQ,CAACU,IAAI,CAACC,WAAW,CAACZ,OAAO,CAAC;IAClC,MAAMa,aAAa,GAAGb,OAAO,CAACc,WAAW,GAAGd,OAAO,CAACe,WAAW;IAC/Dd,QAAQ,CAACU,IAAI,CAACK,WAAW,CAAChB,OAAO,CAAC;IAElC,OAAOa,aAAa,CAAA;AACtB,CAAC;AAED,MAAMI,gBAAgB,GAAG,CAACC,OAAoB,GAAc;IAC1D,MAAMC,MAAM,GAAGlB,QAAQ,CAACU,IAAI,KAAKO,OAAO;IAExC,OAAOC,MAAM,GACTC,MAAM,CAACC,UAAU,GAAGpB,QAAQ,CAACqB,eAAe,CAACP,WAAW,GACxDG,OAAO,CAACK,YAAY,GAAGL,OAAO,CAACM,YAAY,CAAA;AACjD,CAAC;AAED,MAAMC,eAAe,GAAG,CAACP,OAAoB,GAAa;IACxD,OAAOQ,QAAQ,CAACN,MAAM,CAACO,gBAAgB,CAACT,OAAO,CAAC,CAACU,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,CAAA;AACzE,CAAC;AAED,MAAMC,gBAAgB,GAAG,CACvBX,OAAoB,EACpBY,QAAgB,EAChBC,KAAc,GACL;IACT,IAAIA,KAAK,EAAE;QACTb,OAAO,CAACb,KAAK,CAAC2B,WAAW,CAACF,QAAQ,EAAEC,KAAK,CAAC;IAC5C,OAAO;QACLb,OAAO,CAACb,KAAK,CAAC4B,cAAc,CAACH,QAAQ,CAAC;IACxC,CAAC;AACH,CAAC;AAEM,MAAMhC,aAAa,GAAG,WAAgD;QAA/CoB,OAAoB,oEAAGjB,QAAQ,CAACU,IAAI;IAChE,MAAMuB,UAAU,GAAGC,IAAAA,MAAW,YAAA,EAAC,IAAM;QACnC,IAAI,CAAClB,gBAAgB,CAACC,OAAO,CAAC,EAAE,OAAM;QAEtC,MAAMkB,cAAc,GAAG;YACrBR,YAAY,EAAEV,OAAO,CAACb,KAAK,CAACuB,YAAY;YACxClB,QAAQ,EAAEQ,OAAO,CAACb,KAAK,CAACK,QAAQ;SACjC;QAED,MAAMkB,YAAY,GAAGH,eAAe,CAACP,OAAO,CAAC,GAAGnB,gBAAgB,EAAE;QAClE8B,gBAAgB,CAACX,OAAO,EAAE,eAAe,EAAE,CAAC,EAAEU,YAAY,CAAC,EAAE,CAAC,CAAC;QAC/DC,gBAAgB,CAACX,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC;QAE/C,MAAMmB,YAAY,GAAG,IAAM;YACzB,MAAM,EAAET,YAAY,CAAA,EAAElB,QAAQ,CAAA,EAAE,GAAG0B,cAAc;YAEjDP,gBAAgB,CAACX,OAAO,EAAE,eAAe,EAAEU,YAAY,CAAC;YACxDC,gBAAgB,CAACX,OAAO,EAAE,UAAU,EAAER,QAAQ,CAAC;QACjD,CAAC;QAED,OAAO2B,YAAY,CAAA;IACrB,CAAC,EAAE;QAACnB,OAAO;KAAC,CAAC;IAEboB,IAAAA,MAAe,gBAAA,EAAC,IAAM;QACpB,MAAMD,YAAY,GAAGH,UAAU,EAAE;QACjC,OAAOG,YAAY,CAAA;IACrB,CAAC,EAAE;QAACH,UAAU;KAAC,CAAC;AAClB,CAAC"}

package/dist/cjs/hooks/src/useMergeRefs.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMergeRefs", {
+    enumerable: true,
+    get: ()=>useMergeRefs
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _useCallbackRef = require("use-callback-ref");
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const useMergeRefs = (refs)=>{
+    return (0, _useCallbackRef.useMergeRefs)(refs.filter((ref)=>!!ref));
+};
+
+//# sourceMappingURL=useMergeRefs.js.map

package/dist/cjs/hooks/src/useMergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/hooks/src/useMergeRefs.ts"],"sourcesContent":["import { useMergeRefs as useCallbackMergeRefs } from 'use-callback-ref'\nimport React from 'react'\n\nexport const useMergeRefs = <T extends HTMLElement>(\n  refs: (React.ForwardedRef<T | null> | undefined)[]\n): React.MutableRefObject<T | null> => {\n  return useCallbackMergeRefs(\n    refs.filter((ref): ref is React.ForwardedRef<T> => !!ref)\n  )\n}\n"],"names":["useMergeRefs","refs","useCallbackMergeRefs","filter","ref"],"mappings":"AAAA;;;;+BAGaA,cAAY;;aAAZA,YAAY;;;gCAH4B,kBAAkB;4DACrD,OAAO;AAElB,MAAMA,YAAY,GAAG,CAC1BC,IAAkD,GACb;IACrC,OAAOC,IAAAA,eAAoB,aAAA,EACzBD,IAAI,CAACE,MAAM,CAAC,CAACC,GAAG,GAAmC,CAAC,CAACA,GAAG,CAAC,CAC1D,CAAA;AACH,CAAC"}

package/dist/cjs/hooks/src/useOutsideClick.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOutsideClick", {
+    enumerable: true,
+    get: ()=>useOutsideClick
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const useOutsideClick = (callback)=>{
+    const ref = (0, _react.useRef)(null);
+    const handleOutsideClick = (0, _react.useCallback)((event)=>{
+        const popover = ref.current;
+        const { target  } = event;
+        if (!(target instanceof Element)) return;
+        const isOutside = (popover === null || popover === void 0 ? void 0 : popover.contains(target)) === false;
+        if (isOutside) callback === null || callback === void 0 ? void 0 : callback();
+    }, [
+        callback
+    ]);
+    (0, _react.useEffect)(()=>{
+        document.addEventListener('mousedown', handleOutsideClick);
+        return ()=>document.removeEventListener('mousedown', handleOutsideClick);
+    }, [
+        handleOutsideClick
+    ]);
+    return {
+        ref
+    };
+};
+
+//# sourceMappingURL=useOutsideClick.js.map

package/dist/cjs/hooks/src/useOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/hooks/src/useOutsideClick.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react'\n\nexport const useOutsideClick = <T extends HTMLDivElement>(\n  callback?: () => void\n): {\n  ref: React.RefObject<T>\n} => {\n  const ref = useRef<T>(null)\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const popover = ref.current\n      const { target } = event\n\n      if (!(target instanceof Element)) return\n\n      const isOutside = popover?.contains(target) === false\n      if (isOutside) callback?.()\n    },\n    [callback]\n  )\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleOutsideClick)\n\n    return () => document.removeEventListener('mousedown', handleOutsideClick)\n  }, [handleOutsideClick])\n\n  return { ref }\n}\n"],"names":["useOutsideClick","callback","ref","useRef","handleOutsideClick","useCallback","event","popover","current","target","Element","isOutside","contains","useEffect","document","addEventListener","removeEventListener"],"mappings":"AAAA;;;;+BAEaA,iBAAe;;aAAfA,eAAe;;;6DAF0B,OAAO;AAEtD,MAAMA,eAAe,GAAG,CAC7BC,QAAqB,GAGlB;IACH,MAAMC,GAAG,GAAGC,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAE3B,MAAMC,kBAAkB,GAAGC,IAAAA,MAAW,YAAA,EACpC,CAACC,KAAiB,GAAK;QACrB,MAAMC,OAAO,GAAGL,GAAG,CAACM,OAAO;QAC3B,MAAM,EAAEC,MAAM,CAAA,EAAE,GAAGH,KAAK;QAExB,IAAI,CAAC,CAACG,MAAM,YAAYC,OAAO,CAAC,EAAE,OAAM;QAExC,MAAMC,SAAS,GAAGJ,CAAAA,OAAO,aAAPA,OAAO,WAAU,GAAjBA,KAAAA,CAAiB,GAAjBA,OAAO,CAAEK,QAAQ,CAACH,MAAM,CAAC,MAAK,KAAK;QACrD,IAAIE,SAAS,EAAEV,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;IAC7B,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAEDY,IAAAA,MAAS,UAAA,EAAC,IAAM;QACdC,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEX,kBAAkB,CAAC;QAE1D,OAAO,IAAMU,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEZ,kBAAkB,CAAC,CAAA;IAC5E,CAAC,EAAE;QAACA,kBAAkB;KAAC,CAAC;IAExB,OAAO;QAAEF,GAAG;KAAE,CAAA;AAChB,CAAC"}

package/dist/cjs/hooks/src/useSystemTheme.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useSystemTheme", {
+    enumerable: true,
+    get: ()=>useSystemTheme
+});
+const _react = require("react");
+const _theme = require("../../theme/src/index");
+const useSystemTheme = ()=>{
+    const [systemTheme, setSystemTheme] = (0, _react.useState)();
+    (0, _react.useEffect)(()=>{
+        const mql = window.matchMedia('(prefers-color-scheme: dark)');
+        const setThemeFromQuery = (param)=>{
+            let { matches  } = param;
+            setSystemTheme(matches ? _theme.THEME.dark : _theme.THEME.light);
+        };
+        mql.addEventListener('change', setThemeFromQuery);
+        setThemeFromQuery(mql);
+        return ()=>{
+            mql.removeEventListener('change', setThemeFromQuery);
+        };
+    }, []);
+    return systemTheme;
+};
+
+//# sourceMappingURL=useSystemTheme.js.map

package/dist/cjs/hooks/src/useSystemTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/hooks/src/useSystemTheme.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { THEME } from '@lidofinance/theme'\n\nexport const useSystemTheme = (): THEME | undefined => {\n  const [systemTheme, setSystemTheme] = useState<THEME>()\n\n  useEffect(() => {\n    const mql = window.matchMedia('(prefers-color-scheme: dark)')\n\n    const setThemeFromQuery = ({ matches }: { matches: boolean }) => {\n      setSystemTheme(matches ? THEME.dark : THEME.light)\n    }\n\n    mql.addEventListener('change', setThemeFromQuery)\n    setThemeFromQuery(mql)\n\n    return () => {\n      mql.removeEventListener('change', setThemeFromQuery)\n    }\n  }, [])\n\n  return systemTheme\n}\n"],"names":["useSystemTheme","systemTheme","setSystemTheme","useState","useEffect","mql","window","matchMedia","setThemeFromQuery","matches","THEME","dark","light","addEventListener","removeEventListener"],"mappings":"AAAA;;;;+BAIaA,gBAAc;;aAAdA,cAAc;;uBAJS,OAAO;uBAErB,uBAAoB;AAEnC,MAAMA,cAAc,GAAG,IAAyB;IACrD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,IAAAA,MAAQ,SAAA,GAAS;IAEvDC,IAAAA,MAAS,UAAA,EAAC,IAAM;QACd,MAAMC,GAAG,GAAGC,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC;QAE7D,MAAMC,iBAAiB,GAAG,SAAuC;gBAAtC,EAAEC,OAAO,CAAA,EAAwB;YAC1DP,cAAc,CAACO,OAAO,GAAGC,MAAK,MAAA,CAACC,IAAI,GAAGD,MAAK,MAAA,CAACE,KAAK,CAAC;QACpD,CAAC;QAEDP,GAAG,CAACQ,gBAAgB,CAAC,QAAQ,EAAEL,iBAAiB,CAAC;QACjDA,iBAAiB,CAACH,GAAG,CAAC;QAEtB,OAAO,IAAM;YACXA,GAAG,CAACS,mBAAmB,CAAC,QAAQ,EAAEN,iBAAiB,CAAC;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC;IAEN,OAAOP,WAAW,CAAA;AACpB,CAAC"}

package/dist/cjs/hooks/src/useWindowSize.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useWindowSize", {
+    enumerable: true,
+    get: ()=>useWindowSize
+});
+const _react = require("react");
+const getWindowSize = ()=>{
+    const width = window.innerWidth;
+    const height = window.innerHeight;
+    return [
+        width,
+        height
+    ];
+};
+const useWindowSize = ()=>{
+    const [size, setSize] = (0, _react.useState)(getWindowSize);
+    const handleResize = (0, _react.useCallback)(()=>{
+        setSize(getWindowSize());
+    }, []);
+    (0, _react.useEffect)(()=>{
+        window.addEventListener('resize', handleResize);
+        return ()=>window.removeEventListener('resize', handleResize);
+    }, [
+        handleResize
+    ]);
+    return size;
+};
+
+//# sourceMappingURL=useWindowSize.js.map

package/dist/cjs/hooks/src/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/hooks/src/useWindowSize.ts"],"sourcesContent":["import { useCallback, useState, useEffect } from 'react'\n\ntype WindowSize = [width: number, height: number]\n\nconst getWindowSize = (): WindowSize => {\n  const width = window.innerWidth\n  const height = window.innerHeight\n\n  return [width, height]\n}\n\nexport const useWindowSize = (): WindowSize => {\n  const [size, setSize] = useState(getWindowSize)\n\n  const handleResize = useCallback(() => {\n    setSize(getWindowSize())\n  }, [])\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize)\n\n    return () => window.removeEventListener('resize', handleResize)\n  }, [handleResize])\n\n  return size\n}\n"],"names":["useWindowSize","getWindowSize","width","window","innerWidth","height","innerHeight","size","setSize","useState","handleResize","useCallback","useEffect","addEventListener","removeEventListener"],"mappings":"AAAA;;;;+BAWaA,eAAa;;aAAbA,aAAa;;uBAXuB,OAAO;AAIxD,MAAMC,aAAa,GAAG,IAAkB;IACtC,MAAMC,KAAK,GAAGC,MAAM,CAACC,UAAU;IAC/B,MAAMC,MAAM,GAAGF,MAAM,CAACG,WAAW;IAEjC,OAAO;QAACJ,KAAK;QAAEG,MAAM;KAAC,CAAA;AACxB,CAAC;AAEM,MAAML,aAAa,GAAG,IAAkB;IAC7C,MAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAACR,aAAa,CAAC;IAE/C,MAAMS,YAAY,GAAGC,IAAAA,MAAW,YAAA,EAAC,IAAM;QACrCH,OAAO,CAACP,aAAa,EAAE,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC;IAENW,IAAAA,MAAS,UAAA,EAAC,IAAM;QACdT,MAAM,CAACU,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC;QAE/C,OAAO,IAAMP,MAAM,CAACW,mBAAmB,CAAC,QAAQ,EAAEJ,YAAY,CAAC,CAAA;IACjE,CAAC,EAAE;QAACA,YAAY;KAAC,CAAC;IAElB,OAAOH,IAAI,CAAA;AACb,CAAC"}

package/dist/cjs/icons/converter/index.js

@@ -0,0 +1,90 @@
+"use strict";
+const svgr = require('@svgr/core').default;
+const svgrSvgo = require('@svgr/plugin-svgo').default;
+const svgrJsx = require('@svgr/plugin-jsx').default;
+const svgrPrettier = require('@svgr/plugin-prettier').default;
+const indexTemplate = require('./template.index.js');
+const fs = require('fs/promises');
+const { extname , resolve  } = require('path');
+const SRC_DIR = resolve(__dirname, '../src/svg');
+const DEST_FILE = resolve(__dirname, '../src/index.tsx');
+const svgoConfig = {
+    plugins: [
+        {
+            removeStyleElement: true
+        },
+        {
+            removeScriptElement: true
+        },
+        {
+            removeViewBox: false
+        },
+        {
+            removeTitle: false
+        },
+        {
+            removeUnknownsAndDefaults: false
+        },
+        {
+            removeAttrs: {
+                attrs: [
+                    '(class|style)',
+                    'svg:fill',
+                    'aria-labelledby',
+                    'aria-describedby',
+                    'xmlns:xlink',
+                    'xmlns',
+                    'data-name', 
+                ]
+            }
+        }, 
+    ],
+    multipass: true
+};
+const upperFirst = (string)=>{
+    return string.charAt(0).toUpperCase() + string.slice(1);
+};
+const convertToPascalCase = (name)=>{
+    return name.match(/([a-z0-9]+)/gi).map(upperFirst).join('');
+};
+const readFolder = async (folder)=>{
+    const files = await fs.readdir(folder);
+    const filtered = files.filter((file)=>extname(file) === '.svg');
+    return await Promise.all(filtered.map(async (file)=>{
+        const data = await fs.readFile(resolve(folder, file));
+        return {
+            code: data.toString(),
+            name: file.replace('.svg', '')
+        };
+    }));
+};
+const convertFiles = async ()=>{
+    const svgData = await readFolder(SRC_DIR);
+    const componentsCode = await Promise.all(svgData.map(async (param)=>{
+        let { code , name  } = param;
+        const componentName = convertToPascalCase(name);
+        return await svgr(code, {
+            icon: false,
+            ref: true,
+            svgo: true,
+            typescript: true,
+            svgoConfig,
+            svgProps: {
+                fill: 'currentColor'
+            },
+            plugins: [
+                svgrSvgo,
+                svgrJsx,
+                svgrPrettier
+            ],
+            template: require('./template.component.js')
+        }, {
+            componentName
+        });
+    }));
+    const content = indexTemplate(componentsCode);
+    fs.writeFile(DEST_FILE, content);
+};
+convertFiles();
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/icons/converter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/icons/converter/index.js"],"sourcesContent":["const svgr = require('@svgr/core').default\nconst svgrSvgo = require('@svgr/plugin-svgo').default\nconst svgrJsx = require('@svgr/plugin-jsx').default\nconst svgrPrettier = require('@svgr/plugin-prettier').default\nconst indexTemplate = require('./template.index.js')\n\nconst fs = require('fs/promises')\nconst { extname, resolve } = require('path')\n\nconst SRC_DIR = resolve(__dirname, '../src/svg')\nconst DEST_FILE = resolve(__dirname, '../src/index.tsx')\n\nconst svgoConfig = {\n  plugins: [\n    { removeStyleElement: true },\n    { removeScriptElement: true },\n    { removeViewBox: false },\n    { removeTitle: false },\n    { removeUnknownsAndDefaults: false },\n    {\n      removeAttrs: {\n        attrs: [\n          '(class|style)',\n          'svg:fill',\n          'aria-labelledby',\n          'aria-describedby',\n          'xmlns:xlink',\n          'xmlns',\n          'data-name',\n        ],\n      },\n    },\n  ],\n  multipass: true,\n}\n\nconst upperFirst = (string) => {\n  return string.charAt(0).toUpperCase() + string.slice(1)\n}\n\nconst convertToPascalCase = (name) => {\n  return name\n    .match(/([a-z0-9]+)/gi)\n    .map(upperFirst)\n    .join('')\n}\n\nconst readFolder = async (folder) => {\n  const files = await fs.readdir(folder)\n  const filtered = files.filter((file) => extname(file) === '.svg')\n\n  return await Promise.all(\n    filtered.map(async (file) => {\n      const data = await fs.readFile(resolve(folder, file))\n\n      return {\n        code: data.toString(),\n        name: file.replace('.svg', ''),\n      }\n    })\n  )\n}\n\nconst convertFiles = async () => {\n  const svgData = await readFolder(SRC_DIR)\n\n  const componentsCode = await Promise.all(\n    svgData.map(async ({ code, name }) => {\n      const componentName = convertToPascalCase(name)\n\n      return await svgr(\n        code,\n        {\n          icon: false,\n          ref: true,\n          svgo: true,\n          typescript: true,\n          svgoConfig,\n          svgProps: {\n            fill: 'currentColor',\n          },\n          plugins: [svgrSvgo, svgrJsx, svgrPrettier],\n          template: require('./template.component.js'),\n        },\n        { componentName }\n      )\n    })\n  )\n\n  const content = indexTemplate(componentsCode)\n  fs.writeFile(DEST_FILE, content)\n}\n\nconvertFiles()\n"],"names":["svgr","require","default","svgrSvgo","svgrJsx","svgrPrettier","indexTemplate","fs","extname","resolve","SRC_DIR","__dirname","DEST_FILE","svgoConfig","plugins","removeStyleElement","removeScriptElement","removeViewBox","removeTitle","removeUnknownsAndDefaults","removeAttrs","attrs","multipass","upperFirst","string","charAt","toUpperCase","slice","convertToPascalCase","name","match","map","join","readFolder","folder","files","readdir","filtered","filter","file","Promise","all","data","readFile","code","toString","replace","convertFiles","svgData","componentsCode","componentName","icon","ref","svgo","typescript","svgProps","fill","template","content","writeFile"],"mappings":"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"}

package/dist/cjs/icons/converter/template.component.js

@@ -0,0 +1,14 @@
+"use strict";
+module.exports = function template(param, opts, param1) {
+    let { template  } = param, { interfaces , componentName , props , jsx  } = param1;
+    return template.ast`
+    ${interfaces}
+    export const ${componentName} = React.forwardRef(
+      function ${componentName}(${props}) {
+        return ${jsx};
+      }
+    )
+  `;
+};
+
+//# sourceMappingURL=template.component.js.map

package/dist/cjs/icons/converter/template.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/icons/converter/template.component.js"],"sourcesContent":["module.exports = function template(\n  { template },\n  opts,\n  { interfaces, componentName, props, jsx }\n) {\n  return template.ast`\n    ${interfaces}\n    export const ${componentName} = React.forwardRef(\n      function ${componentName}(${props}) {\n        return ${jsx};\n      }\n    )\n  `\n}\n"],"names":["module","exports","template","opts","interfaces","componentName","props","jsx","ast"],"mappings":"AAAAA;AAAAA,MAAM,CAACC,OAAO,GAAG,SAASC,QAAQ,CAChC,KAAY,EACZC,IAAI,EACJ,MAAyC,EACzC;QAHA,EAAED,QAAQ,CAAA,EAAE,GAAZ,KAAY,EAEZ,EAAEE,UAAU,CAAA,EAAEC,aAAa,CAAA,EAAEC,KAAK,CAAA,EAAEC,GAAG,CAAA,EAAE,GAAzC,MAAyC;IAEzC,OAAOL,QAAQ,CAACM,GAAG,CAAC;IAClB,EAAEJ,UAAU,CAAC;iBACA,EAAEC,aAAa,CAAC;eAClB,EAAEA,aAAa,CAAC,CAAC,EAAEC,KAAK,CAAC;eACzB,EAAEC,GAAG,CAAC;;;EAGnB,CAAC,CAAA;AACH,CAAC"}

package/dist/cjs/icons/converter/template.index.js

@@ -0,0 +1,10 @@
+"use strict";
+module.exports = function template(componentsCode) {
+    return [
+        '// THIS FILE IS AUTO GENERATED\n',
+        "import React from 'react'\n",
+        ...componentsCode, 
+    ].join('\n');
+};
+
+//# sourceMappingURL=template.index.js.map

package/dist/cjs/icons/converter/template.index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/icons/converter/template.index.js"],"sourcesContent":["module.exports = function template(componentsCode) {\n  return [\n    '// THIS FILE IS AUTO GENERATED\\n',\n    \"import React from 'react'\\n\",\n    ...componentsCode,\n  ].join('\\n')\n}\n"],"names":["module","exports","template","componentsCode","join"],"mappings":"AAAAA;AAAAA,MAAM,CAACC,OAAO,GAAG,SAASC,QAAQ,CAACC,cAAc,EAAE;IACjD,OAAO;QACL,kCAAkC;QAClC,6BAA6B;WAC1BA,cAAc;KAClB,CAACC,IAAI,CAAC,IAAI,CAAC,CAAA;AACd,CAAC"}