@tamagui/core 1.0.0-alpha.9 → 1.0.0-beta.187

package/dist/cjs/helpers/getStylesAtomic.js

@@ -1,9 +1,9 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -18,59 +18,69 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  getStylesAtomic: () => getStylesAtomic
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getStylesAtomic_exports = {};
+__export(getStylesAtomic_exports, {
+  getStylesAtomic: () => getStylesAtomic,
+  pseudos: () => pseudos
 });
-var import_helpers = __toModule(require("@tamagui/helpers"));
-var import_pseudos = __toModule(require("../constants/pseudos"));
-var import_rnw = __toModule(require("../constants/rnw"));
-const generateStyle = /* @__PURE__ */ __name((style) => {
-  const { atomic, createCompileableStyle, createReactDOMStyle, i18Style } = import_rnw.rnw;
-  return __spreadValues({}, atomic(createCompileableStyle(createReactDOMStyle(i18Style(style)))));
-}, "generateStyle");
-const borderDefaults = {
-  borderWidth: "borderStyle",
-  borderBottomWidth: "borderBottomStyle",
-  borderTopWidth: "borderTopStyle",
-  borderLeftWidth: "borderLeftStyle",
-  borderRightWidth: "borderRightStyle"
-};
-function getStylesAtomic(style, avoidCollection = false) {
-  const styles = {
-    base: {}
-  };
-  for (const key in style) {
-    if (!!import_pseudos.pseudos[key]) {
-      styles[key] = style[key];
-    } else {
-      styles.base[key] = style[key];
+module.exports = __toCommonJS(getStylesAtomic_exports);
+var import_helpers = require("@tamagui/helpers");
+var import_rnw = require("../constants/rnw");
+var import_createVariable = require("../createVariable");
+function getStylesAtomic(stylesIn, options = {}) {
+  const _a = stylesIn, { hoverStyle, pressStyle, focusStyle } = _a, base = __objRest(_a, ["hoverStyle", "pressStyle", "focusStyle"]);
+  let res = [];
+  for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {
+    if (!style || !Object.keys(style).length) {
+      continue;
+    }
+    const pseudo = pseudosOrdered[index];
+    for (const skey in style) {
+      const val = style[skey];
+      if ((0, import_createVariable.isVariable)(val)) {
+        style[skey] = val.toString();
+      }
+      if (import_helpers.stylePropsTransform[skey]) {
+        delete style[skey];
+        (0, import_helpers.mergeTransform)(style, skey, val);
+      }
     }
+    res = [...res, ...getAtomicStyle(style, pseudo, options)];
   }
-  return Object.keys(styles).map((key) => {
-    return getAtomicStyle(styles[key], import_pseudos.pseudos[key], avoidCollection);
-  }).flat();
+  return res;
 }
 __name(getStylesAtomic, "getStylesAtomic");
-const importantRegex = /\!important*/g;
-function getAtomicStyle(style, pseudo, avoidCollection) {
+const generateAtomicStyles = /* @__PURE__ */ __name((style) => {
+  return import_rnw.rnw.atomic(import_rnw.rnw.createCompileableStyle(import_rnw.rnw.createReactDOMStyle(style)));
+}, "generateAtomicStyles");
+function getAtomicStyle(style, pseudo, options) {
   if (style == null || typeof style !== "object") {
     throw new Error(`Wrong style type: "${typeof style}": ${style}`);
   }
@@ -79,12 +89,27 @@ function getAtomicStyle(style, pseudo, avoidCollection) {
       style[borderDefaults[key]] = style[borderDefaults[key]] ?? "solid";
     }
   }
-  const all = generateStyle(style);
-  return Object.keys(all).map((key) => {
-    const val = all[key];
-    const hash = val.identifier.slice(`${val.identifier}`.lastIndexOf("-") + 1);
-    const psuedoPrefix = pseudo ? `-${pseudo.name}-` : "";
-    const identifier = `_${val.property}-${psuedoPrefix}${hash}`;
+  let atomicStyles = {};
+  if (options.splitTransforms && style.transform) {
+    let _a = style, { transform } = _a, rest = __objRest(_a, ["transform"]);
+    Object.assign(atomicStyles, generateAtomicStyles(rest));
+    for (const t of transform) {
+      const tKey = Object.keys(t)[0];
+      const transformProperty = import_helpers.invertMapTransformKeys[tKey] || tKey;
+      const out = generateAtomicStyles({ transform: [t] });
+      const key = Object.keys(out)[0];
+      atomicStyles[key] = __spreadProps(__spreadValues({}, out[key]), {
+        transformProperty
+      });
+    }
+  } else {
+    atomicStyles = generateAtomicStyles(style);
+  }
+  return Object.keys(atomicStyles).map((key) => {
+    const val = atomicStyles[key];
+    const [_, ogProperty, hash] = val.identifier.split("-");
+    const psuedoPrefix = pseudo ? `0${pseudo.name}-` : "";
+    const identifier = `_${ogProperty}-${psuedoPrefix}${hash}`;
     const className = `.${identifier}`;
     const rules = val.rules.map((rule) => {
       if (pseudo) {
@@ -97,14 +122,8 @@ function getAtomicStyle(style, pseudo, avoidCollection) {
       }
       return rule.replace(`.${val.identifier}`, className).replace(importantRegex, "");
     });
-    if (!avoidCollection) {
-      if (rules.length > 1) {
-        console.warn("have never seen more than one, verifying");
-      }
-      import_helpers.AllRules.add(rules[0]);
-    }
     const result = {
-      property: val.property,
+      property: val.transformProperty || val.property,
       value: val.value,
       identifier,
       className,
@@ -114,4 +133,27 @@ function getAtomicStyle(style, pseudo, avoidCollection) {
   });
 }
 __name(getAtomicStyle, "getAtomicStyle");
+const importantRegex = /\!important*/g;
+const borderDefaults = {
+  borderWidth: "borderStyle",
+  borderBottomWidth: "borderBottomStyle",
+  borderTopWidth: "borderTopStyle",
+  borderLeftWidth: "borderLeftStyle",
+  borderRightWidth: "borderRightStyle"
+};
+const pseudos = {
+  hoverStyle: {
+    name: "hover",
+    priority: 1
+  },
+  pressStyle: {
+    name: "active",
+    priority: 2
+  },
+  focusStyle: {
+    name: "focus",
+    priority: 3
+  }
+};
+const pseudosOrdered = Object.values(pseudos);
 //# sourceMappingURL=getStylesAtomic.js.map

package/dist/cjs/helpers/getStylesAtomic.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getStylesAtomic.ts"],
-  "sourcesContent": ["import { AllRules, StyleObject } from '@tamagui/helpers'\nimport { ViewStyle } from 'react-native'\n\nimport { pseudos } from '../constants/pseudos'\nimport { rnw } from '../constants/rnw'\n\nconst generateStyle = (style: any) => {\n  const { atomic, createCompileableStyle, createReactDOMStyle, i18Style } = rnw\n  return {\n    ...atomic(createCompileableStyle(createReactDOMStyle(i18Style(style)))),\n  }\n}\n\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: 'borderBottomStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n}\n\nexport function getStylesAtomic(style: any, avoidCollection = false) {\n  const styles: { [key: string]: ViewStyle } = {\n    base: {},\n  }\n  // split pseudos\n  for (const key in style) {\n    if (!!pseudos[key]) {\n      styles[key] = style[key]\n    } else {\n      styles.base[key] = style[key]\n    }\n  }\n  return Object.keys(styles)\n    .map((key) => {\n      return getAtomicStyle(styles[key], pseudos[key], avoidCollection)\n    })\n    .flat()\n}\n\nconst importantRegex = /\\!important*/g\n\nfunction getAtomicStyle(\n  style: ViewStyle,\n  pseudo?: { name: string; priority: number },\n  avoidCollection?: boolean\n): StyleObject[] {\n  if (style == null || typeof style !== 'object') {\n    throw new Error(`Wrong style type: \"${typeof style}\": ${style}`)\n  }\n\n  // why is this diff from react-native-web!? need to figure out\n  for (const key in borderDefaults) {\n    if (key in style) {\n      style[borderDefaults[key]] = style[borderDefaults[key]] ?? 'solid'\n    }\n  }\n\n  const all = generateStyle(style)\n  return Object.keys(all).map((key) => {\n    const val = all[key]\n    const hash = val.identifier.slice(`${val.identifier}`.lastIndexOf('-') + 1)\n    // pseudos have a `--` to be easier to find with concatClassNames\n    const psuedoPrefix = pseudo ? `-${pseudo.name}-` : ''\n    const identifier = `_${val.property}-${psuedoPrefix}${hash}`\n    const className = `.${identifier}`\n    const rules = val.rules.map((rule) => {\n      if (pseudo) {\n        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ':root').join('') + ' '\n        let res = rule\n          .replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`)\n          .replace('{', `:${pseudo.name}{`)\n\n        if (pseudo.name === 'hover') {\n          // hover styles need to be conditional\n          // perhaps this can be generalized but for now lets just shortcut\n          // and hardcode for hover styles, if we need to later we can\n          // WEIRD SYNTAX, SEE:\n          //   https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover\n          res = `@media not all and (hover: none) { ${res} }`\n        }\n        return res\n      }\n      return rule.replace(`.${val.identifier}`, className).replace(importantRegex, '')\n    })\n\n    if (!avoidCollection) {\n      if (rules.length > 1) {\n        console.warn('have never seen more than one, verifying')\n      }\n      AllRules.add(rules[0])\n    }\n\n    const result: StyleObject = {\n      property: val.property,\n      value: val.value,\n      identifier,\n      className,\n      rules,\n    }\n    return result\n  })\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,qBAAsC;AAGtC,qBAAwB;AACxB,iBAAoB;AAEpB,MAAM,gBAAgB,wBAAC,UAAe;AACpC,QAAM,EAAE,QAAQ,wBAAwB,qBAAqB,aAAa;AAC1E,SAAO,mBACF,OAAO,uBAAuB,oBAAoB,SAAS;AAAA,GAH5C;AAOtB,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA;AAGb,yBAAyB,OAAY,kBAAkB,OAAO;AACnE,QAAM,SAAuC;AAAA,IAC3C,MAAM;AAAA;AAGR,aAAW,OAAO,OAAO;AACvB,QAAI,CAAC,CAAC,uBAAQ,MAAM;AAClB,aAAO,OAAO,MAAM;AAAA,WACf;AACL,aAAO,KAAK,OAAO,MAAM;AAAA;AAAA;AAG7B,SAAO,OAAO,KAAK,QAChB,IAAI,CAAC,QAAQ;AACZ,WAAO,eAAe,OAAO,MAAM,uBAAQ,MAAM;AAAA,KAElD;AAAA;AAhBW;AAmBhB,MAAM,iBAAiB;AAEvB,wBACE,OACA,QACA,iBACe;AACf,MAAI,SAAS,QAAQ,OAAO,UAAU,UAAU;AAC9C,UAAM,IAAI,MAAM,sBAAsB,OAAO,WAAW;AAAA;AAI1D,aAAW,OAAO,gBAAgB;AAChC,QAAI,OAAO,OAAO;AAChB,YAAM,eAAe,QAAQ,MAAM,eAAe,SAAS;AAAA;AAAA;AAI/D,QAAM,MAAM,cAAc;AAC1B,SAAO,OAAO,KAAK,KAAK,IAAI,CAAC,QAAQ;AACnC,UAAM,MAAM,IAAI;AAChB,UAAM,OAAO,IAAI,WAAW,MAAM,GAAG,IAAI,aAAa,YAAY,OAAO;AAEzE,UAAM,eAAe,SAAS,IAAI,OAAO,UAAU;AACnD,UAAM,aAAa,IAAI,IAAI,YAAY,eAAe;AACtD,UAAM,YAAY,IAAI;AACtB,UAAM,QAAQ,IAAI,MAAM,IAAI,CAAC,SAAS;AACpC,UAAI,QAAQ;AACV,cAAM,qBAAqB,CAAC,GAAG,MAAM,OAAO,WAAW,IAAI,MAAM,SAAS,KAAK,MAAM;AACrF,YAAI,MAAM,KACP,QAAQ,IAAI,IAAI,cAAc,GAAG,sBAAsB,aACvD,QAAQ,KAAK,IAAI,OAAO;AAE3B,YAAI,OAAO,SAAS,SAAS;AAM3B,gBAAM,sCAAsC;AAAA;AAE9C,eAAO;AAAA;AAET,aAAO,KAAK,QAAQ,IAAI,IAAI,cAAc,WAAW,QAAQ,gBAAgB;AAAA;AAG/E,QAAI,CAAC,iBAAiB;AACpB,UAAI,MAAM,SAAS,GAAG;AACpB,gBAAQ,KAAK;AAAA;AAEf,8BAAS,IAAI,MAAM;AAAA;AAGrB,UAAM,SAAsB;AAAA,MAC1B,UAAU,IAAI;AAAA,MACd,OAAO,IAAI;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA;AAEF,WAAO;AAAA;AAAA;AA1DF;",
+  "sourcesContent": ["import {\n  StyleObject,\n  invertMapTransformKeys,\n  mergeTransform,\n  stylePropsTransform,\n} from '@tamagui/helpers'\nimport { ViewStyle } from 'react-native'\n\nimport { rnw } from '../constants/rnw'\nimport { isVariable } from '../createVariable'\n\n// NOTE: going to refactor and merge getSplitStyles + getAtomicStyles into one\n// before i can do that need to not rely on rnw for generateAtomicStyles\n// will change that to not be external at all and just logically do it in the\n// merged getSplitStyles/getAtomicStyles file in one loop.\n\nexport type ViewStyleWithPseudos = ViewStyle & {\n  hoverStyle?: ViewStyle\n  pressStyle?: ViewStyle\n  focusStyle?: ViewStyle\n}\n\ntype AtomicStyleOptions = {\n  splitTransforms?: boolean\n}\n\nexport function getStylesAtomic(stylesIn: ViewStyleWithPseudos, options: AtomicStyleOptions = {}) {\n  const { hoverStyle, pressStyle, focusStyle, ...base } = stylesIn\n  let res: StyleObject[] = []\n\n  // *1 order matched to *0\n  for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {\n    if (!style || !Object.keys(style).length) {\n      continue\n    }\n    const pseudo = pseudosOrdered[index]\n    for (const skey in style) {\n      const val = style[skey]\n      if (isVariable(val)) {\n        style[skey] = val.toString()\n      }\n      if (stylePropsTransform[skey]) {\n        delete style[skey]\n        mergeTransform(style, skey, val)\n      }\n    }\n    res = [...res, ...getAtomicStyle(style, pseudo, options)]\n  }\n\n  return res\n}\n\nconst generateAtomicStyles = (style: ViewStyle) => {\n  return rnw.atomic(rnw.createCompileableStyle(rnw.createReactDOMStyle(style))) as {\n    [key: string]: StyleObject\n  }\n}\n\nfunction getAtomicStyle(\n  style: ViewStyle,\n  pseudo: { name: string; priority: number } | undefined,\n  options: AtomicStyleOptions\n): StyleObject[] {\n  if (style == null || typeof style !== 'object') {\n    throw new Error(`Wrong style type: \"${typeof style}\": ${style}`)\n  }\n\n  // why is this diff from react-native-web!? need to figure out\n  for (const key in borderDefaults) {\n    if (key in style) {\n      style[borderDefaults[key]] = style[borderDefaults[key]] ?? 'solid'\n    }\n  }\n\n  let atomicStyles: { [key: string]: StyleObject & { transformProperty?: string } } = {}\n\n  if (options.splitTransforms && style.transform) {\n    let { transform, ...rest } = style\n    Object.assign(atomicStyles, generateAtomicStyles(rest))\n    for (const t of transform) {\n      const tKey = Object.keys(t)[0]\n      const transformProperty = invertMapTransformKeys[tKey] || tKey\n      const out = generateAtomicStyles({ transform: [t] })\n      const key = Object.keys(out)[0]\n      atomicStyles[key] = {\n        ...out[key],\n        transformProperty,\n      }\n    }\n  } else {\n    // TODO we can do this all in one loop likely inside getSplitStyles in existing loop and avoid O(n^3)...\n    atomicStyles = generateAtomicStyles(style)\n  }\n\n  // TODO ... and then also avoid this loop! n^4\n  return Object.keys(atomicStyles).map((key) => {\n    const val = atomicStyles[key]\n    // r-transform-1ns13n\n    const [_, ogProperty, hash] = val.identifier.split('-')\n    // pseudos have a `--` to be easier to find with concatClassNames\n    const psuedoPrefix = pseudo ? `0${pseudo.name}-` : ''\n    const identifier = `_${ogProperty}-${psuedoPrefix}${hash}`\n    const className = `.${identifier}`\n    const rules = val.rules.map((rule) => {\n      if (pseudo) {\n        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ':root').join('') + ' '\n        let res = rule\n          .replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`)\n          .replace('{', `:${pseudo.name}{`)\n\n        if (pseudo.name === 'hover') {\n          // hover styles need to be conditional\n          // perhaps this can be generalized but for now lets just shortcut\n          // and hardcode for hover styles, if we need to later we can\n          // WEIRD SYNTAX, SEE:\n          //   https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover\n          res = `@media not all and (hover: none) { ${res} }`\n        }\n        return res\n      }\n      return rule.replace(`.${val.identifier}`, className).replace(importantRegex, '')\n    })\n\n    const result: StyleObject = {\n      property: val.transformProperty || val.property,\n      value: val.value,\n      identifier,\n      className,\n      rules,\n    }\n\n    return result\n  })\n}\n\nconst importantRegex = /\\!important*/g\n\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: 'borderBottomStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n}\n\n// *0 order matches to *1\nexport const pseudos = {\n  hoverStyle: {\n    name: 'hover',\n    priority: 1,\n  },\n  pressStyle: {\n    name: 'active',\n    priority: 2,\n  },\n  focusStyle: {\n    name: 'focus',\n    priority: 3,\n  },\n}\n\nconst pseudosOrdered = Object.values(pseudos)\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/helpers/getStylesAtomic.native.js

@@ -1,14 +1,26 @@
 var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-__export(exports, {
+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 getStylesAtomic_native_exports = {};
+__export(getStylesAtomic_native_exports, {
   getStylesAtomic: () => getStylesAtomic
 });
+module.exports = __toCommonJS(getStylesAtomic_native_exports);
 function getStylesAtomic() {
   console.warn("no-op native");
 }

package/dist/cjs/helpers/getStylesAtomic.native.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getStylesAtomic.native.ts"],
   "sourcesContent": ["export function getStylesAtomic() {\n  console.warn('no-op native')\n}\n"],
-  "mappings": ";;;;;;;;AAAA;AAAA;AAAA;AAAO,2BAA2B;AAChC,UAAQ,KAAK;AAAA;AADC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,2BAA2B;AAChC,UAAQ,KAAK,cAAc;AAC7B;AAFgB;",
   "names": []
 }

package/dist/cjs/helpers/insertStyleRule.js

@@ -1,46 +1,102 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  insertStyleRule: () => insertStyleRule
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var insertStyleRule_exports = {};
+__export(insertStyleRule_exports, {
+  getAllSelectors: () => getAllSelectors,
+  getAllTransforms: () => getAllTransforms,
+  getInsertedRules: () => getInsertedRules,
+  insertStyleRule: () => insertStyleRule,
+  insertedTransforms: () => insertedTransforms,
+  updateInserted: () => updateInserted
 });
-var import_platform = __toModule(require("../constants/platform"));
-function insertStyleRule(rule) {
-  if (typeof window === "undefined") {
+module.exports = __toCommonJS(insertStyleRule_exports);
+const allSelectors = {};
+const insertedSelectors = {};
+const insertedTransforms = {};
+const getAllSelectors = /* @__PURE__ */ __name(() => allSelectors, "getAllSelectors");
+const getInsertedRules = /* @__PURE__ */ __name(() => Object.values(insertedSelectors), "getInsertedRules");
+const getAllTransforms = /* @__PURE__ */ __name(() => insertedTransforms, "getAllTransforms");
+function addTransform(identifier, rule) {
+  const s = rule.indexOf("transform:");
+  if (s === -1) {
+    console.error(`not a transform ${identifier} ${rule}`);
+    return;
+  }
+  const startI = s + "transform:".length;
+  const endI = rule.indexOf(";");
+  const value = rule.slice(startI, endI);
+  insertedTransforms[identifier] = value;
+}
+__name(addTransform, "addTransform");
+let hasInsertedSinceUpdate = true;
+function updateInserted() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  if (!hasInsertedSinceUpdate) {
+    console.warn("hasnt inserted since");
     return;
   }
-  if (process.env.NODE_ENV === "development") {
-    if (!import_platform.isWeb) {
-      console.warn("non web platform, dont use this");
-      return;
+  const sheets = document.styleSheets;
+  if (!sheets)
+    return;
+  for (let i = 0; i < sheets.length; i++) {
+    const rules = sheets[i].cssRules;
+    const firstRule = rules[0];
+    if (!firstRule)
+      continue;
+    const firstSelector = firstRule["selectorText"];
+    if (!firstSelector)
+      continue;
+    if (firstSelector === ":root" || firstSelector.startsWith("._")) {
+      for (const rule of rules) {
+        if (!rule.selectorText)
+          continue;
+        const identifier = rule.selectorText.slice(1);
+        allSelectors[identifier] = true;
+        if (identifier.startsWith("_transform")) {
+          addTransform(identifier, rule.cssText);
+        }
+      }
     }
   }
-  const sheet = window.document.styleSheets[0];
-  if (!sheet) {
+  hasInsertedSinceUpdate = false;
+}
+__name(updateInserted, "updateInserted");
+updateInserted();
+const newRulesStyleTag = typeof document !== "undefined" ? document.head.appendChild(document.createElement("style")) : null;
+function insertStyleRule(identifier, rule) {
+  if (allSelectors[identifier]) {
+    return;
+  }
+  hasInsertedSinceUpdate = true;
+  insertedSelectors[identifier] = rule;
+  allSelectors[identifier] = process.env.NODE_ENV === "development" ? rule : true;
+  if (identifier.startsWith("_transform")) {
+    addTransform(identifier, rule);
+  }
+  if (!newRulesStyleTag) {
     return;
   }
+  const sheet = newRulesStyleTag.sheet;
   sheet.insertRule(rule, sheet.cssRules.length);
+  return identifier;
 }
 __name(insertStyleRule, "insertStyleRule");
 //# sourceMappingURL=insertStyleRule.js.map

package/dist/cjs/helpers/insertStyleRule.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/insertStyleRule.tsx"],
-  "sourcesContent": ["import { isWeb } from '../constants/platform'\n\nexport function insertStyleRule(rule: string) {\n  if (typeof window === 'undefined') {\n    return\n  }\n  if (process.env.NODE_ENV === 'development') {\n    if (!isWeb) {\n      console.warn('non web platform, dont use this')\n      return\n    }\n  }\n  const sheet = window.document.styleSheets[0]\n  if (!sheet) {\n    return\n  }\n  sheet.insertRule(rule, sheet.cssRules.length)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,sBAAsB;AAEf,yBAAyB,MAAc;AAC5C,MAAI,OAAO,WAAW,aAAa;AACjC;AAAA;AAEF,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,uBAAO;AACV,cAAQ,KAAK;AACb;AAAA;AAAA;AAGJ,QAAM,QAAQ,OAAO,SAAS,YAAY;AAC1C,MAAI,CAAC,OAAO;AACV;AAAA;AAEF,QAAM,WAAW,MAAM,MAAM,SAAS;AAAA;AAdxB;",
+  "sourcesContent": ["// this needs to check if its inserted already? 99% of the time it is\n// this should avoid re-inserts, but need to test the perf trade-offs\n// i tested with the site itself and the initial insert was trivial\n\nconst allSelectors = {}\nconst insertedSelectors = {}\nexport const insertedTransforms = {}\n\nexport const getAllSelectors = () => allSelectors\nexport const getInsertedRules = () => Object.values(insertedSelectors)\nexport const getAllTransforms = () => insertedTransforms\n\n// keep transforms in map for merging later\nfunction addTransform(identifier: string, rule: string) {\n  const s = rule.indexOf('transform:')\n  if (s === -1) {\n    console.error(`not a transform ${identifier} ${rule}`)\n    return\n  }\n  const startI = s + 'transform:'.length\n  const endI = rule.indexOf(';')\n  const value = rule.slice(startI, endI)\n  insertedTransforms[identifier] = value\n}\n\n// gets existing ones (client side)\n// takes ~0.1ms for a fairly large page\n// used now for three things:\n//   1. debugging at dev time\n//   2. avoid duplicate insert styles at runtime\n//   3. used now for merging transforms atomically\nlet hasInsertedSinceUpdate = true\nexport function updateInserted() {\n  if (typeof document === 'undefined') {\n    return\n  }\n  if (!hasInsertedSinceUpdate) {\n    console.warn('hasnt inserted since')\n    return\n  }\n  const sheets = document.styleSheets\n  if (!sheets) return\n  for (let i = 0; i < sheets.length; i++) {\n    const rules = sheets[i].cssRules\n    const firstRule = rules[0]\n    if (!firstRule) continue\n    const firstSelector = firstRule['selectorText']\n    if (!firstSelector) continue\n    if (firstSelector === ':root' || firstSelector.startsWith('._')) {\n      for (const rule of rules as any) {\n        if (!rule.selectorText) continue\n        const identifier = rule.selectorText.slice(1)\n        allSelectors[identifier] = true\n        if (identifier.startsWith('_transform')) {\n          addTransform(identifier, rule.cssText)\n        }\n      }\n    }\n  }\n  hasInsertedSinceUpdate = false\n}\n\nupdateInserted()\n\nconst newRulesStyleTag =\n  typeof document !== 'undefined'\n    ? document.head.appendChild(document.createElement('style'))\n    : null\n\nexport function insertStyleRule(identifier: string, rule: string) {\n  if (allSelectors[identifier]) {\n    return\n  }\n  hasInsertedSinceUpdate = true\n  insertedSelectors[identifier] = rule\n  allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rule : true\n  if (identifier.startsWith('_transform')) {\n    addTransform(identifier, rule)\n  }\n  if (!newRulesStyleTag) {\n    return\n  }\n  const sheet = newRulesStyleTag.sheet!\n  sheet.insertRule(rule, sheet.cssRules.length)\n  return identifier\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,MAAM,eAAe,CAAC;AACtB,MAAM,oBAAoB,CAAC;AACpB,MAAM,qBAAqB,CAAC;AAE5B,MAAM,kBAAkB,6BAAM,cAAN;AACxB,MAAM,mBAAmB,6BAAM,OAAO,OAAO,iBAAiB,GAArC;AACzB,MAAM,mBAAmB,6BAAM,oBAAN;AAGhC,sBAAsB,YAAoB,MAAc;AACtD,QAAM,IAAI,KAAK,QAAQ,YAAY;AACnC,MAAI,MAAM,IAAI;AACZ,YAAQ,MAAM,mBAAmB,cAAc,MAAM;AACrD;AAAA,EACF;AACA,QAAM,SAAS,IAAI,aAAa;AAChC,QAAM,OAAO,KAAK,QAAQ,GAAG;AAC7B,QAAM,QAAQ,KAAK,MAAM,QAAQ,IAAI;AACrC,qBAAmB,cAAc;AACnC;AAVS;AAkBT,IAAI,yBAAyB;AACtB,0BAA0B;AAC/B,MAAI,OAAO,aAAa,aAAa;AACnC;AAAA,EACF;AACA,MAAI,CAAC,wBAAwB;AAC3B,YAAQ,KAAK,sBAAsB;AACnC;AAAA,EACF;AACA,QAAM,SAAS,SAAS;AACxB,MAAI,CAAC;AAAQ;AACb,WAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;AACtC,UAAM,QAAQ,OAAO,GAAG;AACxB,UAAM,YAAY,MAAM;AACxB,QAAI,CAAC;AAAW;AAChB,UAAM,gBAAgB,UAAU;AAChC,QAAI,CAAC;AAAe;AACpB,QAAI,kBAAkB,WAAW,cAAc,WAAW,IAAI,GAAG;AAC/D,iBAAW,QAAQ,OAAc;AAC/B,YAAI,CAAC,KAAK;AAAc;AACxB,cAAM,aAAa,KAAK,aAAa,MAAM,CAAC;AAC5C,qBAAa,cAAc;AAC3B,YAAI,WAAW,WAAW,YAAY,GAAG;AACvC,uBAAa,YAAY,KAAK,OAAO;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,2BAAyB;AAC3B;AA5BgB;AA8BhB,eAAe;AAEf,MAAM,mBACJ,OAAO,aAAa,cAChB,SAAS,KAAK,YAAY,SAAS,cAAc,OAAO,CAAC,IACzD;AAEC,yBAAyB,YAAoB,MAAc;AAChE,MAAI,aAAa,aAAa;AAC5B;AAAA,EACF;AACA,2BAAyB;AACzB,oBAAkB,cAAc;AAChC,eAAa,cAAc,QAAQ,IAAI,aAAa,gBAAgB,OAAO;AAC3E,MAAI,WAAW,WAAW,YAAY,GAAG;AACvC,iBAAa,YAAY,IAAI;AAAA,EAC/B;AACA,MAAI,CAAC,kBAAkB;AACrB;AAAA,EACF;AACA,QAAM,QAAQ,iBAAiB;AAC/B,QAAM,WAAW,MAAM,MAAM,SAAS,MAAM;AAC5C,SAAO;AACT;AAhBgB;",
   "names": []
 }

package/dist/cjs/helpers/isObj.js

@@ -1,13 +1,25 @@
 var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-__export(exports, {
+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 isObj_exports = {};
+__export(isObj_exports, {
   isObj: () => isObj
 });
+module.exports = __toCommonJS(isObj_exports);
 const isObj = /* @__PURE__ */ __name((x) => x && !Array.isArray(x) && typeof x === "object", "isObj");
 //# sourceMappingURL=isObj.js.map

package/dist/cjs/helpers/isObj.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/isObj.ts"],
   "sourcesContent": ["export const isObj = (x: any) => x && !Array.isArray(x) && typeof x === 'object'\n"],
-  "mappings": ";;;;;;;;AAAA;AAAA;AAAA;AAAO,MAAM,QAAQ,wBAAC,MAAW,KAAK,CAAC,MAAM,QAAQ,MAAM,OAAO,MAAM,UAAnD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,QAAQ,wBAAC,MAAW,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,OAAO,MAAM,UAAnD;",
   "names": []
 }

package/dist/cjs/helpers/isTamaguiElement.js

@@ -1,31 +1,27 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var isTamaguiElement_exports = {};
+__export(isTamaguiElement_exports, {
   isTamaguiElement: () => isTamaguiElement
 });
-var import_react = __toModule(require("react"));
+module.exports = __toCommonJS(isTamaguiElement_exports);
+var import_react = require("react");
 const isTamaguiElement = /* @__PURE__ */ __name((child) => {
   var _a;
   return (0, import_react.isValidElement)(child) && !!((_a = child.type["staticConfig"]) == null ? void 0 : _a.parsed);

package/dist/cjs/helpers/isTamaguiElement.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/isTamaguiElement.tsx"],
   "sourcesContent": ["import React, { isValidElement } from 'react'\n\nexport const isTamaguiElement = (child: any): child is React.ReactElement => {\n  return isValidElement(child) && !!child.type['staticConfig']?.parsed\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAsC;AAE/B,MAAM,mBAAmB,wBAAC,UAA4C;AAF7E;AAGE,SAAO,iCAAe,UAAU,CAAC,CAAC,aAAM,KAAK,oBAAX,mBAA4B;AAAA,GADhC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AAE/B,MAAM,mBAAmB,wBAAC,UAA4C;AAF7E;AAGE,SAAO,iCAAe,KAAK,KAAK,CAAC,CAAC,aAAM,KAAK,oBAAX,mBAA4B;AAChE,GAFgC;",
   "names": []
 }

package/dist/cjs/helpers/matchMedia.js

@@ -1,14 +1,26 @@
 var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-__export(exports, {
+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 matchMedia_exports = {};
+__export(matchMedia_exports, {
   matchMedia: () => matchMedia
 });
+module.exports = __toCommonJS(matchMedia_exports);
 const matchMedia = typeof window !== "undefined" && window.matchMedia || /* @__PURE__ */ __name(function matchMediaFallback(query) {
   return {
     addListener() {

package/dist/cjs/helpers/matchMedia.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/matchMedia.ts"],
   "sourcesContent": ["export const matchMedia =\n  (typeof window !== 'undefined' && window.matchMedia) ||\n  (function matchMediaFallback(query: string) {\n    return {\n      addListener() {\n        if (\n          process.env.NODE_ENV === 'development' &&\n          !process.env.IS_STATIC &&\n          process.env.TAMAGUI_TARGET !== 'web'\n        ) {\n          console.log('warning: matchMedia not loading! Is native picking up .native.js files?')\n        }\n      },\n      removeListener() {},\n      matches: false,\n    }\n  } as any)\n"],
-  "mappings": ";;;;;;;;AAAA;AAAA;AAAA;AAAO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cACxC,mDAA4B,OAAe;AAC1C,SAAO;AAAA,IACL,cAAc;AACZ,UACE,QAAQ,IAAI,aAAa,iBACzB,CAAC,QAAQ,IAAI,aACb,QAAQ,IAAI,mBAAmB,OAC/B;AACA,gBAAQ,IAAI;AAAA;AAAA;AAAA,IAGhB,iBAAiB;AAAA;AAAA,IACjB,SAAS;AAAA;AAAA,GAZZ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cACxC,mDAA4B,OAAe;AAC1C,SAAO;AAAA,IACL,cAAc;AACZ,UACE,QAAQ,IAAI,aAAa,iBACzB,CAAC,QAAQ,IAAI,aACb,QAAQ,IAAI,mBAAmB,OAC/B;AACA,gBAAQ,IAAI,yEAAyE;AAAA,MACvF;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,IAAC;AAAA,IAClB,SAAS;AAAA,EACX;AACF,GAdC;",
   "names": []
 }

package/dist/cjs/helpers/matchMedia.native.js

@@ -4,28 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var matchMedia_native_exports = {};
+__export(matchMedia_native_exports, {
   matchMedia: () => matchMedia
 });
-var import_MediaQueryList = __toModule(require("@expo/match-media/build/MediaQueryList.js"));
+module.exports = __toCommonJS(matchMedia_native_exports);
+var import_MediaQueryList = __toESM(require("@expo/match-media/build/MediaQueryList.js"));
 const matchMedia = /* @__PURE__ */ __name((media) => new import_MediaQueryList.default(media), "matchMedia");
 globalThis["matchMedia"] = matchMedia;
 //# sourceMappingURL=matchMedia.native.js.map

package/dist/cjs/helpers/matchMedia.native.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/matchMedia.native.ts"],
   "sourcesContent": ["import MediaQueryList from '@expo/match-media/build/MediaQueryList.js'\n\nexport const matchMedia = (media: string) => new MediaQueryList(media)\n\n// @ts-ignore\nglobalThis['matchMedia'] = matchMedia\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,4BAA2B;AAEpB,MAAM,aAAa,wBAAC,UAAkB,IAAI,8BAAe,QAAtC;AAG1B,WAAW,gBAAgB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA2B;AAEpB,MAAM,aAAa,wBAAC,UAAkB,IAAI,8BAAe,KAAK,GAA3C;AAG1B,WAAW,gBAAgB;",
   "names": []
 }