@hanzogui/react-native-media-driver 8.3.0 → 8.3.2

package/dist/native/matchQuery.js

@@ -0,0 +1,144 @@
+/*
+Copyright (c) 2014, Yahoo! Inc. All rights reserved.
+Copyrights licensed under the New BSD License.
+See the accompanying LICENSE file for terms.
+*/
+// -----------------------------------------------------------------------------
+const RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s()]+)(?:\s*and)?\s*)?(.+)?/i;
+const RE_MQ_EXPRESSION = /\(\s*([^\s:)]+)\s*(?::\s*([^\s)]+))?\s*\)/;
+const RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/;
+const RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/;
+const RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/;
+export function matchQuery(mediaQuery, values) {
+    return parseQuery(mediaQuery).some((query) => {
+        if (!query)
+            return;
+        const inverse = query.inverse;
+        // Either the parsed or specified `type` is "all", or the types must be
+        // equal for a match.
+        const typeMatch = query.type === 'all' || values.type === query.type;
+        // Quit early when `type` doesn't match, but take "not" into account.
+        if ((typeMatch && inverse) || !(typeMatch || inverse)) {
+            return false;
+        }
+        const expressionsMatch = query.expressions.every((expression) => {
+            const feature = expression.feature;
+            const modifier = expression.modifier;
+            let expValue = expression.value;
+            let value = values[feature];
+            // Missing or falsy values don't match.
+            if (!value) {
+                return false;
+            }
+            switch (feature) {
+                case 'orientation':
+                case 'scan':
+                    return value.toLowerCase() === expValue.toLowerCase();
+                case 'width':
+                case 'height':
+                case 'device-width':
+                case 'device-height':
+                    expValue = toPx(expValue);
+                    value = toPx(value);
+                    break;
+                case 'resolution':
+                    expValue = toDpi(expValue);
+                    value = toDpi(value);
+                    break;
+                case 'aspect-ratio':
+                case 'device-aspect-ratio':
+                case /* Deprecated */ 'device-pixel-ratio':
+                    expValue = toDecimal(expValue);
+                    value = toDecimal(value);
+                    break;
+                case 'grid':
+                case 'color':
+                case 'color-index':
+                case 'monochrome':
+                    expValue = Number.parseInt(expValue, 10) || 1;
+                    value = Number.parseInt(value, 10) || 0;
+                    break;
+            }
+            switch (modifier) {
+                case 'min':
+                    return value >= expValue;
+                case 'max':
+                    return value <= expValue;
+                default:
+                    return value === expValue;
+            }
+        });
+        return (expressionsMatch && !inverse) || (!expressionsMatch && inverse);
+    });
+}
+export function parseQuery(mediaQuery) {
+    return mediaQuery.split(',').map((query) => {
+        query = query.trim();
+        const captures = query.match(RE_MEDIA_QUERY);
+        if (!captures)
+            return null;
+        const modifier = captures[1];
+        const type = captures[2];
+        const expressionsCapture = captures[3] || '';
+        // Split expressions into a list.
+        const expressions = expressionsCapture.match(/\([^)]+\)/g) || [];
+        return {
+            inverse: !!modifier && modifier.toLowerCase() === 'not',
+            type: type ? type.toLowerCase() : 'all',
+            expressions: expressions.map((expression) => {
+                const captures = expression.match(RE_MQ_EXPRESSION);
+                const feature = captures[1].toLowerCase().match(RE_MQ_FEATURE);
+                return {
+                    modifier: feature[1],
+                    feature: feature[2],
+                    value: captures[2],
+                };
+            }),
+        };
+    });
+}
+// -- Utilities ----------------------------------------------------------------
+function toDecimal(ratio) {
+    let decimal = Number(ratio);
+    let numbers;
+    if (!decimal) {
+        numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/);
+        decimal = numbers[1] / numbers[2];
+    }
+    return decimal;
+}
+function toDpi(resolution) {
+    const value = Number.parseFloat(resolution);
+    const units = String(resolution).match(RE_RESOLUTION_UNIT)?.[1];
+    switch (units) {
+        case 'dpcm':
+            return value / 2.54;
+        case 'dppx':
+            return value * 96;
+        default:
+            return value;
+    }
+}
+function toPx(length) {
+    const value = Number.parseFloat(length);
+    const units = String(length).match(RE_LENGTH_UNIT)?.[1];
+    switch (units) {
+        case 'em':
+            return value * 16;
+        case 'rem':
+            return value * 16;
+        case 'cm':
+            return (value * 96) / 2.54;
+        case 'mm':
+            return (value * 96) / 2.54 / 10;
+        case 'in':
+            return value * 96;
+        case 'pt':
+            return value * 72;
+        case 'pc':
+            return (value * 72) / 12;
+        default:
+            return value;
+    }
+}
+//# sourceMappingURL=matchQuery.js.map

package/dist/native/matchQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matchQuery.js","sourceRoot":"","sources":["../../src/matchQuery.ts"],"names":[],"mappings":"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"}

package/dist/native/mediaQueryList.js

@@ -0,0 +1,49 @@
+import { Dimensions } from 'react-native';
+import { matchQuery } from './matchQuery.js';
+export class NativeMediaQueryList {
+    get orientation() {
+        const windowDimensions = Dimensions.get('window');
+        return windowDimensions.height > windowDimensions.width ? 'portrait' : 'landscape';
+    }
+    constructor(query) {
+        this.query = query;
+        this.listeners = [];
+        this.notify();
+        Dimensions.addEventListener('change', () => {
+            this.notify();
+        });
+    }
+    notify() {
+        this.listeners.forEach((listener) => {
+            listener(this.orientation);
+        });
+    }
+    addListener(listener) {
+        this.listeners.push(listener);
+    }
+    removeListener(listener) {
+        const index = this.listeners.indexOf(listener);
+        if (index !== -1)
+            this.listeners.splice(index, 1);
+    }
+    match(query, { width, height }) {
+        return matchQuery(query, {
+            type: 'screen',
+            orientation: height > width ? 'portrait' : 'landscape',
+            'device-width': width,
+            'device-height': height,
+        });
+    }
+    get matches() {
+        const windowDimensions = Dimensions.get('window');
+        const matches = matchQuery(this.query, {
+            type: 'screen',
+            orientation: this.orientation,
+            ...windowDimensions,
+            'device-width': windowDimensions.width,
+            'device-height': windowDimensions.height,
+        });
+        return matches;
+    }
+}
+//# sourceMappingURL=mediaQueryList.js.map

package/dist/native/mediaQueryList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaQueryList.js","sourceRoot":"","sources":["../../src/mediaQueryList.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAM5C,MAAM,OAAO,oBAAoB;IAG/B,IAAY,WAAW;QACrB,MAAM,gBAAgB,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QACjD,OAAO,gBAAgB,CAAC,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAA;IACpF,CAAC;IAED,YAAoB,KAAa;QAAb,UAAK,GAAL,KAAK,CAAQ;QAPzB,cAAS,GAAe,EAAE,CAAA;QAQhC,IAAI,CAAC,MAAM,EAAE,CAAA;QACb,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACzC,IAAI,CAAC,MAAM,EAAE,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAC5B,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,WAAW,CAAC,QAAkB;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC/B,CAAC;IAED,cAAc,CAAC,QAAkB;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAC9C,IAAI,KAAK,KAAK,CAAC,CAAC;YAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACnD,CAAC;IAED,KAAK,CAAC,KAAa,EAAE,EAAE,KAAK,EAAE,MAAM,EAAqC;QACvE,OAAO,UAAU,CAAC,KAAK,EAAE;YACvB,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW;YACtD,cAAc,EAAE,KAAK;YACrB,eAAe,EAAE,MAAM;SACxB,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,OAAO;QACT,MAAM,gBAAgB,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QACjD,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE;YACrC,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,GAAG,gBAAgB;YACnB,cAAc,EAAE,gBAAgB,CAAC,KAAK;YACtC,eAAe,EAAE,gBAAgB,CAAC,MAAM;SACzC,CAAC,CAAA;QACF,OAAO,OAAO,CAAA;IAChB,CAAC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/react-native-media-driver",
-  "version": "8.3.0",
+  "version": "8.3.2",
   "license": "MIT",
   "source": "src/index.ts",
   "files": [
@@ -10,19 +10,19 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/native/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     }
   },
   "publishConfig": {
@@ -35,11 +35,11 @@
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/web": "8.3.0"
+    "@hanzogui/web": "8.3.2"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.0",
-    "react-native": "0.83.2"
+    "@hanzogui/build": "8.3.2",
+    "react-native": "^0.87.1"
   },
   "repository": {
     "type": "git",

package/src/createMedia.ts

@@ -1,7 +1,7 @@
 import type { MediaQueryObject } from '@hanzogui/web'
 import { setupMatchMedia } from '@hanzogui/web'
 
-import { matchMedia } from './matchMedia'
+import { matchMedia } from './matchMedia.ts'
 
 /**
  * @deprecated you no longer need to call createMedia or import @hanzogui/react-native-media-driver at all.

package/src/index.ts

@@ -1,2 +1,2 @@
-export * from './createMedia'
-export * from './matchMedia'
+export * from './createMedia.ts'
+export * from './matchMedia.ts'

package/src/matchMedia.native.ts

@@ -1,6 +1,6 @@
 import type { MatchMedia } from '@hanzogui/web'
 
-import { NativeMediaQueryList } from './mediaQueryList'
+import { NativeMediaQueryList } from './mediaQueryList.ts'
 
 export const matchMedia: MatchMedia = (query) => {
   return new NativeMediaQueryList(query)

package/src/mediaQueryList.ts

@@ -1,7 +1,7 @@
 import type { MediaQueryList } from '@hanzogui/web'
 import { Dimensions } from 'react-native'
 
-import { matchQuery } from './matchQuery'
+import { matchQuery } from './matchQuery.ts'
 
 type Orientation = 'landscape' | 'portrait'
 

package/types/createMedia.d.ts

@@ -1,10 +1,9 @@
-import type { MediaQueryObject } from "@hanzogui/web";
+import type { MediaQueryObject } from '@hanzogui/web';
 /**
-* @deprecated you no longer need to call createMedia or import @hanzogui/react-native-media-driver at all.
-* Gui now automatically handles setting this up, you can just pass a plain object to createGui.
-*/
+ * @deprecated you no longer need to call createMedia or import @hanzogui/react-native-media-driver at all.
+ * Gui now automatically handles setting this up, you can just pass a plain object to createGui.
+ */
 export declare function createMedia<A extends {
-	[key: string]: MediaQueryObject;
+    [key: string]: MediaQueryObject;
 }>(media: A): A;
-
 //# sourceMappingURL=createMedia.d.ts.map

package/types/createMedia.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAAA,cAAc,wBAAwB;;;;;AAStC,OAAO,iBAAS,YACd,UAAU;gBACO;GAEjB,OAAO,IAAI",
-  "names": [],
-  "sources": [
-    "src/createMedia.ts"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import type { MediaQueryObject } from '@hanzogui/web'\nimport { setupMatchMedia } from '@hanzogui/web'\n\nimport { matchMedia } from './matchMedia'\n\n/**\n * @deprecated you no longer need to call createMedia or import @hanzogui/react-native-media-driver at all.\n * Gui now automatically handles setting this up, you can just pass a plain object to createGui.\n */\nexport function createMedia<\n  A extends {\n    [key: string]: MediaQueryObject\n  },\n>(media: A): A {\n  // this should ideally return a diff object that is then passed to createGui\n  // but works for now we dont really support swapping out media drivers\n  setupMatchMedia(matchMedia)\n  return media\n}\n"
-  ]
-}
+{"version":3,"file":"createMedia.d.ts","sourceRoot":"","sources":["../src/createMedia.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAKrD;;;GAGG;AACH,wBAAgB,WAAW,CACzB,CAAC,SAAS;IACR,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAChC,EACD,KAAK,EAAE,CAAC,GAAG,CAAC,CAKb"}

package/types/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./createMedia";
-export * from "./matchMedia";
-
+export * from './createMedia.ts';
+export * from './matchMedia.ts';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAAA,cAAc;AACd,cAAc",
-  "names": [],
-  "sources": [
-    "src/index.ts"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "export * from './createMedia'\nexport * from './matchMedia'\n"
-  ]
-}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA"}

package/types/matchMedia.d.ts

@@ -1,4 +1,3 @@
-import type { MatchMedia } from "@hanzogui/web";
+import type { MatchMedia } from '@hanzogui/web';
 export declare const matchMedia: MatchMedia;
-
 //# sourceMappingURL=matchMedia.d.ts.map

package/types/matchMedia.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAEA,cAAc,kBAAkB;AAEhC,OAAO,cAAM,YAAY",
-  "names": [],
-  "sources": [
-    "src/matchMedia.ts"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "// web-only use platform:\n\nimport type { MatchMedia } from '@hanzogui/web'\n\nexport const matchMedia: MatchMedia = globalThis['matchMedia']\n"
-  ]
-}
+{"version":3,"file":"matchMedia.d.ts","sourceRoot":"","sources":["../src/matchMedia.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,eAAO,MAAM,UAAU,EAAE,UAAqC,CAAA"}

package/types/matchMedia.native.d.ts

@@ -1,4 +1,3 @@
-import type { MatchMedia } from "@hanzogui/web";
+import type { MatchMedia } from '@hanzogui/web';
 export declare const matchMedia: MatchMedia;
-
 //# sourceMappingURL=matchMedia.native.d.ts.map

package/types/matchMedia.native.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAAA,cAAc,kBAAkB;AAIhC,OAAO,cAAM,YAAY",
-  "names": [],
-  "sources": [
-    "src/matchMedia.native.ts"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import type { MatchMedia } from '@hanzogui/web'\n\nimport { NativeMediaQueryList } from './mediaQueryList'\n\nexport const matchMedia: MatchMedia = (query) => {\n  return new NativeMediaQueryList(query)\n}\n"
-  ]
-}
+{"version":3,"file":"matchMedia.native.d.ts","sourceRoot":"","sources":["../src/matchMedia.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI/C,eAAO,MAAM,UAAU,EAAE,UAExB,CAAA"}

package/types/matchQuery.d.ts

@@ -1,12 +1,11 @@
 export declare function matchQuery(mediaQuery: string, values: Record<string, any>): boolean;
 export declare function parseQuery(mediaQuery: string): ({
-	inverse: boolean;
-	type: string;
-	expressions: {
-		modifier: any;
-		feature: any;
-		value: any;
-	}[];
+    inverse: boolean;
+    type: string;
+    expressions: {
+        modifier: any;
+        feature: any;
+        value: any;
+    }[];
 } | null)[];
-
 //# sourceMappingURL=matchQuery.d.ts.map

package/types/matchQuery.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAcA,OAAO,iBAAS,WAAW,oBAAoB,QAAQ;AA0EvD,OAAO,iBAAS,WAAW,sBAAsB;CAC/C;CACA;CACA,aAAa;EACX;EACA;EACA",
-  "names": [],
-  "sources": [
-    "src/matchQuery.ts"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "/*\nCopyright (c) 2014, Yahoo! Inc. All rights reserved.\nCopyrights licensed under the New BSD License.\nSee the accompanying LICENSE file for terms.\n*/\n\n// -----------------------------------------------------------------------------\n\nconst RE_MEDIA_QUERY = /(?:(only|not)?\\s*([^\\s()]+)(?:\\s*and)?\\s*)?(.+)?/i\nconst RE_MQ_EXPRESSION = /\\(\\s*([^\\s:)]+)\\s*(?::\\s*([^\\s)]+))?\\s*\\)/\nconst RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/\nconst RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/\nconst RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/\n\nexport function matchQuery(mediaQuery: string, values: Record<string, any>): boolean {\n  return parseQuery(mediaQuery).some((query) => {\n    if (!query) return\n\n    const inverse = query.inverse\n\n    // Either the parsed or specified `type` is \"all\", or the types must be\n    // equal for a match.\n    const typeMatch = query.type === 'all' || values.type === query.type\n\n    // Quit early when `type` doesn't match, but take \"not\" into account.\n    if ((typeMatch && inverse) || !(typeMatch || inverse)) {\n      return false\n    }\n\n    const expressionsMatch = query.expressions.every((expression) => {\n      const feature = expression.feature\n      const modifier = expression.modifier\n      let expValue = expression.value\n      let value = values[feature]\n\n      // Missing or falsy values don't match.\n      if (!value) {\n        return false\n      }\n\n      switch (feature) {\n        case 'orientation':\n        case 'scan':\n          return value.toLowerCase() === expValue.toLowerCase()\n\n        case 'width':\n        case 'height':\n        case 'device-width':\n        case 'device-height':\n          expValue = toPx(expValue)\n          value = toPx(value)\n          break\n\n        case 'resolution':\n          expValue = toDpi(expValue)\n          value = toDpi(value)\n          break\n\n        case 'aspect-ratio':\n        case 'device-aspect-ratio':\n        case /* Deprecated */ 'device-pixel-ratio':\n          expValue = toDecimal(expValue)\n          value = toDecimal(value)\n          break\n\n        case 'grid':\n        case 'color':\n        case 'color-index':\n        case 'monochrome':\n          expValue = Number.parseInt(expValue, 10) || 1\n          value = Number.parseInt(value, 10) || 0\n          break\n      }\n\n      switch (modifier) {\n        case 'min':\n          return value >= expValue\n        case 'max':\n          return value <= expValue\n        default:\n          return value === expValue\n      }\n    })\n\n    return (expressionsMatch && !inverse) || (!expressionsMatch && inverse)\n  })\n}\n\nexport function parseQuery(mediaQuery: string): ({\n  inverse: boolean\n  type: string\n  expressions: {\n    modifier: any\n    feature: any\n    value: any\n  }[]\n} | null)[] {\n  return mediaQuery.split(',').map((query) => {\n    query = query.trim()\n\n    const captures = query.match(RE_MEDIA_QUERY)\n\n    if (!captures) return null\n\n    const modifier = captures[1]\n    const type = captures[2]\n    const expressionsCapture = captures[3] || ''\n    // Split expressions into a list.\n    const expressions = expressionsCapture.match(/\\([^)]+\\)/g) || []\n\n    return {\n      inverse: !!modifier && modifier.toLowerCase() === 'not',\n      type: type ? type.toLowerCase() : 'all',\n      expressions: expressions.map((expression) => {\n        const captures = expression.match(RE_MQ_EXPRESSION)\n        const feature = captures[1].toLowerCase().match(RE_MQ_FEATURE)\n        return {\n          modifier: feature[1],\n          feature: feature[2],\n          value: captures[2],\n        }\n      }),\n    }\n  })\n}\n\n// -- Utilities ----------------------------------------------------------------\n\nfunction toDecimal(ratio) {\n  let decimal = Number(ratio)\n  let numbers\n\n  if (!decimal) {\n    numbers = ratio.match(/^(\\d+)\\s*\\/\\s*(\\d+)$/)\n    decimal = numbers[1] / numbers[2]\n  }\n\n  return decimal\n}\n\nfunction toDpi(resolution: string) {\n  const value = Number.parseFloat(resolution)\n  const units = String(resolution).match(RE_RESOLUTION_UNIT)?.[1]\n\n  switch (units) {\n    case 'dpcm':\n      return value / 2.54\n    case 'dppx':\n      return value * 96\n    default:\n      return value\n  }\n}\n\nfunction toPx(length: string) {\n  const value = Number.parseFloat(length)\n  const units = String(length).match(RE_LENGTH_UNIT)?.[1]\n  switch (units) {\n    case 'em':\n      return value * 16\n    case 'rem':\n      return value * 16\n    case 'cm':\n      return (value * 96) / 2.54\n    case 'mm':\n      return (value * 96) / 2.54 / 10\n    case 'in':\n      return value * 96\n    case 'pt':\n      return value * 72\n    case 'pc':\n      return (value * 72) / 12\n    default:\n      return value\n  }\n}\n"
-  ]
-}
+{"version":3,"file":"matchQuery.d.ts","sourceRoot":"","sources":["../src/matchQuery.ts"],"names":[],"mappings":"AAcA,wBAAgB,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,CAwEnF;AAED,wBAAgB,UAAU,CAAC,UAAU,EAAE,MAAM,GAAG,CAAC;IAC/C,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE;QACX,QAAQ,EAAE,GAAG,CAAA;QACb,OAAO,EAAE,GAAG,CAAA;QACZ,KAAK,EAAE,GAAG,CAAA;KACX,EAAE,CAAA;CACJ,GAAG,IAAI,CAAC,EAAE,CA4BV"}

package/types/mediaQueryList.d.ts

@@ -1,20 +1,19 @@
-import type { MediaQueryList } from "@hanzogui/web";
-type Orientation = "landscape" | "portrait";
+import type { MediaQueryList } from '@hanzogui/web';
+type Orientation = 'landscape' | 'portrait';
 type Listener = (orientation: Orientation) => void;
 export declare class NativeMediaQueryList implements MediaQueryList {
-	private query;
-	private listeners;
-	private get orientation();
-	constructor(query: string);
-	private notify;
-	addListener(listener: Listener): void;
-	removeListener(listener: Listener): void;
-	match(query: string, { width, height }: {
-		width: number;
-		height: number;
-	}): boolean;
-	get matches(): boolean;
+    private query;
+    private listeners;
+    private get orientation();
+    constructor(query: string);
+    private notify;
+    addListener(listener: Listener): void;
+    removeListener(listener: Listener): void;
+    match(query: string, { width, height }: {
+        width: number;
+        height: number;
+    }): boolean;
+    get matches(): boolean;
 }
 export {};
-
 //# sourceMappingURL=mediaQueryList.d.ts.map

package/types/mediaQueryList.d.ts.map

@@ -1,11 +1 @@
-{
-  "mappings": "AAAA,cAAc,sBAAsB;KAK/B,cAAc,cAAc;KAE5B,YAAY,aAAa;AAE9B,OAAO,cAAM,gCAAgC,eAAe;CAQ9C;CAPZ,QAAQ;CAER,YAAY;CAKZ,YAAY,AAAQ;CAOpB,QAAQ;CAMR,YAAY,UAAU;CAItB,eAAe,UAAU;CAKzB,MAAM,eAAe,EAAE,OAAO,UAAU;EAAE;EAAe;;CASzD,IAAI",
-  "names": [],
-  "sources": [
-    "src/mediaQueryList.ts"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import type { MediaQueryList } from '@hanzogui/web'\nimport { Dimensions } from 'react-native'\n\nimport { matchQuery } from './matchQuery'\n\ntype Orientation = 'landscape' | 'portrait'\n\ntype Listener = (orientation: Orientation) => void\n\nexport class NativeMediaQueryList implements MediaQueryList {\n  private listeners: Listener[] = []\n\n  private get orientation(): Orientation {\n    const windowDimensions = Dimensions.get('window')\n    return windowDimensions.height > windowDimensions.width ? 'portrait' : 'landscape'\n  }\n\n  constructor(private query: string) {\n    this.notify()\n    Dimensions.addEventListener('change', () => {\n      this.notify()\n    })\n  }\n\n  private notify() {\n    this.listeners.forEach((listener) => {\n      listener(this.orientation)\n    })\n  }\n\n  addListener(listener: Listener): void {\n    this.listeners.push(listener)\n  }\n\n  removeListener(listener: Listener): void {\n    const index = this.listeners.indexOf(listener)\n    if (index !== -1) this.listeners.splice(index, 1)\n  }\n\n  match(query: string, { width, height }: { width: number; height: number }): boolean {\n    return matchQuery(query, {\n      type: 'screen',\n      orientation: height > width ? 'portrait' : 'landscape',\n      'device-width': width,\n      'device-height': height,\n    })\n  }\n\n  get matches(): boolean {\n    const windowDimensions = Dimensions.get('window')\n    const matches = matchQuery(this.query, {\n      type: 'screen',\n      orientation: this.orientation,\n      ...windowDimensions,\n      'device-width': windowDimensions.width,\n      'device-height': windowDimensions.height,\n    })\n    return matches\n  }\n}\n"
-  ]
-}
+{"version":3,"file":"mediaQueryList.d.ts","sourceRoot":"","sources":["../src/mediaQueryList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,KAAK,WAAW,GAAG,WAAW,GAAG,UAAU,CAAA;AAE3C,KAAK,QAAQ,GAAG,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAA;AAElD,qBAAa,oBAAqB,YAAW,cAAc;IAQ7C,OAAO,CAAC,KAAK;IAPzB,OAAO,CAAC,SAAS,CAAiB;IAElC,OAAO,KAAK,WAAW,GAGtB;IAED,YAAoB,KAAK,EAAE,MAAM,EAKhC;IAED,OAAO,CAAC,MAAM;IAMd,WAAW,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAEpC;IAED,cAAc,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAGvC;IAED,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAOlF;IAED,IAAI,OAAO,IAAI,OAAO,CAUrB;CACF"}

package/dist/cjs/createMedia.cjs

@@ -1,33 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var createMedia_exports = {};
-__export(createMedia_exports, {
-  createMedia: () => createMedia
-});
-module.exports = __toCommonJS(createMedia_exports);
-var import_web = require("@hanzogui/web");
-var import_matchMedia = require("./matchMedia.cjs");
-function createMedia(media) {
-  (0, import_web.setupMatchMedia)(import_matchMedia.matchMedia);
-  return media;
-}

package/dist/cjs/createMedia.native.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var createMedia_exports = {};
-__export(createMedia_exports, {
-  createMedia: () => createMedia
-});
-module.exports = __toCommonJS(createMedia_exports);
-var import_web = require("@hanzogui/web");
-var import_matchMedia = require("./matchMedia.native.js");
-function createMedia(media) {
-  (0, import_web.setupMatchMedia)(import_matchMedia.matchMedia);
-  return media;
-}
-//# sourceMappingURL=createMedia.native.js.map

package/dist/cjs/createMedia.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createMedia_exports","__export","createMedia","module","exports","import_web","require","import_matchMedia","media","setupMatchMedia","matchMedia"],"sources":["../../src/createMedia.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAgCT,YAAA,CAAAK,mBAAA;AAEhC,IAAAK,UAAA,GAAAC,OAA2B;AAMpB,IAAAC,iBAIL,GAAAD,OAAa;AAGb,SAAAJ,YAAAM,KAAA;EACA,IAAAH,UAAO,CAAAI,eAAA,EAAAF,iBAAA,CAAAG,UAAA;EACT,OAAAF,KAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -1,21 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var index_exports = {};
-module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./createMedia.cjs"), module.exports);
-__reExport(index_exports, require("./matchMedia.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var index_exports = {};
-module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./createMedia.native.js"), module.exports);
-__reExport(index_exports, require("./matchMedia.native.js"), module.exports);
-//# sourceMappingURL=index.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,6BADdH,MAAA,CAAAC,OAAA","ignoreList":[]}