@os-design/media 1.0.24 → 1.0.26

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,SAAS,CAAC"}

package/dist/{esm/index.js → index.js}

@@ -2,5 +2,4 @@ export { default as m } from './media';
 export { default as useIsMaxWidth } from './useIsMaxWidth';
 export { default as useIsMinWidth } from './useIsMinWidth';
 export { default as useIsWidth } from './useIsWidth';
-export * from './media';
-//# sourceMappingURL=index.js.map
+export * from './media';

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

@@ -0,0 +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,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/dist/{esm/media → media}/index.js

@@ -26,5 +26,4 @@ const m = {
   min,
   max
 };
-export default m;
-//# sourceMappingURL=index.js.map
+export default m;

package/dist/useIsMaxWidth/index.d.ts

@@ -0,0 +1,8 @@
+import { type MaxBreakpoints } from '../media';
+/**
+ * Checks whether the width of the screen is less than or equal to
+ * the specified media breakpoint (for example, sm).
+ */
+declare const useIsMaxWidth: (breakpoint: keyof MaxBreakpoints) => boolean;
+export default useIsMaxWidth;
+//# sourceMappingURL=index.d.ts.map

package/dist/useIsMaxWidth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useIsMaxWidth/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/D;;;GAGG;AACH,QAAA,MAAM,aAAa,eAAgB,MAAM,cAAc,KAAG,OAMzD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/{esm/useIsMaxWidth → useIsMaxWidth}/index.js

@@ -10,5 +10,4 @@ const useIsMaxWidth = breakpoint => {
   const detector = useCallback(width => width <= maxBreakpoints[breakpoint], [breakpoint]);
   return useIsWidth(detector);
 };
-export default useIsMaxWidth;
-//# sourceMappingURL=index.js.map
+export default useIsMaxWidth;

package/dist/useIsMinWidth/index.d.ts

@@ -0,0 +1,8 @@
+import { type MinBreakpoints } from '../media';
+/**
+ * Checks whether the width of the screen is greater than or equal to
+ * the specified media breakpoint (for example, md).
+ */
+declare const useIsMinWidth: (breakpoint: keyof MinBreakpoints) => boolean;
+export default useIsMinWidth;
+//# sourceMappingURL=index.d.ts.map

package/dist/useIsMinWidth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useIsMinWidth/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,UAAU,CAAC;AAG/D;;;GAGG;AACH,QAAA,MAAM,aAAa,eAAgB,MAAM,cAAc,KAAG,OAMzD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/{esm/useIsMinWidth → useIsMinWidth}/index.js

@@ -10,5 +10,4 @@ const useIsMinWidth = breakpoint => {
   const detector = useCallback(width => width >= minBreakpoints[breakpoint], [breakpoint]);
   return useIsWidth(detector);
 };
-export default useIsMinWidth;
-//# sourceMappingURL=index.js.map
+export default useIsMinWidth;

package/dist/useIsWidth/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Checks whether the width of the screen matches the condition
+ * defined by the specified function.
+ */
+declare const useIsWidth: (detector: (width: number) => boolean) => boolean;
+export default useIsWidth;
+//# sourceMappingURL=index.d.ts.map

package/dist/useIsWidth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useIsWidth/index.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,UAAU,aAAc,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,KAAG,OAqB1D,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/{esm/useIsWidth → useIsWidth}/index.js

@@ -20,5 +20,4 @@ const useIsWidth = detector => {
   }, [updateFlag]);
   return flag;
 };
-export default useIsWidth;
-//# sourceMappingURL=index.js.map
+export default useIsWidth;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@os-design/media",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "src",
@@ -20,9 +20,8 @@
   "sideEffects": false,
   "scripts": {
     "clean": "rimraf dist",
-    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/esm --source-maps",
-    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/cjs --source-maps",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist",
+    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist",
     "build": "yarn clean && npm-run-all 'build:*'",
     "ncu": "ncu -u"
   },
@@ -32,5 +31,5 @@
   "peerDependencies": {
     "react": ">=18"
   },
-  "gitHead": "2605fbf8f46c78800cd4ba6dcb0dd895a893bf96"
+  "gitHead": "86a83e87297a07afe132782ca2c95023b7139276"
 }

package/src/media/index.mdx

@@ -0,0 +1,50 @@
+import { Meta } from '@storybook/blocks';
+import MediaExample from './index.example';
+
+<Meta title='Media/m' />
+
+# m
+
+Generates media queries.
+
+## Example of usage
+
+```ts
+import styled from '@emotion/styled';
+import { m } from '@os-design/media';
+
+const MediaExample = styled.div`
+  width: 10em;
+  height: 10em;
+  background-color: hsl(0, 0%, 90%);
+  ${m.min.md} {
+    background-color: hsl(0, 0%, 0%);
+  }
+`;
+
+export default MediaExample;
+```
+
+<MediaExample />
+
+If the screen width is greater than or equal to 786px (md), the square will be black, otherwise gray.
+
+## Possible media queries
+
+### Min width
+
+- `m.min.xs` – @media (min-width: 480px)
+- `m.min.sm` – @media (min-width: 576px)
+- `m.min.md` – @media (min-width: 786px)
+- `m.min.lg` – @media (min-width: 992px)
+- `m.min.xl` – @media (min-width: 1200px)
+- `m.min.xxl` – @media (min-width: 1600px)
+
+### Max width
+
+- `m.max.xxs` – @media (min-width: 479px)
+- `m.max.xs` – @media (min-width: 575px)
+- `m.max.sm` – @media (min-width: 785px)
+- `m.max.md` – @media (min-width: 991px)
+- `m.max.lg` – @media (min-width: 1199px)
+- `m.max.xl` – @media (min-width: 1599px)

package/src/useIsMaxWidth/index.mdx

@@ -0,0 +1,30 @@
+import { Meta } from '@storybook/blocks';
+import UseIsMaxWidthExample from './index.example';
+
+<Meta title='Media/useIsMaxWidth' />
+
+# useIsMaxWidth
+
+Checks whether the width of the screen is less than or equal to the specified media breakpoint (for example, `sm`).
+
+## Example of usage
+
+```tsx
+import React from 'react';
+import { useIsMaxWidth } from '@os-design/media';
+
+const UseIsMaxWidthExample: React.FC = () => {
+  const isMaxSm = useIsMaxWidth('sm');
+  return (
+    <div>
+      {isMaxSm
+        ? 'Less than or equal to 785px (sm). Try to increase the width of the screen.'
+        : 'Greater than 785px (sm). Try to reduce the width of the screen.'}
+    </div>
+  );
+};
+
+export default UseIsMaxWidthExample;
+```
+
+<UseIsMaxWidthExample />

package/src/useIsMaxWidth/index.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { maxBreakpoints, MaxBreakpoints } from '../media';
+import { maxBreakpoints, type MaxBreakpoints } from '../media';
 import useIsWidth from '../useIsWidth';
 
 /**

package/src/useIsMinWidth/index.mdx

@@ -0,0 +1,30 @@
+import { Meta } from '@storybook/blocks';
+import UseIsMinWidthExample from './index.example';
+
+<Meta title='Media/useIsMinWidth' />
+
+# useIsMinWidth
+
+Checks whether the width of the screen is greater than or equal to the specified media breakpoint (for example, `md`).
+
+## Example of usage
+
+```tsx
+import React from 'react';
+import { useIsMinWidth } from '@os-design/media';
+
+const UseIsMinWidthExample: React.FC = () => {
+  const isMinMd = useIsMinWidth('md');
+  return (
+    <div>
+      {isMinMd
+        ? 'Greater than or equal to 786px (md). Try to reduce the width of the screen.'
+        : 'Less than 786px (md). Try to increase the width of the screen.'}
+    </div>
+  );
+};
+
+export default UseIsMinWidthExample;
+```
+
+<UseIsMinWidthExample />

package/src/useIsMinWidth/index.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { MinBreakpoints, minBreakpoints } from '../media';
+import { type MinBreakpoints, minBreakpoints } from '../media';
 import useIsWidth from '../useIsWidth';
 
 /**

package/src/useIsWidth/index.mdx

@@ -0,0 +1,30 @@
+import { Meta } from '@storybook/blocks';
+import UseIsWidthExample from './index.example';
+
+<Meta title='Media/useIsWidth' />
+
+# useIsWidth
+
+Checks whether the width of the screen matches the condition defined by the specified function.
+
+## Example of usage
+
+```tsx
+import React from 'react';
+import { useIsWidth } from '@os-design/media';
+
+const UseIsWidthExample: React.FC = () => {
+  const isMinMd = useIsWidth((width) => width >= 786);
+  return (
+    <div>
+      {isMinMd
+        ? 'Greater than or equal to 786px. Try to reduce the width of the screen.'
+        : 'Less than 786px. Try to increase the width of the screen.'}
+    </div>
+  );
+};
+
+export default UseIsWidthExample;
+```
+
+<UseIsWidthExample />

package/dist/cjs/index.js

@@ -1,55 +0,0 @@
-"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
-});
-var _exportNames = {
-  m: true,
-  useIsMaxWidth: true,
-  useIsMinWidth: true,
-  useIsWidth: true
-};
-Object.defineProperty(exports, "m", {
-  enumerable: true,
-  get: function get() {
-    return _media["default"];
-  }
-});
-Object.defineProperty(exports, "useIsMaxWidth", {
-  enumerable: true,
-  get: function get() {
-    return _useIsMaxWidth["default"];
-  }
-});
-Object.defineProperty(exports, "useIsMinWidth", {
-  enumerable: true,
-  get: function get() {
-    return _useIsMinWidth["default"];
-  }
-});
-Object.defineProperty(exports, "useIsWidth", {
-  enumerable: true,
-  get: function get() {
-    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;
-  if (key in exports && exports[key] === _media[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _media[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 +0,0 @@
-{"version":3,"file":"index.js","names":["_media","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_useIsMaxWidth","_interopRequireDefault","_useIsMinWidth","_useIsWidth","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKAC,MAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,MAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,MAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAJA,IAAAS,cAAA,GAAAC,sBAAA,CAAAd,OAAA;AACA,IAAAe,cAAA,GAAAD,sBAAA,CAAAd,OAAA;AACA,IAAAgB,WAAA,GAAAF,sBAAA,CAAAd,OAAA;AAAqD,SAAAc,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAArB,wBAAAkB,GAAA,EAAAG,WAAA,SAAAA,WAAA,IAAAH,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAO,OAAA,CAAAP,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAQ,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAb,GAAA,CAAAK,GAAA,SAAAU,MAAA,WAAAC,qBAAA,GAAA3B,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAA4B,wBAAA,WAAAzB,GAAA,IAAAa,GAAA,QAAAb,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,GAAA,EAAAb,GAAA,SAAA0B,IAAA,GAAAF,qBAAA,GAAA3B,MAAA,CAAA4B,wBAAA,CAAAZ,GAAA,EAAAb,GAAA,cAAA0B,IAAA,KAAAA,IAAA,CAAAlB,GAAA,IAAAkB,IAAA,CAAAC,GAAA,KAAA9B,MAAA,CAAAS,cAAA,CAAAiB,MAAA,EAAAvB,GAAA,EAAA0B,IAAA,YAAAH,MAAA,CAAAvB,GAAA,IAAAa,GAAA,CAAAb,GAAA,SAAAuB,MAAA,cAAAV,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAd,GAAA,EAAAU,MAAA,YAAAA,MAAA"}

package/dist/cjs/media/index.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.minBreakpoints = exports.maxBreakpoints = exports["default"] = void 0;
-var minBreakpoints = {
-  xs: 480,
-  sm: 576,
-  md: 786,
-  lg: 992,
-  xl: 1200,
-  xxl: 1600
-};
-exports.minBreakpoints = minBreakpoints;
-var maxBreakpoints = {
-  xxs: minBreakpoints.xs - 1,
-  xs: minBreakpoints.sm - 1,
-  sm: minBreakpoints.md - 1,
-  md: minBreakpoints.lg - 1,
-  lg: minBreakpoints.xl - 1,
-  xl: minBreakpoints.xxl - 1
-};
-exports.maxBreakpoints = maxBreakpoints;
-var min = Object.keys(minBreakpoints).reduce(function (res, key) {
-  res[key] = "@media (min-width: ".concat(minBreakpoints[key], "px)");
-  return res;
-}, {});
-var max = Object.keys(maxBreakpoints).reduce(function (res, key) {
-  res[key] = "@media (max-width: ".concat(maxBreakpoints[key], "px)");
-  return res;
-}, {});
-var m = {
-  min: min,
-  max: max
-};
-var _default = m;
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["minBreakpoints","xs","sm","md","lg","xl","xxl","exports","maxBreakpoints","xxs","min","Object","keys","reduce","res","key","concat","max","m","_default"],"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;AAACC,OAAA,CAAAP,cAAA,GAAAA,cAAA;AAEK,IAAMQ,cAA8B,GAAG;EAC5CC,GAAG,EAAET,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;AAACC,OAAA,CAAAC,cAAA,GAAAA,cAAA;AAEF,IAAME,GAAG,GAAGC,MAAM,CAACC,IAAI,CAACZ,cAAc,CAAC,CAACa,MAAM,CAC5C,UAACC,GAAG,EAAEC,GAAG,EAAK;EACZD,GAAG,CAACC,GAAG,CAAC,yBAAAC,MAAA,CAAyBhB,cAAc,CAACe,GAAG,CAAC,QAAK;EACzD,OAAOD,GAAG;AACZ,CAAC,EACD,CAAC,CACH,CAAC;AAED,IAAMG,GAAG,GAAGN,MAAM,CAACC,IAAI,CAACJ,cAAc,CAAC,CAACK,MAAM,CAC5C,UAACC,GAAG,EAAEC,GAAG,EAAK;EACZD,GAAG,CAACC,GAAG,CAAC,yBAAAC,MAAA,CAAyBR,cAAc,CAACO,GAAG,CAAC,QAAK;EACzD,OAAOD,GAAG;AACZ,CAAC,EACD,CAAC,CACH,CAAC;AAED,IAAMI,CAAC,GAAG;EACRR,GAAG,EAAHA,GAAG;EACHO,GAAG,EAAHA;AACF,CAAC;AAAC,IAAAE,QAAA,GAEaD,CAAC;AAAAX,OAAA,cAAAY,QAAA"}

package/dist/cjs/useIsMaxWidth/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-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).
- */
-var useIsMaxWidth = function useIsMaxWidth(breakpoint) {
-  var detector = (0, _react.useCallback)(function (width) {
-    return width <= _media.maxBreakpoints[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 +0,0 @@
-{"version":3,"file":"index.js","names":["_react","require","_media","_useIsWidth","_interopRequireDefault","obj","__esModule","useIsMaxWidth","breakpoint","detector","useCallback","width","maxBreakpoints","useIsWidth","_default","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAuC,SAAAG,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAEvC;AACA;AACA;AACA;AACA,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,UAAgC,EAAc;EACnE,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,UAACC,KAAK;IAAA,OAAKA,KAAK,IAAIC,qBAAc,CAACJ,UAAU,CAAC;EAAA,GAC9C,CAACA,UAAU,CACb,CAAC;EACD,OAAO,IAAAK,sBAAU,EAACJ,QAAQ,CAAC;AAC7B,CAAC;AAAC,IAAAK,QAAA,GAEaP,aAAa;AAAAQ,OAAA,cAAAD,QAAA"}

package/dist/cjs/useIsMinWidth/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-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).
- */
-var useIsMinWidth = function useIsMinWidth(breakpoint) {
-  var detector = (0, _react.useCallback)(function (width) {
-    return width >= _media.minBreakpoints[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 +0,0 @@
-{"version":3,"file":"index.js","names":["_react","require","_media","_useIsWidth","_interopRequireDefault","obj","__esModule","useIsMinWidth","breakpoint","detector","useCallback","width","minBreakpoints","useIsWidth","_default","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAuC,SAAAG,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAEvC;AACA;AACA;AACA;AACA,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,UAAgC,EAAc;EACnE,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,UAACC,KAAK;IAAA,OAAKA,KAAK,IAAIC,qBAAc,CAACJ,UAAU,CAAC;EAAA,GAC9C,CAACA,UAAU,CACb,CAAC;EACD,OAAO,IAAAK,sBAAU,EAACJ,QAAQ,CAAC;AAC7B,CAAC;AAAC,IAAAK,QAAA,GAEaP,aAAa;AAAAQ,OAAA,cAAAD,QAAA"}

package/dist/cjs/useIsWidth/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-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 = 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];
-  var updateFlag = (0, _react.useCallback)(function () {
-    setFlag(detectorRef.current(window.innerWidth));
-  }, []);
-  (0, _react.useEffect)(function () {
-    detectorRef.current = detector;
-    updateFlag();
-  }, [detector, updateFlag]);
-  (0, _react.useEffect)(function () {
-    window.addEventListener('resize', updateFlag);
-    return function () {
-      return window.removeEventListener('resize', updateFlag);
-    };
-  }, [updateFlag]);
-  return flag;
-};
-var _default = useIsWidth;
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_react","require","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","useIsWidth","detector","detectorRef","useRef","_useState","useState","window","innerWidth","_useState2","flag","setFlag","updateFlag","useCallback","current","useEffect","addEventListener","removeEventListener","_default","exports"],"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":"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"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"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 +0,0 @@
-{"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,CACH,CAAC;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,CACH,CAAC;AAED,MAAMG,CAAC,GAAG;EACRP,GAAG;EACHM;AACF,CAAC;AAED,eAAeC,CAAC"}

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

@@ -1 +0,0 @@
-{"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,CACb,CAAC;EACD,OAAOF,UAAU,CAACG,QAAQ,CAAC;AAC7B,CAAC;AAED,eAAeF,aAAa"}

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

@@ -1 +0,0 @@
-{"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,CACb,CAAC;EACD,OAAOF,UAAU,CAACG,QAAQ,CAAC;AAC7B,CAAC;AAED,eAAeF,aAAa"}

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

@@ -1 +0,0 @@
-{"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,CAChE,CAAC;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,CAAC,CAAC;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/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,SAAS,CAAC"}

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

@@ -1 +0,0 @@
-{"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/dist/types/useIsMaxWidth/index.d.ts

@@ -1,4 +0,0 @@
-import { MaxBreakpoints } from '../media';
-declare const useIsMaxWidth: (breakpoint: keyof MaxBreakpoints) => boolean;
-export default useIsMaxWidth;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/useIsMaxWidth/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,cAAc,EAAE,MAAM,UAAU,CAAC;AAO1D,QAAA,MAAM,aAAa,eAAgB,MAAM,cAAc,KAAG,OAMzD,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,4 +0,0 @@
-import { MinBreakpoints } from '../media';
-declare const useIsMinWidth: (breakpoint: keyof MinBreakpoints) => boolean;
-export default useIsMinWidth;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/useIsMinWidth/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAkB,MAAM,UAAU,CAAC;AAO1D,QAAA,MAAM,aAAa,eAAgB,MAAM,cAAc,KAAG,OAMzD,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,3 +0,0 @@
-declare const useIsWidth: (detector: (width: number) => boolean) => boolean;
-export default useIsWidth;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/useIsWidth/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,qBAAsB,MAAM,KAAK,OAAO,KAAG,OAqB1D,CAAC;AAEF,eAAe,UAAU,CAAC"}