@tamagui/static 1.61.3 → 1.62.1

package/dist/cjs/extractor/extractMediaStyle.js

@@ -1,20 +1,15 @@
-"use strict";
 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 __getProtoOf = Object.getPrototypeOf, __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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -22,83 +17,48 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var extractMediaStyle_exports = {};
 __export(extractMediaStyle_exports, {
   extractMediaStyle: () => extractMediaStyle,
   isValidMediaCall: () => isValidMediaCall
 });
 module.exports = __toCommonJS(extractMediaStyle_exports);
-var t = __toESM(require("@babel/types"));
-var import_core_node = require("@tamagui/core-node");
-var import_constants = require("../constants");
-var import_extractHelpers = require("./extractHelpers");
-function extractMediaStyle(props, ternary, jsxPath, tamaguiConfig, sourcePath, importance = 0, shouldPrintDebug = false) {
-  const mt = getMediaQueryTernary(props, ternary, jsxPath, sourcePath);
-  if (!mt) {
+var t = __toESM(require("@babel/types")), import_constants = require("../constants"), import_requireTamaguiCore = require("../helpers/requireTamaguiCore"), import_extractHelpers = require("./extractHelpers");
+function extractMediaStyle(props, ternary, jsxPath, tamaguiConfig, sourcePath, importance = 0, shouldPrintDebug = !1) {
+  const { getStylesAtomic, mediaObjectToString } = (0, import_requireTamaguiCore.requireTamaguiCore)("web"), mt = getMediaQueryTernary(props, ternary, jsxPath, sourcePath);
+  if (!mt)
     return null;
-  }
   const { key } = mt;
-  const mq = tamaguiConfig.media[key];
-  if (!mq) {
-    console.error(`Media query "${key}" not found: ${Object.keys(tamaguiConfig.media)}`);
-    return null;
-  }
-  const getStyleObj = (styleObj, negate = false) => {
-    return styleObj ? { styleObj, negate } : null;
-  };
-  const styleOpts = [
-    getStyleObj(ternary.consequent, false),
-    getStyleObj(ternary.alternate, true)
+  if (!tamaguiConfig.media[key])
+    return console.error(`Media query "${key}" not found: ${Object.keys(tamaguiConfig.media)}`), null;
+  const getStyleObj = (styleObj, negate = !1) => styleObj ? { styleObj, negate } : null, styleOpts = [
+    getStyleObj(ternary.consequent, !1),
+    getStyleObj(ternary.alternate, !0)
   ].filter(import_extractHelpers.isPresent);
-  if (shouldPrintDebug && !styleOpts.length) {
-    console.log("  media query, no styles?");
-    return null;
-  }
-  const mediaKeys = Object.keys(tamaguiConfig.media);
-  const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {
-    acc[cur] = new Array(importance + 1).fill(":root").join("");
-    return acc;
-  }, {});
+  if (shouldPrintDebug && !styleOpts.length)
+    return console.log("  media query, no styles?"), null;
+  const mediaKeyPrecendence = Object.keys(tamaguiConfig.media).reduce((acc, cur, i) => (acc[cur] = new Array(importance + 1).fill(":root").join(""), acc), {});
   let mediaStyles = [];
   for (const { styleObj, negate } of styleOpts) {
-    const styles = (0, import_core_node.getStylesAtomic)(styleObj);
-    const singleMediaStyles = styles.map((style) => {
-      const negKey = negate ? "0" : "";
-      const ogPrefix = style.identifier.slice(0, style.identifier.indexOf("-") + 1);
-      const identifier = `${style.identifier.replace(
+    const singleMediaStyles = getStylesAtomic(styleObj).map((style) => {
+      const negKey = negate ? "0" : "", ogPrefix = style.identifier.slice(0, style.identifier.indexOf("-") + 1), identifier = `${style.identifier.replace(
         ogPrefix,
         `${ogPrefix}${import_constants.MEDIA_SEP}${key}${negKey}${import_constants.MEDIA_SEP}`
-      )}`;
-      const className = `.${identifier}`;
-      const mediaSelector = (0, import_core_node.mediaObjectToString)(tamaguiConfig.media[key]);
-      const screenStr = negate ? "not all" : "screen";
-      const mediaQuery = `${screenStr} and ${mediaSelector}`;
-      const precendencePrefix = mediaKeyPrecendence[key];
-      const styleInner = style.rules.map((rule) => rule.replace(style.identifier, identifier)).join(";");
+      )}`, className = `.${identifier}`, mediaSelector = mediaObjectToString(tamaguiConfig.media[key]), mediaQuery = `${negate ? "not all" : "screen"} and ${mediaSelector}`, precendencePrefix = mediaKeyPrecendence[key], styleInner = style.rules.map((rule) => rule.replace(style.identifier, identifier)).join(";");
       let styleRule = "";
-      if (styleInner.includes("@media")) {
-        styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
-      } else {
-        styleRule = `@media ${mediaQuery} { ${precendencePrefix}${styleInner} }`;
-      }
-      return {
+      return styleInner.includes("@media") ? styleRule = styleInner.replace("{", ` and ${mediaQuery} {`) : styleRule = `@media ${mediaQuery} { ${precendencePrefix}${styleInner} }`, {
         ...style,
         identifier,
         className,
         rules: [styleRule]
       };
     });
-    if (shouldPrintDebug === "verbose") {
-      console.log("  media styles:", importance, styleObj, singleMediaStyles.map((x) => x.identifier).join(", "));
-    }
-    mediaStyles = [...mediaStyles, ...singleMediaStyles];
+    shouldPrintDebug === "verbose" && console.log("  media styles:", importance, styleObj, singleMediaStyles.map((x) => x.identifier).join(", ")), mediaStyles = [...mediaStyles, ...singleMediaStyles];
   }
-  ternary.remove();
-  return { mediaStyles, ternaryWithoutMedia: mt.ternaryWithoutMedia };
+  return ternary.remove(), { mediaStyles, ternaryWithoutMedia: mt.ternaryWithoutMedia };
 }
 function getMediaQueryTernary(props, ternary, jsxPath, sourcePath) {
   if (t.isLogicalExpression(ternary.test) && ternary.test.operator === "&&") {
@@ -109,7 +69,7 @@ function getMediaQueryTernary(props, ternary, jsxPath, sourcePath) {
       sourcePath,
       ternary.inlineMediaQuery
     );
-    if (mediaLeft) {
+    if (mediaLeft)
       return {
         ...mediaLeft,
         ternaryWithoutMedia: {
@@ -117,7 +77,6 @@ function getMediaQueryTernary(props, ternary, jsxPath, sourcePath) {
           test: ternary.test.right
         }
       };
-    }
   }
   const result = getMediaInfoFromExpression(
     props,
@@ -126,65 +85,38 @@ function getMediaQueryTernary(props, ternary, jsxPath, sourcePath) {
     sourcePath,
     ternary.inlineMediaQuery
   );
-  if (result) {
-    return {
-      ...result,
-      ternaryWithoutMedia: null
-    };
-  }
-  return null;
+  return result ? {
+    ...result,
+    ternaryWithoutMedia: null
+  } : null;
 }
 function getMediaInfoFromExpression(props, test, jsxPath, sourcePath, inlineMediaQuery) {
-  var _a, _b, _c;
-  if (inlineMediaQuery) {
+  if (inlineMediaQuery)
     return {
       key: inlineMediaQuery,
       bindingName: inlineMediaQuery
     };
-  }
   if (t.isMemberExpression(test) && t.isIdentifier(test.object) && t.isIdentifier(test.property)) {
-    const name = test.object["name"];
-    const key = test.property["name"];
-    const bindings = jsxPath.scope.getAllBindings();
-    const binding = bindings[name];
+    const name = test.object.name, key = test.property.name, binding = jsxPath.scope.getAllBindings()[name];
     if (!binding)
-      return false;
-    const bindingNode = (_a = binding.path) == null ? void 0 : _a.node;
-    if (!t.isVariableDeclarator(bindingNode) || !bindingNode.init)
-      return false;
-    if (!isValidMediaCall(props, jsxPath, bindingNode.init, sourcePath))
-      return false;
-    return { key, bindingName: name };
+      return !1;
+    const bindingNode = binding.path?.node;
+    return !t.isVariableDeclarator(bindingNode) || !bindingNode.init || !isValidMediaCall(props, jsxPath, bindingNode.init, sourcePath) ? !1 : { key, bindingName: name };
   }
   if (t.isIdentifier(test)) {
-    const key = test.name;
-    const node = (_c = (_b = jsxPath.scope.getBinding(test.name)) == null ? void 0 : _b.path) == null ? void 0 : _c.node;
-    if (!t.isVariableDeclarator(node))
-      return false;
-    if (!node.init || !isValidMediaCall(props, jsxPath, node.init, sourcePath))
-      return false;
-    return { key, bindingName: key };
+    const key = test.name, node = jsxPath.scope.getBinding(test.name)?.path?.node;
+    return !t.isVariableDeclarator(node) || !node.init || !isValidMediaCall(props, jsxPath, node.init, sourcePath) ? !1 : { key, bindingName: key };
   }
   return null;
 }
 function isValidMediaCall(props, jsxPath, init, sourcePath) {
-  if (!init || !t.isCallExpression(init))
-    return false;
-  if (!t.isIdentifier(init.callee))
-    return false;
-  if (init.callee.name !== "useMedia")
-    return false;
-  const bindings = jsxPath.scope.getAllBindings();
-  const mediaBinding = bindings["useMedia"];
+  if (!init || !t.isCallExpression(init) || !t.isIdentifier(init.callee) || init.callee.name !== "useMedia")
+    return !1;
+  const mediaBinding = jsxPath.scope.getAllBindings().useMedia;
   if (!mediaBinding)
-    return false;
+    return !1;
   const useMediaImport = mediaBinding.path.parent;
-  if (!t.isImportDeclaration(useMediaImport))
-    return false;
-  if (!(0, import_extractHelpers.isValidImport)(props, sourcePath)) {
-    return false;
-  }
-  return true;
+  return !(!t.isImportDeclaration(useMediaImport) || !(0, import_extractHelpers.isValidImport)(props, sourcePath));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/extractor/extractMediaStyle.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/extractor/extractMediaStyle.ts"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/extractor/extractMediaStyle.native.js

@@ -0,0 +1,127 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var extractMediaStyle_exports = {};
+__export(extractMediaStyle_exports, {
+  extractMediaStyle: () => extractMediaStyle,
+  isValidMediaCall: () => isValidMediaCall
+});
+module.exports = __toCommonJS(extractMediaStyle_exports);
+var t = __toESM(require("@babel/types")), import_constants = require("../constants"), import_requireTamaguiCore = require("../helpers/requireTamaguiCore"), import_extractHelpers = require("./extractHelpers");
+function extractMediaStyle(props, ternary, jsxPath, tamaguiConfig, sourcePath, importance = 0, shouldPrintDebug = !1) {
+  const { getStylesAtomic, mediaObjectToString } = (0, import_requireTamaguiCore.requireTamaguiCore)("web"), mt = getMediaQueryTernary(props, ternary, jsxPath, sourcePath);
+  if (!mt)
+    return null;
+  const { key } = mt;
+  if (!tamaguiConfig.media[key])
+    return console.error(`Media query "${key}" not found: ${Object.keys(tamaguiConfig.media)}`), null;
+  const getStyleObj = (styleObj, negate = !1) => styleObj ? { styleObj, negate } : null, styleOpts = [
+    getStyleObj(ternary.consequent, !1),
+    getStyleObj(ternary.alternate, !0)
+  ].filter(import_extractHelpers.isPresent);
+  if (shouldPrintDebug && !styleOpts.length)
+    return console.log("  media query, no styles?"), null;
+  const mediaKeyPrecendence = Object.keys(tamaguiConfig.media).reduce((acc, cur, i) => (acc[cur] = new Array(importance + 1).fill(":root").join(""), acc), {});
+  let mediaStyles = [];
+  for (const { styleObj, negate } of styleOpts) {
+    const singleMediaStyles = getStylesAtomic(styleObj).map((style) => {
+      const negKey = negate ? "0" : "", ogPrefix = style.identifier.slice(0, style.identifier.indexOf("-") + 1), identifier = `${style.identifier.replace(
+        ogPrefix,
+        `${ogPrefix}${import_constants.MEDIA_SEP}${key}${negKey}${import_constants.MEDIA_SEP}`
+      )}`, className = `.${identifier}`, mediaSelector = mediaObjectToString(tamaguiConfig.media[key]), mediaQuery = `${negate ? "not all" : "screen"} and ${mediaSelector}`, precendencePrefix = mediaKeyPrecendence[key], styleInner = style.rules.map((rule) => rule.replace(style.identifier, identifier)).join(";");
+      let styleRule = "";
+      return styleInner.includes("@media") ? styleRule = styleInner.replace("{", ` and ${mediaQuery} {`) : styleRule = `@media ${mediaQuery} { ${precendencePrefix}${styleInner} }`, {
+        ...style,
+        identifier,
+        className,
+        rules: [styleRule]
+      };
+    });
+    shouldPrintDebug === "verbose" && console.log("  media styles:", importance, styleObj, singleMediaStyles.map((x) => x.identifier).join(", ")), mediaStyles = [...mediaStyles, ...singleMediaStyles];
+  }
+  return ternary.remove(), { mediaStyles, ternaryWithoutMedia: mt.ternaryWithoutMedia };
+}
+function getMediaQueryTernary(props, ternary, jsxPath, sourcePath) {
+  if (t.isLogicalExpression(ternary.test) && ternary.test.operator === "&&") {
+    const mediaLeft = getMediaInfoFromExpression(
+      props,
+      ternary.test.left,
+      jsxPath,
+      sourcePath,
+      ternary.inlineMediaQuery
+    );
+    if (mediaLeft)
+      return {
+        ...mediaLeft,
+        ternaryWithoutMedia: {
+          ...ternary,
+          test: ternary.test.right
+        }
+      };
+  }
+  const result = getMediaInfoFromExpression(
+    props,
+    ternary.test,
+    jsxPath,
+    sourcePath,
+    ternary.inlineMediaQuery
+  );
+  return result ? {
+    ...result,
+    ternaryWithoutMedia: null
+  } : null;
+}
+function getMediaInfoFromExpression(props, test, jsxPath, sourcePath, inlineMediaQuery) {
+  if (inlineMediaQuery)
+    return {
+      key: inlineMediaQuery,
+      bindingName: inlineMediaQuery
+    };
+  if (t.isMemberExpression(test) && t.isIdentifier(test.object) && t.isIdentifier(test.property)) {
+    const name = test.object.name, key = test.property.name, binding = jsxPath.scope.getAllBindings()[name];
+    if (!binding)
+      return !1;
+    const bindingNode = binding.path?.node;
+    return !t.isVariableDeclarator(bindingNode) || !bindingNode.init || !isValidMediaCall(props, jsxPath, bindingNode.init, sourcePath) ? !1 : { key, bindingName: name };
+  }
+  if (t.isIdentifier(test)) {
+    const key = test.name, node = jsxPath.scope.getBinding(test.name)?.path?.node;
+    return !t.isVariableDeclarator(node) || !node.init || !isValidMediaCall(props, jsxPath, node.init, sourcePath) ? !1 : { key, bindingName: key };
+  }
+  return null;
+}
+function isValidMediaCall(props, jsxPath, init, sourcePath) {
+  if (!init || !t.isCallExpression(init) || !t.isIdentifier(init.callee) || init.callee.name !== "useMedia")
+    return !1;
+  const mediaBinding = jsxPath.scope.getAllBindings().useMedia;
+  if (!mediaBinding)
+    return !1;
+  const useMediaImport = mediaBinding.path.parent;
+  return !(!t.isImportDeclaration(useMediaImport) || !(0, import_extractHelpers.isValidImport)(props, sourcePath));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  extractMediaStyle,
+  isValidMediaCall
+});
+//# sourceMappingURL=extractMediaStyle.js.map

package/dist/cjs/extractor/extractMediaStyle.native.js.map

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