@os-design/media 1.0.15 → 1.0.17

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,9 +34,7 @@ Object.defineProperty(exports, "useIsWidth", {
     return _useIsWidth["default"];
   }
 });
-
 var _media = _interopRequireWildcard(require("./media"));
-
 Object.keys(_media).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -49,16 +46,10 @@ Object.keys(_media).forEach(function (key) {
     }
   });
 });
-
 var _useIsMaxWidth = _interopRequireDefault(require("./useIsMaxWidth"));
-
 var _useIsMinWidth = _interopRequireDefault(require("./useIsMinWidth"));
-
 var _useIsWidth = _interopRequireDefault(require("./useIsWidth"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as m } from './media';\nexport { default as useIsMaxWidth } from './useIsMaxWidth';\nexport { default as useIsMinWidth } from './useIsMinWidth';\nexport { default as useIsWidth } from './useIsWidth';\n\nexport * from './media';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAKA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAJA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as m } from './media';\nexport { default as useIsMaxWidth } from './useIsMaxWidth';\nexport { default as useIsMinWidth } from './useIsMinWidth';\nexport { default as useIsWidth } from './useIsWidth';\n\nexport * from './media';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAKA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAJA;AACA;AACA;AAAqD;AAAA;AAAA"}

package/dist/cjs/media/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["minBreakpoints","xs","sm","md","lg","xl","xxl","maxBreakpoints","xxs","min","Object","keys","reduce","res","key","max","m"],"sources":["../../../src/media/index.ts"],"sourcesContent":["interface Breakpoints {\n  xxs: number;\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  xxl: number;\n}\n\ntype Index<T> = {\n  [key in keyof T]: string;\n};\n\nexport type MinBreakpoints = Omit<Breakpoints, 'xxs'>;\nexport type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;\n\nexport const minBreakpoints: MinBreakpoints = {\n  xs: 480,\n  sm: 576,\n  md: 786,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nexport const maxBreakpoints: MaxBreakpoints = {\n  xxs: minBreakpoints.xs - 1,\n  xs: minBreakpoints.sm - 1,\n  sm: minBreakpoints.md - 1,\n  md: minBreakpoints.lg - 1,\n  lg: minBreakpoints.xl - 1,\n  xl: minBreakpoints.xxl - 1,\n};\n\nconst min = Object.keys(minBreakpoints).reduce<Index<MinBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (min-width: ${minBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MinBreakpoints>\n);\n\nconst max = Object.keys(maxBreakpoints).reduce<Index<MaxBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (max-width: ${maxBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MaxBreakpoints>\n);\n\nconst m = {\n  min,\n  max,\n};\n\nexport default m;\n"],"mappings":";;;;;;AAiBO,IAAMA,cAA8B,GAAG;EAC5CC,EAAE,EAAE,GADwC;EAE5CC,EAAE,EAAE,GAFwC;EAG5CC,EAAE,EAAE,GAHwC;EAI5CC,EAAE,EAAE,GAJwC;EAK5CC,EAAE,EAAE,IALwC;EAM5CC,GAAG,EAAE;AANuC,CAAvC;;AASA,IAAMC,cAA8B,GAAG;EAC5CC,GAAG,EAAER,cAAc,CAACC,EAAf,GAAoB,CADmB;EAE5CA,EAAE,EAAED,cAAc,CAACE,EAAf,GAAoB,CAFoB;EAG5CA,EAAE,EAAEF,cAAc,CAACG,EAAf,GAAoB,CAHoB;EAI5CA,EAAE,EAAEH,cAAc,CAACI,EAAf,GAAoB,CAJoB;EAK5CA,EAAE,EAAEJ,cAAc,CAACK,EAAf,GAAoB,CALoB;EAM5CA,EAAE,EAAEL,cAAc,CAACM,GAAf,GAAqB;AANmB,CAAvC;;AASP,IAAMG,GAAG,GAAGC,MAAM,CAACC,IAAP,CAAYX,cAAZ,EAA4BY,MAA5B,CACV,UAACC,GAAD,EAAMC,GAAN,EAAc;EACZD,GAAG,CAACC,GAAD,CAAH,gCAAiCd,cAAc,CAACc,GAAD,CAA/C;EACA,OAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,IAAME,GAAG,GAAGL,MAAM,CAACC,IAAP,CAAYJ,cAAZ,EAA4BK,MAA5B,CACV,UAACC,GAAD,EAAMC,GAAN,EAAc;EACZD,GAAG,CAACC,GAAD,CAAH,gCAAiCP,cAAc,CAACO,GAAD,CAA/C;EACA,OAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,IAAMG,CAAC,GAAG;EACRP,GAAG,EAAHA,GADQ;EAERM,GAAG,EAAHA;AAFQ,CAAV;eAKeC,C"}
+{"version":3,"file":"index.js","names":["minBreakpoints","xs","sm","md","lg","xl","xxl","maxBreakpoints","xxs","min","Object","keys","reduce","res","key","max","m"],"sources":["../../../src/media/index.ts"],"sourcesContent":["interface Breakpoints {\n  xxs: number;\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  xxl: number;\n}\n\ntype Index<T> = {\n  [key in keyof T]: string;\n};\n\nexport type MinBreakpoints = Omit<Breakpoints, 'xxs'>;\nexport type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;\n\nexport const minBreakpoints: MinBreakpoints = {\n  xs: 480,\n  sm: 576,\n  md: 786,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nexport const maxBreakpoints: MaxBreakpoints = {\n  xxs: minBreakpoints.xs - 1,\n  xs: minBreakpoints.sm - 1,\n  sm: minBreakpoints.md - 1,\n  md: minBreakpoints.lg - 1,\n  lg: minBreakpoints.xl - 1,\n  xl: minBreakpoints.xxl - 1,\n};\n\nconst min = Object.keys(minBreakpoints).reduce<Index<MinBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (min-width: ${minBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MinBreakpoints>\n);\n\nconst max = Object.keys(maxBreakpoints).reduce<Index<MaxBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (max-width: ${maxBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MaxBreakpoints>\n);\n\nconst m = {\n  min,\n  max,\n};\n\nexport default m;\n"],"mappings":";;;;;;AAiBO,IAAMA,cAA8B,GAAG;EAC5CC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,IAAI;EACRC,GAAG,EAAE;AACP,CAAC;AAAC;AAEK,IAAMC,cAA8B,GAAG;EAC5CC,GAAG,EAAER,cAAc,CAACC,EAAE,GAAG,CAAC;EAC1BA,EAAE,EAAED,cAAc,CAACE,EAAE,GAAG,CAAC;EACzBA,EAAE,EAAEF,cAAc,CAACG,EAAE,GAAG,CAAC;EACzBA,EAAE,EAAEH,cAAc,CAACI,EAAE,GAAG,CAAC;EACzBA,EAAE,EAAEJ,cAAc,CAACK,EAAE,GAAG,CAAC;EACzBA,EAAE,EAAEL,cAAc,CAACM,GAAG,GAAG;AAC3B,CAAC;AAAC;AAEF,IAAMG,GAAG,GAAGC,MAAM,CAACC,IAAI,CAACX,cAAc,CAAC,CAACY,MAAM,CAC5C,UAACC,GAAG,EAAEC,GAAG,EAAK;EACZD,GAAG,CAACC,GAAG,CAAC,gCAAyBd,cAAc,CAACc,GAAG,CAAC,QAAK;EACzD,OAAOD,GAAG;AACZ,CAAC,EACD,CAAC,CAAC,CACH;AAED,IAAME,GAAG,GAAGL,MAAM,CAACC,IAAI,CAACJ,cAAc,CAAC,CAACK,MAAM,CAC5C,UAACC,GAAG,EAAEC,GAAG,EAAK;EACZD,GAAG,CAACC,GAAG,CAAC,gCAAyBP,cAAc,CAACO,GAAG,CAAC,QAAK;EACzD,OAAOD,GAAG;AACZ,CAAC,EACD,CAAC,CAAC,CACH;AAED,IAAMG,CAAC,GAAG;EACRP,GAAG,EAAHA,GAAG;EACHM,GAAG,EAAHA;AACF,CAAC;AAAC,eAEaC,CAAC;AAAA"}

package/dist/cjs/useIsMaxWidth/index.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _media = require("../media");
-
 var _useIsWidth = _interopRequireDefault(require("../useIsWidth"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Checks whether the width of the screen is less than or equal to
  * the specified media breakpoint (for example, sm).
@@ -23,7 +18,6 @@ var useIsMaxWidth = function useIsMaxWidth(breakpoint) {
   }, [breakpoint]);
   return (0, _useIsWidth["default"])(detector);
 };
-
 var _default = useIsMaxWidth;
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/useIsMaxWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useIsMaxWidth","breakpoint","detector","useCallback","width","maxBreakpoints","useIsWidth"],"sources":["../../../src/useIsMaxWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { maxBreakpoints, MaxBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is less than or equal to\n * the specified media breakpoint (for example, sm).\n */\nconst useIsMaxWidth = (breakpoint: keyof MaxBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width <= maxBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMaxWidth;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,UAAD,EAA+C;EACnE,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EACf,UAACC,KAAD;IAAA,OAAWA,KAAK,IAAIC,qBAAA,CAAeJ,UAAf,CAApB;EAAA,CADe,EAEf,CAACA,UAAD,CAFe,CAAjB;EAIA,OAAO,IAAAK,sBAAA,EAAWJ,QAAX,CAAP;AACD,CAND;;eAQeF,a"}
+{"version":3,"file":"index.js","names":["useIsMaxWidth","breakpoint","detector","useCallback","width","maxBreakpoints","useIsWidth"],"sources":["../../../src/useIsMaxWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { maxBreakpoints, MaxBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is less than or equal to\n * the specified media breakpoint (for example, sm).\n */\nconst useIsMaxWidth = (breakpoint: keyof MaxBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width <= maxBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMaxWidth;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAuC;AAEvC;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,UAAgC,EAAc;EACnE,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,UAACC,KAAK;IAAA,OAAKA,KAAK,IAAIC,qBAAc,CAACJ,UAAU,CAAC;EAAA,GAC9C,CAACA,UAAU,CAAC,CACb;EACD,OAAO,IAAAK,sBAAU,EAACJ,QAAQ,CAAC;AAC7B,CAAC;AAAC,eAEaF,aAAa;AAAA"}

package/dist/cjs/useIsMinWidth/index.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _media = require("../media");
-
 var _useIsWidth = _interopRequireDefault(require("../useIsWidth"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Checks whether the width of the screen is greater than or equal to
  * the specified media breakpoint (for example, md).
@@ -23,7 +18,6 @@ var useIsMinWidth = function useIsMinWidth(breakpoint) {
   }, [breakpoint]);
   return (0, _useIsWidth["default"])(detector);
 };
-
 var _default = useIsMinWidth;
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/useIsMinWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useIsMinWidth","breakpoint","detector","useCallback","width","minBreakpoints","useIsWidth"],"sources":["../../../src/useIsMinWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { MinBreakpoints, minBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is greater than or equal to\n * the specified media breakpoint (for example, md).\n */\nconst useIsMinWidth = (breakpoint: keyof MinBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width >= minBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMinWidth;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,UAAD,EAA+C;EACnE,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EACf,UAACC,KAAD;IAAA,OAAWA,KAAK,IAAIC,qBAAA,CAAeJ,UAAf,CAApB;EAAA,CADe,EAEf,CAACA,UAAD,CAFe,CAAjB;EAIA,OAAO,IAAAK,sBAAA,EAAWJ,QAAX,CAAP;AACD,CAND;;eAQeF,a"}
+{"version":3,"file":"index.js","names":["useIsMinWidth","breakpoint","detector","useCallback","width","minBreakpoints","useIsWidth"],"sources":["../../../src/useIsMinWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { MinBreakpoints, minBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is greater than or equal to\n * the specified media breakpoint (for example, md).\n */\nconst useIsMinWidth = (breakpoint: keyof MinBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width >= minBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMinWidth;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAuC;AAEvC;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,UAAgC,EAAc;EACnE,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,UAACC,KAAK;IAAA,OAAKA,KAAK,IAAIC,qBAAc,CAACJ,UAAU,CAAC;EAAA,GAC9C,CAACA,UAAU,CAAC,CACb;EACD,OAAO,IAAAK,sBAAU,EAACJ,QAAQ,CAAC;AAC7B,CAAC;AAAC,eAEaF,aAAa;AAAA"}

package/dist/cjs/useIsWidth/index.js

@@ -4,35 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /**
  * Checks whether the width of the screen matches the condition
  * defined by the specified function.
  */
 var useIsWidth = function useIsWidth(detector) {
   var detectorRef = (0, _react.useRef)(detector);
-
   var _useState = (0, _react.useState)(function () {
-    return detector(typeof window !== 'undefined' ? window.innerWidth : 0);
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      flag = _useState2[0],
-      setFlag = _useState2[1];
-
+      return detector(typeof window !== 'undefined' ? window.innerWidth : 0);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    flag = _useState2[0],
+    setFlag = _useState2[1];
   var updateFlag = (0, _react.useCallback)(function () {
     setFlag(detectorRef.current(window.innerWidth));
   }, []);
@@ -48,7 +38,6 @@ var useIsWidth = function useIsWidth(detector) {
   }, [updateFlag]);
   return flag;
 };
-
 var _default = useIsWidth;
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/useIsWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useIsWidth","detector","detectorRef","useRef","useState","window","innerWidth","flag","setFlag","updateFlag","useCallback","current","useEffect","addEventListener","removeEventListener"],"sources":["../../../src/useIsWidth/index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * Checks whether the width of the screen matches the condition\n * defined by the specified function.\n */\nconst useIsWidth = (detector: (width: number) => boolean): boolean => {\n  const detectorRef = useRef<(width: number) => boolean>(detector);\n  const [flag, setFlag] = useState(() =>\n    detector(typeof window !== 'undefined' ? window.innerWidth : 0)\n  );\n\n  const updateFlag = useCallback(() => {\n    setFlag(detectorRef.current(window.innerWidth));\n  }, []);\n\n  useEffect(() => {\n    detectorRef.current = detector;\n    updateFlag();\n  }, [detector, updateFlag]);\n\n  useEffect(() => {\n    window.addEventListener('resize', updateFlag);\n    return () => window.removeEventListener('resize', updateFlag);\n  }, [updateFlag]);\n\n  return flag;\n};\n\nexport default useIsWidth;\n"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAAmD;EACpE,IAAMC,WAAW,GAAG,IAAAC,aAAA,EAAmCF,QAAnC,CAApB;;EACA,gBAAwB,IAAAG,eAAA,EAAS;IAAA,OAC/BH,QAAQ,CAAC,OAAOI,MAAP,KAAkB,WAAlB,GAAgCA,MAAM,CAACC,UAAvC,GAAoD,CAArD,CADuB;EAAA,CAAT,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAIA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACnCF,OAAO,CAACN,WAAW,CAACS,OAAZ,CAAoBN,MAAM,CAACC,UAA3B,CAAD,CAAP;EACD,CAFkB,EAEhB,EAFgB,CAAnB;EAIA,IAAAM,gBAAA,EAAU,YAAM;IACdV,WAAW,CAACS,OAAZ,GAAsBV,QAAtB;IACAQ,UAAU;EACX,CAHD,EAGG,CAACR,QAAD,EAAWQ,UAAX,CAHH;EAKA,IAAAG,gBAAA,EAAU,YAAM;IACdP,MAAM,CAACQ,gBAAP,CAAwB,QAAxB,EAAkCJ,UAAlC;IACA,OAAO;MAAA,OAAMJ,MAAM,CAACS,mBAAP,CAA2B,QAA3B,EAAqCL,UAArC,CAAN;IAAA,CAAP;EACD,CAHD,EAGG,CAACA,UAAD,CAHH;EAKA,OAAOF,IAAP;AACD,CArBD;;eAuBeP,U"}
+{"version":3,"file":"index.js","names":["useIsWidth","detector","detectorRef","useRef","useState","window","innerWidth","flag","setFlag","updateFlag","useCallback","current","useEffect","addEventListener","removeEventListener"],"sources":["../../../src/useIsWidth/index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * Checks whether the width of the screen matches the condition\n * defined by the specified function.\n */\nconst useIsWidth = (detector: (width: number) => boolean): boolean => {\n  const detectorRef = useRef<(width: number) => boolean>(detector);\n  const [flag, setFlag] = useState(() =>\n    detector(typeof window !== 'undefined' ? window.innerWidth : 0)\n  );\n\n  const updateFlag = useCallback(() => {\n    setFlag(detectorRef.current(window.innerWidth));\n  }, []);\n\n  useEffect(() => {\n    detectorRef.current = detector;\n    updateFlag();\n  }, [detector, updateFlag]);\n\n  useEffect(() => {\n    window.addEventListener('resize', updateFlag);\n    return () => window.removeEventListener('resize', updateFlag);\n  }, [updateFlag]);\n\n  return flag;\n};\n\nexport default useIsWidth;\n"],"mappings":";;;;;;AAAA;AAAiE;AAAA;AAAA;AAAA;AAAA;AAAA;AAEjE;AACA;AACA;AACA;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,QAAoC,EAAc;EACpE,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAA6BF,QAAQ,CAAC;EAChE,gBAAwB,IAAAG,eAAQ,EAAC;MAAA,OAC/BH,QAAQ,CAAC,OAAOI,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC;IAAA,EAChE;IAAA;IAFMC,IAAI;IAAEC,OAAO;EAIpB,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCF,OAAO,CAACN,WAAW,CAACS,OAAO,CAACN,MAAM,CAACC,UAAU,CAAC,CAAC;EACjD,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAM,gBAAS,EAAC,YAAM;IACdV,WAAW,CAACS,OAAO,GAAGV,QAAQ;IAC9BQ,UAAU,EAAE;EACd,CAAC,EAAE,CAACR,QAAQ,EAAEQ,UAAU,CAAC,CAAC;EAE1B,IAAAG,gBAAS,EAAC,YAAM;IACdP,MAAM,CAACQ,gBAAgB,CAAC,QAAQ,EAAEJ,UAAU,CAAC;IAC7C,OAAO;MAAA,OAAMJ,MAAM,CAACS,mBAAmB,CAAC,QAAQ,EAAEL,UAAU,CAAC;IAAA;EAC/D,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,OAAOF,IAAI;AACb,CAAC;AAAC,eAEaP,UAAU;AAAA"}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","m","useIsMaxWidth","useIsMinWidth","useIsWidth"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as m } from './media';\nexport { default as useIsMaxWidth } from './useIsMaxWidth';\nexport { default as useIsMinWidth } from './useIsMinWidth';\nexport { default as useIsWidth } from './useIsWidth';\n\nexport * from './media';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,CAApB,QAA6B,SAA7B;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC;AACA,SAASF,OAAO,IAAIG,aAApB,QAAyC,iBAAzC;AACA,SAASH,OAAO,IAAII,UAApB,QAAsC,cAAtC;AAEA,cAAc,SAAd"}
+{"version":3,"file":"index.js","names":["default","m","useIsMaxWidth","useIsMinWidth","useIsWidth"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as m } from './media';\nexport { default as useIsMaxWidth } from './useIsMaxWidth';\nexport { default as useIsMinWidth } from './useIsMinWidth';\nexport { default as useIsWidth } from './useIsWidth';\n\nexport * from './media';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,CAAC,QAAQ,SAAS;AACtC,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAIG,aAAa,QAAQ,iBAAiB;AAC1D,SAASH,OAAO,IAAII,UAAU,QAAQ,cAAc;AAEpD,cAAc,SAAS"}

package/dist/esm/media/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["minBreakpoints","xs","sm","md","lg","xl","xxl","maxBreakpoints","xxs","min","Object","keys","reduce","res","key","max","m"],"sources":["../../../src/media/index.ts"],"sourcesContent":["interface Breakpoints {\n  xxs: number;\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  xxl: number;\n}\n\ntype Index<T> = {\n  [key in keyof T]: string;\n};\n\nexport type MinBreakpoints = Omit<Breakpoints, 'xxs'>;\nexport type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;\n\nexport const minBreakpoints: MinBreakpoints = {\n  xs: 480,\n  sm: 576,\n  md: 786,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nexport const maxBreakpoints: MaxBreakpoints = {\n  xxs: minBreakpoints.xs - 1,\n  xs: minBreakpoints.sm - 1,\n  sm: minBreakpoints.md - 1,\n  md: minBreakpoints.lg - 1,\n  lg: minBreakpoints.xl - 1,\n  xl: minBreakpoints.xxl - 1,\n};\n\nconst min = Object.keys(minBreakpoints).reduce<Index<MinBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (min-width: ${minBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MinBreakpoints>\n);\n\nconst max = Object.keys(maxBreakpoints).reduce<Index<MaxBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (max-width: ${maxBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MaxBreakpoints>\n);\n\nconst m = {\n  min,\n  max,\n};\n\nexport default m;\n"],"mappings":"AAiBA,OAAO,MAAMA,cAA8B,GAAG;EAC5CC,EAAE,EAAE,GADwC;EAE5CC,EAAE,EAAE,GAFwC;EAG5CC,EAAE,EAAE,GAHwC;EAI5CC,EAAE,EAAE,GAJwC;EAK5CC,EAAE,EAAE,IALwC;EAM5CC,GAAG,EAAE;AANuC,CAAvC;AASP,OAAO,MAAMC,cAA8B,GAAG;EAC5CC,GAAG,EAAER,cAAc,CAACC,EAAf,GAAoB,CADmB;EAE5CA,EAAE,EAAED,cAAc,CAACE,EAAf,GAAoB,CAFoB;EAG5CA,EAAE,EAAEF,cAAc,CAACG,EAAf,GAAoB,CAHoB;EAI5CA,EAAE,EAAEH,cAAc,CAACI,EAAf,GAAoB,CAJoB;EAK5CA,EAAE,EAAEJ,cAAc,CAACK,EAAf,GAAoB,CALoB;EAM5CA,EAAE,EAAEL,cAAc,CAACM,GAAf,GAAqB;AANmB,CAAvC;AASP,MAAMG,GAAG,GAAGC,MAAM,CAACC,IAAP,CAAYX,cAAZ,EAA4BY,MAA5B,CACV,CAACC,GAAD,EAAMC,GAAN,KAAc;EACZD,GAAG,CAACC,GAAD,CAAH,GAAY,sBAAqBd,cAAc,CAACc,GAAD,CAAM,KAArD;EACA,OAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,MAAME,GAAG,GAAGL,MAAM,CAACC,IAAP,CAAYJ,cAAZ,EAA4BK,MAA5B,CACV,CAACC,GAAD,EAAMC,GAAN,KAAc;EACZD,GAAG,CAACC,GAAD,CAAH,GAAY,sBAAqBP,cAAc,CAACO,GAAD,CAAM,KAArD;EACA,OAAOD,GAAP;AACD,CAJS,EAKV,EALU,CAAZ;AAQA,MAAMG,CAAC,GAAG;EACRP,GADQ;EAERM;AAFQ,CAAV;AAKA,eAAeC,CAAf"}
+{"version":3,"file":"index.js","names":["minBreakpoints","xs","sm","md","lg","xl","xxl","maxBreakpoints","xxs","min","Object","keys","reduce","res","key","max","m"],"sources":["../../../src/media/index.ts"],"sourcesContent":["interface Breakpoints {\n  xxs: number;\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  xxl: number;\n}\n\ntype Index<T> = {\n  [key in keyof T]: string;\n};\n\nexport type MinBreakpoints = Omit<Breakpoints, 'xxs'>;\nexport type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;\n\nexport const minBreakpoints: MinBreakpoints = {\n  xs: 480,\n  sm: 576,\n  md: 786,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nexport const maxBreakpoints: MaxBreakpoints = {\n  xxs: minBreakpoints.xs - 1,\n  xs: minBreakpoints.sm - 1,\n  sm: minBreakpoints.md - 1,\n  md: minBreakpoints.lg - 1,\n  lg: minBreakpoints.xl - 1,\n  xl: minBreakpoints.xxl - 1,\n};\n\nconst min = Object.keys(minBreakpoints).reduce<Index<MinBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (min-width: ${minBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MinBreakpoints>\n);\n\nconst max = Object.keys(maxBreakpoints).reduce<Index<MaxBreakpoints>>(\n  (res, key) => {\n    res[key] = `@media (max-width: ${maxBreakpoints[key]}px)`;\n    return res;\n  },\n  {} as Index<MaxBreakpoints>\n);\n\nconst m = {\n  min,\n  max,\n};\n\nexport default m;\n"],"mappings":"AAiBA,OAAO,MAAMA,cAA8B,GAAG;EAC5CC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,IAAI;EACRC,GAAG,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,cAA8B,GAAG;EAC5CC,GAAG,EAAER,cAAc,CAACC,EAAE,GAAG,CAAC;EAC1BA,EAAE,EAAED,cAAc,CAACE,EAAE,GAAG,CAAC;EACzBA,EAAE,EAAEF,cAAc,CAACG,EAAE,GAAG,CAAC;EACzBA,EAAE,EAAEH,cAAc,CAACI,EAAE,GAAG,CAAC;EACzBA,EAAE,EAAEJ,cAAc,CAACK,EAAE,GAAG,CAAC;EACzBA,EAAE,EAAEL,cAAc,CAACM,GAAG,GAAG;AAC3B,CAAC;AAED,MAAMG,GAAG,GAAGC,MAAM,CAACC,IAAI,CAACX,cAAc,CAAC,CAACY,MAAM,CAC5C,CAACC,GAAG,EAAEC,GAAG,KAAK;EACZD,GAAG,CAACC,GAAG,CAAC,GAAI,sBAAqBd,cAAc,CAACc,GAAG,CAAE,KAAI;EACzD,OAAOD,GAAG;AACZ,CAAC,EACD,CAAC,CAAC,CACH;AAED,MAAME,GAAG,GAAGL,MAAM,CAACC,IAAI,CAACJ,cAAc,CAAC,CAACK,MAAM,CAC5C,CAACC,GAAG,EAAEC,GAAG,KAAK;EACZD,GAAG,CAACC,GAAG,CAAC,GAAI,sBAAqBP,cAAc,CAACO,GAAG,CAAE,KAAI;EACzD,OAAOD,GAAG;AACZ,CAAC,EACD,CAAC,CAAC,CACH;AAED,MAAMG,CAAC,GAAG;EACRP,GAAG;EACHM;AACF,CAAC;AAED,eAAeC,CAAC"}

package/dist/esm/useIsMaxWidth/index.js

@@ -1,15 +1,14 @@
 import { useCallback } from 'react';
 import { maxBreakpoints } from '../media';
 import useIsWidth from '../useIsWidth';
+
 /**
  * Checks whether the width of the screen is less than or equal to
  * the specified media breakpoint (for example, sm).
  */
-
 const useIsMaxWidth = breakpoint => {
   const detector = useCallback(width => width <= maxBreakpoints[breakpoint], [breakpoint]);
   return useIsWidth(detector);
 };
-
 export default useIsMaxWidth;
 //# sourceMappingURL=index.js.map

package/dist/esm/useIsMaxWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useCallback","maxBreakpoints","useIsWidth","useIsMaxWidth","breakpoint","detector","width"],"sources":["../../../src/useIsMaxWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { maxBreakpoints, MaxBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is less than or equal to\n * the specified media breakpoint (for example, sm).\n */\nconst useIsMaxWidth = (breakpoint: keyof MaxBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width <= maxBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMaxWidth;\n"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AACA,SAASC,cAAT,QAA+C,UAA/C;AACA,OAAOC,UAAP,MAAuB,eAAvB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,UAAD,IAA+C;EACnE,MAAMC,QAAQ,GAAGL,WAAW,CACzBM,KAAD,IAAWA,KAAK,IAAIL,cAAc,CAACG,UAAD,CADR,EAE1B,CAACA,UAAD,CAF0B,CAA5B;EAIA,OAAOF,UAAU,CAACG,QAAD,CAAjB;AACD,CAND;;AAQA,eAAeF,aAAf"}
+{"version":3,"file":"index.js","names":["useCallback","maxBreakpoints","useIsWidth","useIsMaxWidth","breakpoint","detector","width"],"sources":["../../../src/useIsMaxWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { maxBreakpoints, MaxBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is less than or equal to\n * the specified media breakpoint (for example, sm).\n */\nconst useIsMaxWidth = (breakpoint: keyof MaxBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width <= maxBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMaxWidth;\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,cAAc,QAAwB,UAAU;AACzD,OAAOC,UAAU,MAAM,eAAe;;AAEtC;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAIC,UAAgC,IAAc;EACnE,MAAMC,QAAQ,GAAGL,WAAW,CACzBM,KAAK,IAAKA,KAAK,IAAIL,cAAc,CAACG,UAAU,CAAC,EAC9C,CAACA,UAAU,CAAC,CACb;EACD,OAAOF,UAAU,CAACG,QAAQ,CAAC;AAC7B,CAAC;AAED,eAAeF,aAAa"}

package/dist/esm/useIsMinWidth/index.js

@@ -1,15 +1,14 @@
 import { useCallback } from 'react';
 import { minBreakpoints } from '../media';
 import useIsWidth from '../useIsWidth';
+
 /**
  * Checks whether the width of the screen is greater than or equal to
  * the specified media breakpoint (for example, md).
  */
-
 const useIsMinWidth = breakpoint => {
   const detector = useCallback(width => width >= minBreakpoints[breakpoint], [breakpoint]);
   return useIsWidth(detector);
 };
-
 export default useIsMinWidth;
 //# sourceMappingURL=index.js.map

package/dist/esm/useIsMinWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useCallback","minBreakpoints","useIsWidth","useIsMinWidth","breakpoint","detector","width"],"sources":["../../../src/useIsMinWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { MinBreakpoints, minBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is greater than or equal to\n * the specified media breakpoint (for example, md).\n */\nconst useIsMinWidth = (breakpoint: keyof MinBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width >= minBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMinWidth;\n"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AACA,SAAyBC,cAAzB,QAA+C,UAA/C;AACA,OAAOC,UAAP,MAAuB,eAAvB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,UAAD,IAA+C;EACnE,MAAMC,QAAQ,GAAGL,WAAW,CACzBM,KAAD,IAAWA,KAAK,IAAIL,cAAc,CAACG,UAAD,CADR,EAE1B,CAACA,UAAD,CAF0B,CAA5B;EAIA,OAAOF,UAAU,CAACG,QAAD,CAAjB;AACD,CAND;;AAQA,eAAeF,aAAf"}
+{"version":3,"file":"index.js","names":["useCallback","minBreakpoints","useIsWidth","useIsMinWidth","breakpoint","detector","width"],"sources":["../../../src/useIsMinWidth/index.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { MinBreakpoints, minBreakpoints } from '../media';\nimport useIsWidth from '../useIsWidth';\n\n/**\n * Checks whether the width of the screen is greater than or equal to\n * the specified media breakpoint (for example, md).\n */\nconst useIsMinWidth = (breakpoint: keyof MinBreakpoints): boolean => {\n  const detector = useCallback(\n    (width) => width >= minBreakpoints[breakpoint],\n    [breakpoint]\n  );\n  return useIsWidth(detector);\n};\n\nexport default useIsMinWidth;\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAAyBC,cAAc,QAAQ,UAAU;AACzD,OAAOC,UAAU,MAAM,eAAe;;AAEtC;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAIC,UAAgC,IAAc;EACnE,MAAMC,QAAQ,GAAGL,WAAW,CACzBM,KAAK,IAAKA,KAAK,IAAIL,cAAc,CAACG,UAAU,CAAC,EAC9C,CAACA,UAAU,CAAC,CACb;EACD,OAAOF,UAAU,CAACG,QAAQ,CAAC;AAC7B,CAAC;AAED,eAAeF,aAAa"}

package/dist/esm/useIsWidth/index.js

@@ -1,9 +1,9 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
+
 /**
  * Checks whether the width of the screen matches the condition
  * defined by the specified function.
  */
-
 const useIsWidth = detector => {
   const detectorRef = useRef(detector);
   const [flag, setFlag] = useState(() => detector(typeof window !== 'undefined' ? window.innerWidth : 0));
@@ -20,6 +20,5 @@ const useIsWidth = detector => {
   }, [updateFlag]);
   return flag;
 };
-
 export default useIsWidth;
 //# sourceMappingURL=index.js.map

package/dist/esm/useIsWidth/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useCallback","useEffect","useRef","useState","useIsWidth","detector","detectorRef","flag","setFlag","window","innerWidth","updateFlag","current","addEventListener","removeEventListener"],"sources":["../../../src/useIsWidth/index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * Checks whether the width of the screen matches the condition\n * defined by the specified function.\n */\nconst useIsWidth = (detector: (width: number) => boolean): boolean => {\n  const detectorRef = useRef<(width: number) => boolean>(detector);\n  const [flag, setFlag] = useState(() =>\n    detector(typeof window !== 'undefined' ? window.innerWidth : 0)\n  );\n\n  const updateFlag = useCallback(() => {\n    setFlag(detectorRef.current(window.innerWidth));\n  }, []);\n\n  useEffect(() => {\n    detectorRef.current = detector;\n    updateFlag();\n  }, [detector, updateFlag]);\n\n  useEffect(() => {\n    window.addEventListener('resize', updateFlag);\n    return () => window.removeEventListener('resize', updateFlag);\n  }, [updateFlag]);\n\n  return flag;\n};\n\nexport default useIsWidth;\n"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,SAAtB,EAAiCC,MAAjC,EAAyCC,QAAzC,QAAyD,OAAzD;AAEA;AACA;AACA;AACA;;AACA,MAAMC,UAAU,GAAIC,QAAD,IAAmD;EACpE,MAAMC,WAAW,GAAGJ,MAAM,CAA6BG,QAA7B,CAA1B;EACA,MAAM,CAACE,IAAD,EAAOC,OAAP,IAAkBL,QAAQ,CAAC,MAC/BE,QAAQ,CAAC,OAAOI,MAAP,KAAkB,WAAlB,GAAgCA,MAAM,CAACC,UAAvC,GAAoD,CAArD,CADsB,CAAhC;EAIA,MAAMC,UAAU,GAAGX,WAAW,CAAC,MAAM;IACnCQ,OAAO,CAACF,WAAW,CAACM,OAAZ,CAAoBH,MAAM,CAACC,UAA3B,CAAD,CAAP;EACD,CAF6B,EAE3B,EAF2B,CAA9B;EAIAT,SAAS,CAAC,MAAM;IACdK,WAAW,CAACM,OAAZ,GAAsBP,QAAtB;IACAM,UAAU;EACX,CAHQ,EAGN,CAACN,QAAD,EAAWM,UAAX,CAHM,CAAT;EAKAV,SAAS,CAAC,MAAM;IACdQ,MAAM,CAACI,gBAAP,CAAwB,QAAxB,EAAkCF,UAAlC;IACA,OAAO,MAAMF,MAAM,CAACK,mBAAP,CAA2B,QAA3B,EAAqCH,UAArC,CAAb;EACD,CAHQ,EAGN,CAACA,UAAD,CAHM,CAAT;EAKA,OAAOJ,IAAP;AACD,CArBD;;AAuBA,eAAeH,UAAf"}
+{"version":3,"file":"index.js","names":["useCallback","useEffect","useRef","useState","useIsWidth","detector","detectorRef","flag","setFlag","window","innerWidth","updateFlag","current","addEventListener","removeEventListener"],"sources":["../../../src/useIsWidth/index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * Checks whether the width of the screen matches the condition\n * defined by the specified function.\n */\nconst useIsWidth = (detector: (width: number) => boolean): boolean => {\n  const detectorRef = useRef<(width: number) => boolean>(detector);\n  const [flag, setFlag] = useState(() =>\n    detector(typeof window !== 'undefined' ? window.innerWidth : 0)\n  );\n\n  const updateFlag = useCallback(() => {\n    setFlag(detectorRef.current(window.innerWidth));\n  }, []);\n\n  useEffect(() => {\n    detectorRef.current = detector;\n    updateFlag();\n  }, [detector, updateFlag]);\n\n  useEffect(() => {\n    window.addEventListener('resize', updateFlag);\n    return () => window.removeEventListener('resize', updateFlag);\n  }, [updateFlag]);\n\n  return flag;\n};\n\nexport default useIsWidth;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;;AAEhE;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAIC,QAAoC,IAAc;EACpE,MAAMC,WAAW,GAAGJ,MAAM,CAA6BG,QAAQ,CAAC;EAChE,MAAM,CAACE,IAAI,EAAEC,OAAO,CAAC,GAAGL,QAAQ,CAAC,MAC/BE,QAAQ,CAAC,OAAOI,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC,CAChE;EAED,MAAMC,UAAU,GAAGX,WAAW,CAAC,MAAM;IACnCQ,OAAO,CAACF,WAAW,CAACM,OAAO,CAACH,MAAM,CAACC,UAAU,CAAC,CAAC;EACjD,CAAC,EAAE,EAAE,CAAC;EAENT,SAAS,CAAC,MAAM;IACdK,WAAW,CAACM,OAAO,GAAGP,QAAQ;IAC9BM,UAAU,EAAE;EACd,CAAC,EAAE,CAACN,QAAQ,EAAEM,UAAU,CAAC,CAAC;EAE1BV,SAAS,CAAC,MAAM;IACdQ,MAAM,CAACI,gBAAgB,CAAC,QAAQ,EAAEF,UAAU,CAAC;IAC7C,OAAO,MAAMF,MAAM,CAACK,mBAAmB,CAAC,QAAQ,EAAEH,UAAU,CAAC;EAC/D,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,OAAOJ,IAAI;AACb,CAAC;AAED,eAAeH,UAAU"}

package/dist/types/media/index.d.ts

@@ -7,11 +7,11 @@ interface Breakpoints {
     xl: number;
     xxl: number;
 }
-declare type Index<T> = {
+type Index<T> = {
     [key in keyof T]: string;
 };
-export declare type MinBreakpoints = Omit<Breakpoints, 'xxs'>;
-export declare type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;
+export type MinBreakpoints = Omit<Breakpoints, 'xxs'>;
+export type MaxBreakpoints = Omit<Breakpoints, 'xxl'>;
 export declare const minBreakpoints: MinBreakpoints;
 export declare const maxBreakpoints: MaxBreakpoints;
 declare const m: {

package/dist/types/media/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/media/index.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb;AAED,aAAK,KAAK,CAAC,CAAC,IAAI;KACb,GAAG,IAAI,MAAM,CAAC,GAAG,MAAM;CACzB,CAAC;AAEF,oBAAY,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AACtD,oBAAY,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,cAAc,EAAE,cAO5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAO5B,CAAC;AAkBF,QAAA,MAAM,CAAC;;;CAGN,CAAC;AAEF,eAAe,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/media/index.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,KAAK,CAAC,CAAC,IAAI;KACb,GAAG,IAAI,MAAM,CAAC,GAAG,MAAM;CACzB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,cAAc,EAAE,cAO5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAO5B,CAAC;AAkBF,QAAA,MAAM,CAAC;;;CAGN,CAAC;AAEF,eAAe,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/media",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -31,5 +31,5 @@
   "peerDependencies": {
     "react": ">=18"
   },
-  "gitHead": "174987fc6c9d55db201be10abde3a4cf5a790573"
+  "gitHead": "f880a39dbb61019eeb6f3b1bb083678d47a5e348"
 }