@tamagui/core 1.12.1 → 1.13.0

package/dist/esm/helpers/insertStyleRule.mjs

@@ -0,0 +1,186 @@
+const allSelectors = {};
+const allRules = {};
+const insertedTransforms = {};
+const getAllSelectors = () => allSelectors;
+const getAllRules = () => Object.values(allRules);
+const getAllTransforms = () => insertedTransforms;
+function addTransform(identifier, css, rule) {
+  const s = css.indexOf("transform:");
+  if (s === -1) {
+    if (process.env.NODE_ENV === "development") {
+      console.error(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`);
+    }
+    return false;
+  }
+  const startI = s + "transform:".length;
+  const endI = css.indexOf(";");
+  const value = css.slice(startI, endI);
+  if (!insertedTransforms[identifier]) {
+    insertedTransforms[identifier] = value;
+    return true;
+  }
+  return false;
+}
+const isClient = typeof document !== "undefined";
+const scannedCache = /* @__PURE__ */ new WeakMap();
+const totalSheetSelectors = /* @__PURE__ */ new Map();
+function listenForSheetChanges() {
+  if (!isClient)
+    return;
+  function handleNode(node, remove = false) {
+    if (node instanceof HTMLStyleElement && node.sheet) {
+      updateSheetStyles(node.sheet, remove);
+    }
+  }
+  const mo = new MutationObserver((entries) => {
+    for (const entry of entries) {
+      entry.addedNodes.forEach((node) => handleNode(node));
+      entry.removedNodes.forEach((node) => handleNode(node, true));
+    }
+  });
+  mo.observe(document.head, {
+    childList: true
+  });
+}
+function scanAllSheets() {
+  if (process.env.NODE_ENV === "test")
+    return;
+  if (!isClient)
+    return;
+  const sheets = document.styleSheets;
+  if (!sheets)
+    return;
+  for (let i = 0; i < sheets.length; i++) {
+    const sheet2 = sheets[i];
+    if (!sheet2)
+      continue;
+    updateSheetStyles(sheet2);
+  }
+}
+function track(id, remove = false) {
+  const next = (totalSheetSelectors.get(id) || 0) + (remove ? -1 : 1);
+  totalSheetSelectors.set(id, next);
+  return next;
+}
+function updateSheetStyles(sheet2, remove = false) {
+  var _a, _b;
+  let rules;
+  try {
+    rules = sheet2.cssRules;
+  } catch {
+    return;
+  }
+  const firstSelector = (_a = getTamaguiSelector(rules[0])) == null ? void 0 : _a[0];
+  if (!firstSelector) {
+    return;
+  }
+  const lastSelector = (_b = getTamaguiSelector(rules[rules.length - 1])) == null ? void 0 : _b[0];
+  const cacheKey = `${rules.length}${firstSelector}${lastSelector}`;
+  const lastScanned = scannedCache.get(sheet2);
+  if (!remove) {
+    if (lastScanned === cacheKey) {
+      return;
+    }
+  }
+  const len = rules.length;
+  for (let i = 0; i < len; i++) {
+    const rule = rules[i];
+    const response = getTamaguiSelector(rule);
+    if (!response) {
+      return;
+    }
+    const [identifier, cssRule] = response;
+    const total = track(identifier, remove);
+    if (remove) {
+      if (total === 0) {
+        delete allSelectors[identifier];
+      }
+    } else {
+      if (!(identifier in allSelectors)) {
+        const isTransform = identifier.startsWith("_transform");
+        const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true;
+        if (shouldInsert) {
+          allSelectors[identifier] = cssRule.cssText;
+        }
+      }
+    }
+  }
+  scannedCache.set(sheet2, cacheKey);
+}
+function getTamaguiSelector(rule) {
+  if (rule instanceof CSSStyleRule) {
+    const text = rule.selectorText;
+    if (text[0] === "." && text[1] === "_") {
+      return [text.slice(1), rule];
+    }
+    if (text.startsWith(":root") && text.includes("._")) {
+      return [getIdentifierFromTamaguiSelector(text), rule];
+    }
+  } else if (rule instanceof CSSMediaRule) {
+    if (rule.cssRules.length > 1)
+      return null;
+    return getTamaguiSelector(rule.cssRules[0]);
+  }
+  return null;
+}
+const getIdentifierFromTamaguiSelector = (selector) => selector.replace(/(:root)+\s+/, "").replace(/:[a-z]+$/, "").slice(1);
+const sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
+function updateRules(identifier, rules) {
+  if (allRules[identifier])
+    return false;
+  allRules[identifier] = rules.join(" ");
+  if (identifier.startsWith("_transform")) {
+    return addTransform(identifier, rules[0]);
+  }
+  return true;
+}
+function insertStyleRules(rulesToInsert) {
+  if (!rulesToInsert.length)
+    return;
+  if (isClient && !sheet) {
+    if (process.env.NODE_ENV === "development")
+      throw "impossible";
+    return;
+  }
+  for (const { identifier, rules } of rulesToInsert) {
+    if (identifier in allSelectors)
+      continue;
+    allSelectors[identifier] = process.env.NODE_ENV === "development" ? rules.join("\n") : " ";
+    updateRules(identifier, rules);
+    if (sheet) {
+      for (const rule of rules) {
+        try {
+          sheet.insertRule(rule, sheet.cssRules.length);
+        } catch (err) {
+          if (process.env.NODE_ENV !== "production") {
+            console.groupCollapsed(
+              `Error inserting rule into CSSStyleSheet: ${String(err)}`
+            );
+            console.log({ rule, rulesToInsert });
+            console.trace();
+            console.groupEnd();
+          }
+        }
+      }
+    }
+  }
+}
+const IS_STATIC = process.env.IS_STATIC === "is_static";
+function shouldInsertStyleRules(styleObject) {
+  if (IS_STATIC) {
+    return true;
+  }
+  return !(styleObject.identifier in allSelectors);
+}
+export {
+  getAllRules,
+  getAllSelectors,
+  getAllTransforms,
+  insertStyleRules,
+  insertedTransforms,
+  listenForSheetChanges,
+  scanAllSheets,
+  shouldInsertStyleRules,
+  updateRules
+};
+//# sourceMappingURL=insertStyleRule.mjs.map

package/dist/esm/helpers/insertStyleRule.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/insertStyleRule.tsx"],
+  "sourcesContent": ["import type { StyleObject } from '@tamagui/helpers'\n\nconst allSelectors: Record<string, string> = {}\nconst allRules: Record<string, string> = {}\nexport const insertedTransforms = {}\n\nexport const getAllSelectors = () => allSelectors\nexport const getAllRules = () => Object.values(allRules)\nexport const getAllTransforms = () => insertedTransforms\n\n// keep transforms in map for merging later\nfunction addTransform(identifier: string, css: string, rule?: CSSRule) {\n  const s = css.indexOf('transform:')\n  if (s === -1) {\n    if (process.env.NODE_ENV === 'development') {\n      console.error(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`)\n    }\n    return false\n  }\n  const startI = s + 'transform:'.length\n  const endI = css.indexOf(';')\n  const value = css.slice(startI, endI)\n  if (!insertedTransforms[identifier]) {\n    insertedTransforms[identifier] = value\n    return true\n  }\n  return false\n}\n\nconst isClient = typeof document !== 'undefined'\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\n\n// multiple sheets could have the same ids so we have to count\n\n// only cache tamagui styles\nconst scannedCache = new WeakMap<CSSStyleSheet, string>()\nconst totalSheetSelectors = new Map<string, number>()\n\nexport function listenForSheetChanges() {\n  if (!isClient) return\n  function handleNode(node: Node, remove = false) {\n    if (node instanceof HTMLStyleElement && node.sheet) {\n      updateSheetStyles(node.sheet, remove)\n    }\n  }\n  const mo = new MutationObserver((entries) => {\n    for (const entry of entries) {\n      entry.addedNodes.forEach((node) => handleNode(node))\n      entry.removedNodes.forEach((node) => handleNode(node, true))\n    }\n  })\n  mo.observe(document.head, {\n    childList: true,\n  })\n}\n\nexport function scanAllSheets() {\n  if (process.env.NODE_ENV === 'test') return\n  if (!isClient) return\n  const sheets = document.styleSheets\n  if (!sheets) return\n  for (let i = 0; i < sheets.length; i++) {\n    const sheet = sheets[i]\n    if (!sheet) continue\n    updateSheetStyles(sheet)\n  }\n}\n\nfunction track(id: string, remove = false) {\n  const next = (totalSheetSelectors.get(id) || 0) + (remove ? -1 : 1)\n  totalSheetSelectors.set(id, next)\n  return next\n}\n\nfunction updateSheetStyles(sheet: CSSStyleSheet, remove = false) {\n  // avoid errors on cross origin sheets\n  // https://stackoverflow.com/questions/49993633/uncaught-domexception-failed-to-read-the-cssrules-property\n  let rules: CSSRuleList\n  try {\n    rules = sheet.cssRules\n  } catch {\n    return\n  }\n\n  // not tamagui stylesheet\n  const firstSelector = getTamaguiSelector(rules[0])?.[0]\n  if (!firstSelector) {\n    return\n  }\n\n  const lastSelector = getTamaguiSelector(rules[rules.length - 1])?.[0]\n\n  const cacheKey = `${rules.length}${firstSelector}${lastSelector}`\n  const lastScanned = scannedCache.get(sheet)\n  if (!remove) {\n    // avoid re-scanning\n    if (lastScanned === cacheKey) {\n      return\n    }\n  }\n\n  const len = rules.length\n  for (let i = 0; i < len; i++) {\n    const rule = rules[i]\n    const response = getTamaguiSelector(rule)\n    if (!response) {\n      return\n    }\n\n    const [identifier, cssRule] = response\n\n    // track references\n    const total = track(identifier, remove)\n\n    if (remove) {\n      if (total === 0) {\n        delete allSelectors[identifier]\n      }\n    } else {\n      if (!(identifier in allSelectors)) {\n        const isTransform = identifier.startsWith('_transform')\n        const shouldInsert = isTransform\n          ? addTransform(identifier, cssRule.cssText, cssRule)\n          : true\n        if (shouldInsert) {\n          allSelectors[identifier] = cssRule.cssText\n        }\n      }\n    }\n  }\n\n  scannedCache.set(sheet, cacheKey)\n}\n\nfunction getTamaguiSelector(\n  rule: CSSRule | null\n): readonly [string, CSSStyleRule] | null {\n  if (rule instanceof CSSStyleRule) {\n    const text = rule.selectorText\n    if (text[0] === '.' && text[1] === '_') {\n      return [text.slice(1), rule]\n    }\n    if (text.startsWith(':root') && text.includes('._')) {\n      return [getIdentifierFromTamaguiSelector(text), rule]\n    }\n  } else if (rule instanceof CSSMediaRule) {\n    // tamagui only ever inserts 1 rule per media\n    if (rule.cssRules.length > 1) return null\n    return getTamaguiSelector(rule.cssRules[0])\n  }\n  return null\n}\n\nconst getIdentifierFromTamaguiSelector = (selector: string) =>\n  selector\n    .replace(/(:root)+\\s+/, '')\n    .replace(/:[a-z]+$/, '')\n    .slice(1)\n\nconst sheet = isClient\n  ? document.head.appendChild(document.createElement('style')).sheet\n  : null\n\nexport function updateRules(identifier: string, rules: string[]) {\n  if (allRules[identifier]) return false\n  allRules[identifier] = rules.join(' ')\n  if (identifier.startsWith('_transform')) {\n    return addTransform(identifier, rules[0])\n  }\n  return true\n}\n\n// [property, identifier, rules]\nexport type PartialStyleObject = Pick<StyleObject, 'identifier' | 'property' | 'rules'>\nexport type RulesToInsert = PartialStyleObject[]\n\nexport function insertStyleRules(rulesToInsert: RulesToInsert) {\n  if (!rulesToInsert.length) return\n  if (isClient && !sheet) {\n    if (process.env.NODE_ENV === 'development') throw 'impossible'\n    return\n  }\n  for (const { identifier, rules } of rulesToInsert) {\n    if (identifier in allSelectors) continue\n    allSelectors[identifier] =\n      process.env.NODE_ENV === 'development' ? rules.join('\\n') : ' '\n    updateRules(identifier, rules)\n    if (sheet) {\n      for (const rule of rules) {\n        try {\n          sheet.insertRule(rule, sheet.cssRules.length)\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.groupCollapsed(\n              `Error inserting rule into CSSStyleSheet: ${String(err)}`\n            )\n            console.log({ rule, rulesToInsert })\n            console.trace()\n            console.groupEnd()\n          }\n        }\n      }\n    }\n  }\n}\n\nconst IS_STATIC = process.env.IS_STATIC === 'is_static'\n\nexport function shouldInsertStyleRules(styleObject: PartialStyleObject) {\n  if (IS_STATIC) {\n    return true\n  }\n  return !(styleObject.identifier in allSelectors)\n}\n"],
+  "mappings": "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",
+  "names": ["sheet"]
+}

package/dist/esm/helpers/isObj.js

@@ -0,0 +1,5 @@
+const isObj = (x) => x && !Array.isArray(x) && typeof x === "object";
+export {
+  isObj
+};
+//# sourceMappingURL=isObj.js.map

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

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

package/dist/esm/helpers/isObj.mjs

@@ -0,0 +1,5 @@
+const isObj = (x) => x && !Array.isArray(x) && typeof x === "object";
+export {
+  isObj
+};
+//# sourceMappingURL=isObj.mjs.map

package/dist/esm/helpers/isObj.mjs.map

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

package/dist/esm/helpers/isTamaguiComponent.js

@@ -0,0 +1,8 @@
+function isTamaguiComponent(comp, name) {
+  const config = comp == null ? void 0 : comp["staticConfig"];
+  return (config == null ? void 0 : config.parsed) && (name ? name === config.componentName : true) || false;
+}
+export {
+  isTamaguiComponent
+};
+//# sourceMappingURL=isTamaguiComponent.js.map

package/dist/esm/helpers/isTamaguiComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/isTamaguiComponent.tsx"],
+  "sourcesContent": ["import { StaticConfig, StaticConfigParsed } from '../types'\n\nexport function isTamaguiComponent<A>(\n  comp: A,\n  name?: string\n): comp is A & {\n  staticConfig: StaticConfig\n} {\n  const config = comp?.['staticConfig'] as StaticConfigParsed | undefined\n  return (config?.parsed && (name ? name === config.componentName : true)) || false\n}\n"],
+  "mappings": "AAEO,SAAS,mBACd,MACA,MAGA;AACA,QAAM,SAAS,6BAAO;AACtB,UAAQ,iCAAQ,YAAW,OAAO,SAAS,OAAO,gBAAgB,SAAU;AAC9E;",
+  "names": []
+}

package/dist/esm/helpers/isTamaguiComponent.mjs

@@ -0,0 +1,8 @@
+function isTamaguiComponent(comp, name) {
+  const config = comp == null ? void 0 : comp["staticConfig"];
+  return (config == null ? void 0 : config.parsed) && (name ? name === config.componentName : true) || false;
+}
+export {
+  isTamaguiComponent
+};
+//# sourceMappingURL=isTamaguiComponent.mjs.map

package/dist/esm/helpers/isTamaguiComponent.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/isTamaguiComponent.tsx"],
+  "sourcesContent": ["import { StaticConfig, StaticConfigParsed } from '../types'\n\nexport function isTamaguiComponent<A>(\n  comp: A,\n  name?: string\n): comp is A & {\n  staticConfig: StaticConfig\n} {\n  const config = comp?.['staticConfig'] as StaticConfigParsed | undefined\n  return (config?.parsed && (name ? name === config.componentName : true)) || false\n}\n"],
+  "mappings": "AAEO,SAAS,mBACd,MACA,MAGA;AACA,QAAM,SAAS,6BAAO;AACtB,UAAQ,iCAAQ,YAAW,OAAO,SAAS,OAAO,gBAAgB,SAAU;AAC9E;",
+  "names": []
+}

package/dist/esm/helpers/isTamaguiElement.js

@@ -0,0 +1,9 @@
+import { isValidElement } from "react";
+import { isTamaguiComponent } from "./isTamaguiComponent";
+const isTamaguiElement = (child, name) => {
+  return isValidElement(child) && isTamaguiComponent(child.type, name);
+};
+export {
+  isTamaguiElement
+};
+//# sourceMappingURL=isTamaguiElement.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/isTamaguiElement.tsx"],
+  "sourcesContent": ["import React, { isValidElement } from 'react'\n\nimport { TamaguiComponent } from '../types'\nimport { isTamaguiComponent } from './isTamaguiComponent'\n\nexport type TamaguiReactElement<P = any> = React.ReactElement<P> & {\n  type: TamaguiComponent\n}\n\nexport const isTamaguiElement = (\n  child: any,\n  name?: string\n): child is TamaguiReactElement => {\n  return isValidElement(child) && isTamaguiComponent(child.type, name)\n}\n"],
+  "mappings": "AAAA,SAAgB,sBAAsB;AAGtC,SAAS,0BAA0B;AAM5B,MAAM,mBAAmB,CAC9B,OACA,SACiC;AACjC,SAAO,eAAe,KAAK,KAAK,mBAAmB,MAAM,MAAM,IAAI;AACrE;",
+  "names": []
+}

package/dist/esm/helpers/isTamaguiElement.mjs

@@ -0,0 +1,9 @@
+import { isValidElement } from "react";
+import { isTamaguiComponent } from "./isTamaguiComponent";
+const isTamaguiElement = (child, name) => {
+  return isValidElement(child) && isTamaguiComponent(child.type, name);
+};
+export {
+  isTamaguiElement
+};
+//# sourceMappingURL=isTamaguiElement.mjs.map

package/dist/esm/helpers/isTamaguiElement.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/isTamaguiElement.tsx"],
+  "sourcesContent": ["import React, { isValidElement } from 'react'\n\nimport { TamaguiComponent } from '../types'\nimport { isTamaguiComponent } from './isTamaguiComponent'\n\nexport type TamaguiReactElement<P = any> = React.ReactElement<P> & {\n  type: TamaguiComponent\n}\n\nexport const isTamaguiElement = (\n  child: any,\n  name?: string\n): child is TamaguiReactElement => {\n  return isValidElement(child) && isTamaguiComponent(child.type, name)\n}\n"],
+  "mappings": "AAAA,SAAgB,sBAAsB;AAGtC,SAAS,0BAA0B;AAM5B,MAAM,mBAAmB,CAC9B,OACA,SACiC;AACjC,SAAO,eAAe,KAAK,KAAK,mBAAmB,MAAM,MAAM,IAAI;AACrE;",
+  "names": []
+}

package/dist/esm/helpers/matchMedia.js

@@ -0,0 +1,17 @@
+const matchMedia = typeof window !== "undefined" && window.matchMedia || matchMediaFallback;
+function matchMediaFallback(_) {
+  return {
+    addListener() {
+    },
+    removeListener() {
+    },
+    matches: false
+  };
+}
+function setupMatchMedia(_) {
+}
+export {
+  matchMedia,
+  setupMatchMedia
+};
+//# sourceMappingURL=matchMedia.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/matchMedia.ts"],
+  "sourcesContent": ["import { MatchMedia, MediaQueryList } from '../types'\n\nexport const matchMedia =\n  (typeof window !== 'undefined' && window.matchMedia) || matchMediaFallback\n\nfunction matchMediaFallback(_: string): MediaQueryList {\n  return {\n    addListener() {},\n    removeListener() {},\n    matches: false,\n  }\n}\n\nexport function setupMatchMedia(_: MatchMedia) {\n  // no-op web\n}\n"],
+  "mappings": "AAEO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cAAe;AAE1D,SAAS,mBAAmB,GAA2B;AACrD,SAAO;AAAA,IACL,cAAc;AAAA,IAAC;AAAA,IACf,iBAAiB;AAAA,IAAC;AAAA,IAClB,SAAS;AAAA,EACX;AACF;AAEO,SAAS,gBAAgB,GAAe;AAE/C;",
+  "names": []
+}

package/dist/esm/helpers/matchMedia.mjs

@@ -0,0 +1,17 @@
+const matchMedia = typeof window !== "undefined" && window.matchMedia || matchMediaFallback;
+function matchMediaFallback(_) {
+  return {
+    addListener() {
+    },
+    removeListener() {
+    },
+    matches: false
+  };
+}
+function setupMatchMedia(_) {
+}
+export {
+  matchMedia,
+  setupMatchMedia
+};
+//# sourceMappingURL=matchMedia.mjs.map

package/dist/esm/helpers/matchMedia.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/matchMedia.ts"],
+  "sourcesContent": ["import { MatchMedia, MediaQueryList } from '../types'\n\nexport const matchMedia =\n  (typeof window !== 'undefined' && window.matchMedia) || matchMediaFallback\n\nfunction matchMediaFallback(_: string): MediaQueryList {\n  return {\n    addListener() {},\n    removeListener() {},\n    matches: false,\n  }\n}\n\nexport function setupMatchMedia(_: MatchMedia) {\n  // no-op web\n}\n"],
+  "mappings": "AAEO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cAAe;AAE1D,SAAS,mBAAmB,GAA2B;AACrD,SAAO;AAAA,IACL,cAAc;AAAA,IAAC;AAAA,IACf,iBAAiB;AAAA,IAAC;AAAA,IAClB,SAAS;AAAA,EACX;AACF;AAEO,SAAS,gBAAgB,GAAe;AAE/C;",
+  "names": []
+}

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

@@ -0,0 +1,23 @@
+let matchMediaImpl = matchMediaFallback;
+const matchMedia = (...args) => matchMediaImpl(...args);
+function matchMediaFallback(query) {
+  if (process.env.NODE_ENV === "development") {
+    console.warn("warning: matchMedia implementation is not provided.");
+  }
+  return {
+    addListener: () => {
+    },
+    removeListener: () => {
+    },
+    matches: false
+  };
+}
+function setupMatchMedia(_) {
+  matchMediaImpl = _;
+  globalThis["matchMedia"] = _;
+}
+export {
+  matchMedia,
+  setupMatchMedia
+};
+//# sourceMappingURL=matchMedia.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/matchMedia.native.ts"],
+  "sourcesContent": ["import { MatchMedia, MediaQueryList } from '../types'\n\nlet matchMediaImpl: MatchMedia = matchMediaFallback\n\nexport const matchMedia: MatchMedia = (...args) => matchMediaImpl(...args)\n\nfunction matchMediaFallback(query: string): MediaQueryList {\n  if (process.env.NODE_ENV === 'development') {\n    // eslint-disable-next-line no-console\n    console.warn('warning: matchMedia implementation is not provided.')\n  }\n  return {\n    addListener: () => {},\n    removeListener: () => {},\n    matches: false,\n  }\n}\n\nexport function setupMatchMedia(_: MatchMedia) {\n  matchMediaImpl = _\n  // @ts-ignore\n  globalThis['matchMedia'] = _\n}\n"],
+  "mappings": "AAEA,IAAI,iBAA6B;AAE1B,MAAM,aAAyB,IAAI,SAAS,eAAe,GAAG,IAAI;AAEzE,SAAS,mBAAmB,OAA+B;AACzD,MAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,YAAQ,KAAK,qDAAqD;AAAA,EACpE;AACA,SAAO;AAAA,IACL,aAAa,MAAM;AAAA,IAAC;AAAA,IACpB,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,SAAS;AAAA,EACX;AACF;AAEO,SAAS,gBAAgB,GAAe;AAC7C,mBAAiB;AAEjB,aAAW,YAAY,IAAI;AAC7B;",
+  "names": []
+}

package/dist/esm/helpers/matchMedia.native.mjs

@@ -0,0 +1,23 @@
+let matchMediaImpl = matchMediaFallback;
+const matchMedia = (...args) => matchMediaImpl(...args);
+function matchMediaFallback(query) {
+  if (process.env.NODE_ENV === "development") {
+    console.warn("warning: matchMedia implementation is not provided.");
+  }
+  return {
+    addListener: () => {
+    },
+    removeListener: () => {
+    },
+    matches: false
+  };
+}
+function setupMatchMedia(_) {
+  matchMediaImpl = _;
+  globalThis["matchMedia"] = _;
+}
+export {
+  matchMedia,
+  setupMatchMedia
+};
+//# sourceMappingURL=matchMedia.native.mjs.map

package/dist/esm/helpers/matchMedia.native.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/matchMedia.native.ts"],
+  "sourcesContent": ["import { MatchMedia, MediaQueryList } from '../types'\n\nlet matchMediaImpl: MatchMedia = matchMediaFallback\n\nexport const matchMedia: MatchMedia = (...args) => matchMediaImpl(...args)\n\nfunction matchMediaFallback(query: string): MediaQueryList {\n  if (process.env.NODE_ENV === 'development') {\n    // eslint-disable-next-line no-console\n    console.warn('warning: matchMedia implementation is not provided.')\n  }\n  return {\n    addListener: () => {},\n    removeListener: () => {},\n    matches: false,\n  }\n}\n\nexport function setupMatchMedia(_: MatchMedia) {\n  matchMediaImpl = _\n  // @ts-ignore\n  globalThis['matchMedia'] = _\n}\n"],
+  "mappings": "AAEA,IAAI,iBAA6B;AAE1B,MAAM,aAAyB,IAAI,SAAS,eAAe,GAAG,IAAI;AAEzE,SAAS,mBAAmB,OAA+B;AACzD,MAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,YAAQ,KAAK,qDAAqD;AAAA,EACpE;AACA,SAAO;AAAA,IACL,aAAa,MAAM;AAAA,IAAC;AAAA,IACpB,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,SAAS;AAAA,EACX;AACF;AAEO,SAAS,gBAAgB,GAAe;AAC7C,mBAAiB;AAEjB,aAAW,YAAY,IAAI;AAC7B;",
+  "names": []
+}

package/dist/esm/helpers/mergeProps.js

@@ -0,0 +1,30 @@
+const mergeProps = (a, b, leaveOutClassNames = false, inverseShorthands) => {
+  const out = {};
+  const outCns = leaveOutClassNames ? {} : null;
+  for (const key in a) {
+    mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands);
+  }
+  for (const key in b) {
+    mergeProp(out, outCns, b, void 0, key, leaveOutClassNames, inverseShorthands);
+  }
+  return [out, outCns];
+};
+function mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands) {
+  const val = a[key];
+  const shorthand = (inverseShorthands == null ? void 0 : inverseShorthands[key]) || null;
+  if (b && (key in b || shorthand && shorthand in b)) {
+    return;
+  }
+  if (shorthand) {
+    key = shorthand;
+  }
+  if (leaveOutClassNames && (val == null ? void 0 : val[0]) === "_") {
+    outCns[key] = val;
+  } else {
+    out[key] = val;
+  }
+}
+export {
+  mergeProps
+};
+//# sourceMappingURL=mergeProps.js.map

package/dist/esm/helpers/mergeProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/mergeProps.ts"],
+  "sourcesContent": ["/**\n * Preserves prop ordering, so that the order most closely matches the last spread objects\n * Useful for having { ...defaultProps, ...props } that ensure props ordering is always kept\n *\n *    Given:\n *      mergeProps({ a: 1, b: 2 }, { b: 1, a: 2 })\n *    The final key order will be:\n *      b, a\n *\n * Handles a couple special tamagui cases\n *   - classNames can be extracted out separately\n *   - shorthands can be expanded before merging\n */\n\ntype AnyRecord = Record<string, any>\n\nexport const mergeProps = (\n  a: Object,\n  b: Object,\n  leaveOutClassNames = false,\n  inverseShorthands?: AnyRecord\n) => {\n  const out: AnyRecord = {}\n  const outCns: AnyRecord = leaveOutClassNames ? {} : (null as any)\n  for (const key in a) {\n    mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands)\n  }\n  for (const key in b) {\n    mergeProp(out, outCns, b, undefined, key, leaveOutClassNames, inverseShorthands)\n  }\n  return [out, outCns] as const\n}\n\nfunction mergeProp(\n  out: AnyRecord,\n  outCns: AnyRecord,\n  a: Object,\n  b: Object | undefined,\n  key: string,\n  leaveOutClassNames: boolean,\n  inverseShorthands?: AnyRecord\n) {\n  const val = a[key]\n  const shorthand = inverseShorthands?.[key] || null\n  if (b && (key in b || (shorthand && shorthand in b))) {\n    return\n  }\n  if (shorthand) {\n    key = shorthand\n  }\n  if (leaveOutClassNames && val?.[0] === '_') {\n    outCns[key] = val\n  } else {\n    out[key] = val\n  }\n}\n"],
+  "mappings": "AAgBO,MAAM,aAAa,CACxB,GACA,GACA,qBAAqB,OACrB,sBACG;AACH,QAAM,MAAiB,CAAC;AACxB,QAAM,SAAoB,qBAAqB,CAAC,IAAK;AACrD,aAAW,OAAO,GAAG;AACnB,cAAU,KAAK,QAAQ,GAAG,GAAG,KAAK,oBAAoB,iBAAiB;AAAA,EACzE;AACA,aAAW,OAAO,GAAG;AACnB,cAAU,KAAK,QAAQ,GAAG,QAAW,KAAK,oBAAoB,iBAAiB;AAAA,EACjF;AACA,SAAO,CAAC,KAAK,MAAM;AACrB;AAEA,SAAS,UACP,KACA,QACA,GACA,GACA,KACA,oBACA,mBACA;AACA,QAAM,MAAM,EAAE,GAAG;AACjB,QAAM,aAAY,uDAAoB,SAAQ;AAC9C,MAAI,MAAM,OAAO,KAAM,aAAa,aAAa,IAAK;AACpD;AAAA,EACF;AACA,MAAI,WAAW;AACb,UAAM;AAAA,EACR;AACA,MAAI,uBAAsB,2BAAM,QAAO,KAAK;AAC1C,WAAO,GAAG,IAAI;AAAA,EAChB,OAAO;AACL,QAAI,GAAG,IAAI;AAAA,EACb;AACF;",
+  "names": []
+}

package/dist/esm/helpers/mergeProps.mjs

@@ -0,0 +1,30 @@
+const mergeProps = (a, b, leaveOutClassNames = false, inverseShorthands) => {
+  const out = {};
+  const outCns = leaveOutClassNames ? {} : null;
+  for (const key in a) {
+    mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands);
+  }
+  for (const key in b) {
+    mergeProp(out, outCns, b, void 0, key, leaveOutClassNames, inverseShorthands);
+  }
+  return [out, outCns];
+};
+function mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands) {
+  const val = a[key];
+  const shorthand = (inverseShorthands == null ? void 0 : inverseShorthands[key]) || null;
+  if (b && (key in b || shorthand && shorthand in b)) {
+    return;
+  }
+  if (shorthand) {
+    key = shorthand;
+  }
+  if (leaveOutClassNames && (val == null ? void 0 : val[0]) === "_") {
+    outCns[key] = val;
+  } else {
+    out[key] = val;
+  }
+}
+export {
+  mergeProps
+};
+//# sourceMappingURL=mergeProps.mjs.map

package/dist/esm/helpers/mergeProps.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/mergeProps.ts"],
+  "sourcesContent": ["/**\n * Preserves prop ordering, so that the order most closely matches the last spread objects\n * Useful for having { ...defaultProps, ...props } that ensure props ordering is always kept\n *\n *    Given:\n *      mergeProps({ a: 1, b: 2 }, { b: 1, a: 2 })\n *    The final key order will be:\n *      b, a\n *\n * Handles a couple special tamagui cases\n *   - classNames can be extracted out separately\n *   - shorthands can be expanded before merging\n */\n\ntype AnyRecord = Record<string, any>\n\nexport const mergeProps = (\n  a: Object,\n  b: Object,\n  leaveOutClassNames = false,\n  inverseShorthands?: AnyRecord\n) => {\n  const out: AnyRecord = {}\n  const outCns: AnyRecord = leaveOutClassNames ? {} : (null as any)\n  for (const key in a) {\n    mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands)\n  }\n  for (const key in b) {\n    mergeProp(out, outCns, b, undefined, key, leaveOutClassNames, inverseShorthands)\n  }\n  return [out, outCns] as const\n}\n\nfunction mergeProp(\n  out: AnyRecord,\n  outCns: AnyRecord,\n  a: Object,\n  b: Object | undefined,\n  key: string,\n  leaveOutClassNames: boolean,\n  inverseShorthands?: AnyRecord\n) {\n  const val = a[key]\n  const shorthand = inverseShorthands?.[key] || null\n  if (b && (key in b || (shorthand && shorthand in b))) {\n    return\n  }\n  if (shorthand) {\n    key = shorthand\n  }\n  if (leaveOutClassNames && val?.[0] === '_') {\n    outCns[key] = val\n  } else {\n    out[key] = val\n  }\n}\n"],
+  "mappings": "AAgBO,MAAM,aAAa,CACxB,GACA,GACA,qBAAqB,OACrB,sBACG;AACH,QAAM,MAAiB,CAAC;AACxB,QAAM,SAAoB,qBAAqB,CAAC,IAAK;AACrD,aAAW,OAAO,GAAG;AACnB,cAAU,KAAK,QAAQ,GAAG,GAAG,KAAK,oBAAoB,iBAAiB;AAAA,EACzE;AACA,aAAW,OAAO,GAAG;AACnB,cAAU,KAAK,QAAQ,GAAG,QAAW,KAAK,oBAAoB,iBAAiB;AAAA,EACjF;AACA,SAAO,CAAC,KAAK,MAAM;AACrB;AAEA,SAAS,UACP,KACA,QACA,GACA,GACA,KACA,oBACA,mBACA;AACA,QAAM,MAAM,EAAE,GAAG;AACjB,QAAM,aAAY,uDAAoB,SAAQ;AAC9C,MAAI,MAAM,OAAO,KAAM,aAAa,aAAa,IAAK;AACpD;AAAA,EACF;AACA,MAAI,WAAW;AACb,UAAM;AAAA,EACR;AACA,MAAI,uBAAsB,2BAAM,QAAO,KAAK;AAC1C,WAAO,GAAG,IAAI;AAAA,EAChB,OAAO;AACL,QAAI,GAAG,IAAI;AAAA,EACb;AACF;",
+  "names": []
+}

package/dist/esm/helpers/mergeTransform.js

@@ -0,0 +1,21 @@
+const mergeTransform = (obj, key, val, backwards = false) => {
+  obj.transform ||= [];
+  obj.transform[backwards ? "unshift" : "push"]({
+    [mapTransformKeys[key] || key]: val
+  });
+};
+const mergeTransforms = (obj, flatTransforms, backwards = false) => {
+  Object.entries(flatTransforms).forEach(([key, val]) => {
+    mergeTransform(obj, key, val, backwards);
+  });
+};
+const mapTransformKeys = {
+  x: "translateX",
+  y: "translateY"
+};
+export {
+  mapTransformKeys,
+  mergeTransform,
+  mergeTransforms
+};
+//# sourceMappingURL=mergeTransform.js.map

package/dist/esm/helpers/mergeTransform.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/mergeTransform.ts"],
+  "sourcesContent": ["import type { ViewStyle } from 'react-native'\n\nexport type FlatTransforms = Record<string, any>\n\nexport const mergeTransform = (\n  obj: ViewStyle,\n  key: string,\n  val: any,\n  backwards = false\n) => {\n  obj.transform ||= []\n  obj.transform[backwards ? 'unshift' : 'push']({\n    [mapTransformKeys[key] || key]: val,\n  } as any)\n}\n\nexport const mergeTransforms = (\n  obj: ViewStyle,\n  flatTransforms: FlatTransforms,\n  backwards = false\n) => {\n  Object.entries(flatTransforms).forEach(([key, val]) => {\n    mergeTransform(obj, key, val, backwards)\n  })\n}\n\nexport const mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n"],
+  "mappings": "AAIO,MAAM,iBAAiB,CAC5B,KACA,KACA,KACA,YAAY,UACT;AACH,MAAI,cAAc,CAAC;AACnB,MAAI,UAAU,YAAY,YAAY,MAAM,EAAE;AAAA,IAC5C,CAAC,iBAAiB,GAAG,KAAK,GAAG,GAAG;AAAA,EAClC,CAAQ;AACV;AAEO,MAAM,kBAAkB,CAC7B,KACA,gBACA,YAAY,UACT;AACH,SAAO,QAAQ,cAAc,EAAE,QAAQ,CAAC,CAAC,KAAK,GAAG,MAAM;AACrD,mBAAe,KAAK,KAAK,KAAK,SAAS;AAAA,EACzC,CAAC;AACH;AAEO,MAAM,mBAAmB;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AACL;",
+  "names": []
+}

package/dist/esm/helpers/mergeTransform.mjs

@@ -0,0 +1,21 @@
+const mergeTransform = (obj, key, val, backwards = false) => {
+  obj.transform ||= [];
+  obj.transform[backwards ? "unshift" : "push"]({
+    [mapTransformKeys[key] || key]: val
+  });
+};
+const mergeTransforms = (obj, flatTransforms, backwards = false) => {
+  Object.entries(flatTransforms).forEach(([key, val]) => {
+    mergeTransform(obj, key, val, backwards);
+  });
+};
+const mapTransformKeys = {
+  x: "translateX",
+  y: "translateY"
+};
+export {
+  mapTransformKeys,
+  mergeTransform,
+  mergeTransforms
+};
+//# sourceMappingURL=mergeTransform.mjs.map

package/dist/esm/helpers/mergeTransform.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/mergeTransform.ts"],
+  "sourcesContent": ["import type { ViewStyle } from 'react-native'\n\nexport type FlatTransforms = Record<string, any>\n\nexport const mergeTransform = (\n  obj: ViewStyle,\n  key: string,\n  val: any,\n  backwards = false\n) => {\n  obj.transform ||= []\n  obj.transform[backwards ? 'unshift' : 'push']({\n    [mapTransformKeys[key] || key]: val,\n  } as any)\n}\n\nexport const mergeTransforms = (\n  obj: ViewStyle,\n  flatTransforms: FlatTransforms,\n  backwards = false\n) => {\n  Object.entries(flatTransforms).forEach(([key, val]) => {\n    mergeTransform(obj, key, val, backwards)\n  })\n}\n\nexport const mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n"],
+  "mappings": "AAIO,MAAM,iBAAiB,CAC5B,KACA,KACA,KACA,YAAY,UACT;AACH,MAAI,cAAc,CAAC;AACnB,MAAI,UAAU,YAAY,YAAY,MAAM,EAAE;AAAA,IAC5C,CAAC,iBAAiB,GAAG,KAAK,GAAG,GAAG;AAAA,EAClC,CAAQ;AACV;AAEO,MAAM,kBAAkB,CAC7B,KACA,gBACA,YAAY,UACT;AACH,SAAO,QAAQ,cAAc,EAAE,QAAQ,CAAC,CAAC,KAAK,GAAG,MAAM;AACrD,mBAAe,KAAK,KAAK,KAAK,SAAS;AAAA,EACzC,CAAC;AACH;AAEO,MAAM,mBAAmB;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AACL;",
+  "names": []
+}

package/dist/esm/helpers/normalizeColor.js

@@ -0,0 +1,36 @@
+import { isWeb } from "@tamagui/constants";
+import normalizeCSSColor, { rgba } from "@tamagui/normalize-css-color";
+import { rgba as rgba2 } from "@tamagui/normalize-css-color";
+const normalizeColor = (color, opacity) => {
+  if (color === null || color === void 0) {
+    return;
+  }
+  if (color === "transparent") {
+    return `rgba(0,0,0,0)`;
+  }
+  if (color[0] === "$" || isWeb && (webColors[color] || color[0] === "_" || color.startsWith("var("))) {
+    return color;
+  }
+  const colorProcessed = normalizeCSSColor(color);
+  if (colorProcessed !== null) {
+    const { r, g, b, a } = rgba(colorProcessed);
+    return `rgba(${r},${g},${b},${(opacity ?? a).toFixed(2)})`;
+  }
+  if (isWeb) {
+    return color;
+  } else {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(`Unknown color value: ${color}`);
+    }
+  }
+};
+const webColors = {
+  currentColor: true,
+  currentcolor: true,
+  inherit: true
+};
+export {
+  normalizeColor,
+  rgba2 as rgba
+};
+//# sourceMappingURL=normalizeColor.js.map

package/dist/esm/helpers/normalizeColor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/normalizeColor.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport normalizeCSSColor, { rgba } from '@tamagui/normalize-css-color'\n\nexport { rgba } from '@tamagui/normalize-css-color'\n\nexport const normalizeColor = (color?: string | null, opacity?: number) => {\n  if (color === null || color === undefined) {\n    return\n  }\n  if (color === 'transparent') {\n    return `rgba(0,0,0,0)`\n  }\n  if (\n    color[0] === '$' ||\n    (isWeb && (webColors[color] || color[0] === '_' || color.startsWith('var(')))\n  ) {\n    return color\n  }\n  const colorProcessed = normalizeCSSColor(color)\n  if (colorProcessed !== null) {\n    const { r, g, b, a } = rgba(colorProcessed)\n    return `rgba(${r},${g},${b},${(opacity ?? a).toFixed(2)})`\n  }\n\n  if (isWeb) {\n    return color\n  } else {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn(`Unknown color value: ${color}`)\n    }\n  }\n}\n\nconst webColors = {\n  currentColor: true,\n  currentcolor: true,\n  inherit: true,\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,OAAO,qBAAqB,YAAY;AAExC,SAAS,QAAAA,aAAY;AAEd,MAAM,iBAAiB,CAAC,OAAuB,YAAqB;AACzE,MAAI,UAAU,QAAQ,UAAU,QAAW;AACzC;AAAA,EACF;AACA,MAAI,UAAU,eAAe;AAC3B,WAAO;AAAA,EACT;AACA,MACE,MAAM,CAAC,MAAM,OACZ,UAAU,UAAU,KAAK,KAAK,MAAM,CAAC,MAAM,OAAO,MAAM,WAAW,MAAM,IAC1E;AACA,WAAO;AAAA,EACT;AACA,QAAM,iBAAiB,kBAAkB,KAAK;AAC9C,MAAI,mBAAmB,MAAM;AAC3B,UAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK,cAAc;AAC1C,WAAO,QAAQ,KAAK,KAAK,MAAM,WAAW,GAAG,QAAQ,CAAC;AAAA,EACxD;AAEA,MAAI,OAAO;AACT,WAAO;AAAA,EACT,OAAO;AACL,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAQ,KAAK,wBAAwB,OAAO;AAAA,IAC9C;AAAA,EACF;AACF;AAEA,MAAM,YAAY;AAAA,EAChB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX;",
+  "names": ["rgba"]
+}