@homecode/ui 4.21.2 → 4.21.4

package/dist/esm/index.js

@@ -73,11 +73,12 @@ import * as resizeObserver from './src/tools/resizeObserver.js';
 export { resizeObserver };
 import * as queryParams from './src/tools/queryParams.js';
 export { queryParams };
+export { useThrottle } from './src/hooks/useThrottle.js';
 export { useDebounce } from './src/hooks/useDebounce.js';
 import 'react';
-export { useThrottle } from './src/hooks/useThrottle.js';
 export { useIsMounted } from './src/hooks/useIsMounted.js';
 export { useListKeyboardControl } from './src/hooks/useListKeyboardControl.js';
+export { useResizeObserver } from './src/hooks/useResizeObserver.js';
 import * as Form_types from './src/components/Form/Form.types.js';
 export { Form_types as FormTypes };
 export { SubmitButtons } from './src/components/Form/SubmitButtons/SubmitButtons.js';

package/dist/esm/src/components/Icon/icons/index.js

@@ -36,6 +36,7 @@ var ICONS = {
     image: () => import('./image.svg.js'),
     instagram: () => import('./instagram.svg.js'),
     home: () => import('./home.svg.js'),
+    layers: () => import('./layers.svg.js'),
     link: () => import('./link.svg.js'),
     loader: () => import('./loader.svg.js'),
     map: () => import('./map.svg.js'),

package/dist/esm/src/components/Icon/icons/layers.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+var _path, _path2;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgLayers = function SvgLayers(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M6.07 6.144C3.046 7.721.476 9.101.355 9.191c-.12.107-.196.364-.166.577.045.348.65.712 5.775 3.396 3.16 1.637 5.88 2.987 6.047 2.987.454-.016 11.46-5.822 11.686-6.171.409-.622.832-.38-8.587-5.261-1.542-.804-2.978-1.456-3.174-1.456-.197 0-2.843 1.304-5.866 2.881"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M1.444 13.38c-1.013.53-1.225.712-1.255 1.046-.045.334.06.47.53.773 1.48.925 10.93 5.716 11.262 5.716.378 0 10.96-5.428 11.505-5.883a.73.73 0 0 0 .227-.621c-.03-.319-.273-.516-1.285-1.046l-1.24-.652-4.279 2.244c-3.764 1.97-4.369 2.244-4.973 2.228-.59 0-1.33-.348-4.944-2.228a375 375 0 0 0-4.293-2.23c-.03.016-.59.304-1.255.653"
+  })));
+};
+
+export { SvgLayers as default };

package/dist/esm/src/components/Menu/Menu.js

@@ -4,6 +4,7 @@ import cn from 'classnames';
 import { Scroll } from '../Scroll/Scroll.js';
 import S from './Menu.styl.js';
 
+// @ts-ignore
 const MenuComponent = forwardRef(({ children, className, ...props }, ref) => {
     return (
     // @ts-ignore

package/dist/esm/src/components/Shimmer/Shimmer.styl.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Shimmer_root__XaY5r{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.Shimmer_inner__zssMV{animation:Shimmer_shimmer__hGfzF 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);background:linear-gradient(90deg,transparent 0,var(--shimmer-color,var(--accent-color-alpha-200,hsla(0,0%,100%,.2))) 50%,transparent 100%);inset:0;position:absolute}.Shimmer_size-s__EYKhC{border-radius:4px}.Shimmer_round__rwhjn.Shimmer_size-s__EYKhC{border-radius:15px}.Shimmer_size-m__AYziL{border-radius:6px}.Shimmer_round__rwhjn.Shimmer_size-m__AYziL{border-radius:20px}.Shimmer_size-l__GqE0a{border-radius:8px}.Shimmer_round__rwhjn.Shimmer_size-l__GqE0a{border-radius:25px}@keyframes Shimmer_shimmer__hGfzF{0%{transform:translateX(-100%)}20%{transform:translateX(100%)}to{transform:translateX(100%)}}";
+var css_248z = ".Shimmer_root__XaY5r{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.Shimmer_inner__zssMV{animation:Shimmer_shimmer__hGfzF 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);background:linear-gradient(90deg,transparent 0,var(--shimmer-color,var(--accent-color-alpha-200,hsla(0,0%,100%,.2))) 50%,transparent 100%);inset:0;position:absolute}.Shimmer_size-s__EYKhC{border-radius:4px}.Shimmer_round__rwhjn.Shimmer_size-s__EYKhC{border-radius:15px}.Shimmer_size-m__AYziL{border-radius:6px}.Shimmer_round__rwhjn.Shimmer_size-m__AYziL{border-radius:20px}.Shimmer_size-l__GqE0a{border-radius:8px}.Shimmer_round__rwhjn.Shimmer_size-l__GqE0a{border-radius:25px}@keyframes Shimmer_shimmer__hGfzF{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}";
 var S = {"root":"Shimmer_root__XaY5r","inner":"Shimmer_inner__zssMV","shimmer":"Shimmer_shimmer__hGfzF","size-s":"Shimmer_size-s__EYKhC","round":"Shimmer_round__rwhjn","size-m":"Shimmer_size-m__AYziL","size-l":"Shimmer_size-l__GqE0a"};
 styleInject(css_248z);
 

package/dist/esm/src/hooks/useResizeObserver.js

@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+
+const useResizeObserver = (ref, callback) => {
+    useEffect(() => {
+        if (!ref.current)
+            return;
+        const observer = new ResizeObserver(entries => {
+            callback(entries[0]);
+        });
+        observer.observe(ref.current);
+        return () => observer.disconnect();
+    }, [ref, callback]);
+};
+
+export { useResizeObserver };

package/dist/esm/types/src/components/Icon/icons/index.d.ts

@@ -36,6 +36,7 @@ declare const _default: {
     image: () => Promise<any>;
     instagram: () => Promise<any>;
     home: () => Promise<any>;
+    layers: () => Promise<any>;
     link: () => Promise<any>;
     loader: () => Promise<any>;
     map: () => Promise<any>;

package/dist/esm/types/src/components/Menu/Menu.d.ts

@@ -1,6 +1,5 @@
-import { Scroll } from 'uilib/components/Scroll/Scroll';
 import { MenuGroupProps, MenuItemProps, MenuProps } from './Menu.types';
-export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<typeof Scroll>> & {
+export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<Scroll>> & {
     Item: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
     Group: import("react").FC<MenuGroupProps>;
 };

package/dist/esm/types/src/hooks/index.d.ts

@@ -1,5 +1,6 @@
+export * from './useThrottle';
 export * from './useDebounce';
 export * from './useEvent';
-export * from './useThrottle';
 export * from './useIsMounted';
 export * from './useListKeyboardControl';
+export * from './useResizeObserver';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.21.2",
+  "version": "4.21.4",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",