@tamagui/web 1.74.3 → 1.74.5

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

@@ -0,0 +1,195 @@
+import { isClient } from "@tamagui/constants";
+import { createVariable } from "../createVariable";
+const scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms = {}, getAllSelectors = () => allSelectors, getAllRules = () => Object.values(allRules), getAllTransforms = () => insertedTransforms;
+function addTransform(identifier, css, rule) {
+  const s = css.indexOf("transform:");
+  if (s === -1) {
+    process.env.NODE_ENV === "development" && console.error(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`);
+    return;
+  }
+  const startI = s + 10, endI = css.indexOf(";"), value = css.slice(startI, endI);
+  if (!insertedTransforms[identifier])
+    return insertedTransforms[identifier] = value, !0;
+}
+function listenForSheetChanges() {
+  if (!isClient)
+    return;
+  new MutationObserver((entries) => {
+    for (const entry of entries)
+      if (entry instanceof HTMLStyleElement && entry.sheet || entry instanceof HTMLLinkElement && entry.href.endsWith(".css")) {
+        scanAllSheets();
+        break;
+      }
+  }).observe(document.head, {
+    childList: !0
+  });
+}
+let lastScannedSheets = null;
+function scanAllSheets(collectThemes = !1, tokens) {
+  if (process.env.NODE_ENV === "test" || !isClient)
+    return;
+  let themes;
+  const sheets = document.styleSheets || [], prev = lastScannedSheets, current = new Set(sheets);
+  if (document.styleSheets) {
+    for (const sheet2 of current)
+      if (sheet2) {
+        const out = updateSheetStyles(sheet2, !1, collectThemes, tokens);
+        out && (themes = out);
+      }
+    lastScannedSheets = current;
+  }
+  if (prev)
+    for (const sheet2 of prev)
+      sheet2 && !current.has(sheet2) && updateSheetStyles(sheet2, !0);
+  return themes;
+}
+function track(id, remove = !1) {
+  const next = (totalSelectorsInserted.get(id) || 0) + (remove ? -1 : 1);
+  return totalSelectorsInserted.set(id, next), next;
+}
+const bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES, bailAfter = bailAfterEnv ? +bailAfterEnv : 250;
+function updateSheetStyles(sheet2, remove = !1, collectThemes = !1, tokens) {
+  let rules;
+  try {
+    if (rules = sheet2.cssRules, !rules)
+      return;
+  } catch {
+    return;
+  }
+  const firstSelector = getTamaguiSelector(rules[0], collectThemes)?.[0], lastSelector = getTamaguiSelector(rules[rules.length - 1], collectThemes)?.[0], cacheKey = `${rules.length}${firstSelector}${lastSelector}`, lastScanned = scannedCache.get(sheet2);
+  if (!remove && lastScanned === cacheKey)
+    return;
+  const len = rules.length;
+  let fails = 0, dedupedThemes;
+  for (let i = 0; i < len; i++) {
+    const rule = rules[i];
+    if (!(rule instanceof CSSStyleRule))
+      continue;
+    const response = getTamaguiSelector(rule, collectThemes);
+    if (response)
+      fails = 0;
+    else {
+      if (fails++, fails > bailAfter)
+        return;
+      continue;
+    }
+    const [identifier, cssRule, isTheme] = response;
+    if (isTheme) {
+      const deduped = addThemesFromCSS(cssRule, tokens);
+      deduped && (dedupedThemes ||= [], dedupedThemes.push(deduped));
+      continue;
+    }
+    const total = track(identifier, remove);
+    remove ? total === 0 && delete allSelectors[identifier] : identifier in allSelectors || (!identifier.startsWith("_transform") || addTransform(identifier, cssRule.cssText, cssRule)) && (allSelectors[identifier] = cssRule.cssText);
+  }
+  return scannedCache.set(sheet2, cacheKey), dedupedThemes;
+}
+let colorVarToVal, rootComputedStyle = null;
+function addThemesFromCSS(cssStyleRule, tokens) {
+  const selectors = cssStyleRule.selectorText.split(",");
+  if (!selectors.length)
+    return;
+  if (tokens && !colorVarToVal) {
+    colorVarToVal = {};
+    for (const key in tokens.color) {
+      const token = tokens.color[key];
+      colorVarToVal[token.name] = token.val;
+    }
+  }
+  const rules = (cssStyleRule.cssText || "").slice(cssStyleRule.selectorText.length + 2, -1).trim().split(";"), values = {};
+  for (const rule of rules) {
+    const sepI = rule.indexOf(":");
+    if (sepI === -1)
+      continue;
+    const key = rule.slice(rule.indexOf("--") + 2, sepI), val = rule.slice(sepI + 2);
+    let value;
+    if (val[3] === "(") {
+      const varName = val.slice(6, -1), tokenVal = colorVarToVal[varName];
+      tokenVal ? value = tokenVal : (rootComputedStyle ||= getComputedStyle(document.body), value = rootComputedStyle.getPropertyValue("--" + varName));
+    } else
+      value = val;
+    values[key] = createVariable(
+      {
+        key,
+        name: key,
+        val: value
+      },
+      !0
+    );
+  }
+  const dedupedEntry = {
+    names: [],
+    theme: values
+  };
+  for (const selector of selectors) {
+    let scheme = selector.includes("t_dark") ? "dark" : selector.includes("t_light") ? "light" : "", name = selector.slice(selector.lastIndexOf(".t_") + 3);
+    name.startsWith(scheme) && (name = name.slice(scheme.length + 1)), scheme === name && (scheme = "");
+    const themeName = `${scheme}${scheme && name ? "_" : ""}${name}`;
+    dedupedEntry.names.includes(themeName) || dedupedEntry.names.push(themeName);
+  }
+  return dedupedEntry;
+}
+function getTamaguiSelector(rule, collectThemes = !1) {
+  if (rule instanceof CSSStyleRule) {
+    const text = rule.selectorText;
+    if (text[0] === ":" && text[1] === "r") {
+      if (text.startsWith(":root ._"))
+        return [getIdentifierFromTamaguiSelector(text), rule];
+      if (collectThemes && (text.startsWith(":root.t_") || text.startsWith(":root .t_")))
+        return [
+          text.slice(0, 20),
+          // just used as uid
+          rule,
+          !0
+        ];
+    }
+  } else if (rule instanceof CSSMediaRule)
+    return rule.cssRules.length > 1 ? void 0 : getTamaguiSelector(rule.cssRules[0]);
+}
+const getIdentifierFromTamaguiSelector = (selector) => {
+  let res = selector.slice(7);
+  return selector.includes(":") ? res.replace(/:[a-z]+$/, "") : res;
+}, sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
+function updateRules(identifier, rules) {
+  return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform") ? addTransform(identifier, rules[0]) : !0);
+}
+function insertStyleRules(rulesToInsert) {
+  if (!(!rulesToInsert.length || !sheet)) {
+    for (const { identifier, rules } of rulesToInsert)
+      if (shouldInsertStyleRules(identifier)) {
+        allSelectors[identifier] = rules.join(`
+`), track(identifier), updateRules(identifier, rules);
+        for (const rule of rules)
+          if (process.env.NODE_ENV === "production")
+            sheet.insertRule(rule, sheet.cssRules.length);
+          else
+            try {
+              sheet.insertRule(rule, sheet.cssRules.length);
+            } catch (err) {
+              console.groupCollapsed(
+                `Error inserting rule into CSSStyleSheet: ${String(err)}`
+              ), console.log({ rule, rulesToInsert }), console.trace(), console.groupEnd();
+            }
+      }
+  }
+}
+function shouldInsertStyleRules(identifier) {
+  if (process.env.IS_STATIC === "is_static")
+    return !0;
+  const total = totalSelectorsInserted.get(identifier);
+  return process.env.NODE_ENV === "development" && totalSelectorsInserted.size > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 5e4) && console.warn(
+    'Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher'
+  ), total === void 0 || total < 2;
+}
+export {
+  getAllRules,
+  getAllSelectors,
+  getAllTransforms,
+  insertStyleRules,
+  insertedTransforms,
+  listenForSheetChanges,
+  scanAllSheets,
+  shouldInsertStyleRules,
+  updateRules
+};
+//# sourceMappingURL=insertStyleRule.js.map

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

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

package/dist/esm/helpers/isObj.native.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.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/isObj.ts"],
+  "mappings": "AAAO,MAAM,QAAQ,CAAC,MAAW,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,OAAO,KAAM;",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+function isTamaguiComponent(comp, name) {
+  const config = comp?.staticConfig;
+  return !!(config && (!name || name === config.componentName));
+}
+export {
+  isTamaguiComponent
+};
+//# sourceMappingURL=isTamaguiComponent.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/isTamaguiComponent.tsx"],
+  "mappings": "AAEO,SAAS,mBACd,MACA,MAGA;AACA,QAAM,SAAS,MAAO;AACtB,SAAO,GAAQ,WAAW,SAAO,SAAS,OAAO;AACnD;",
+  "names": []
+}

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

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/isTamaguiElement.tsx"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAG/B,SAAS,0BAA0B;AAE5B,MAAM,mBAAmB,CAC9B,OACA,SAEO,eAAe,KAAK,KAAK,mBAAmB,MAAM,MAAM,IAAI;",
+  "names": []
+}

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

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/matchMedia.native.ts"],
+  "mappings": "AAEA,IAAI,iBAA6B;AAE1B,MAAM,aAAyB,IAAI,SAAS,eAAe,GAAG,IAAI;AAEzE,SAAS,mBAAmB,OAA+B;AACzD,SAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,qDAAqD,GAE7D;AAAA,IACL,OAAO,CAAC,GAAG,MAAM;AAAA,IACjB,aAAa,MAAM;AAAA,IAAC;AAAA,IACpB,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,SAAS;AAAA,EACX;AACF;AAEO,SAAS,gBAAgB,GAAe;AAC7C,mBAAiB,GAEjB,WAAW,aAAgB;AAC7B;",
+  "names": []
+}

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

@@ -0,0 +1,28 @@
+import { pseudoDescriptors } from "./pseudoDescriptors";
+const mergeProps = (a, b, inverseShorthands) => {
+  const out = {};
+  for (const key in a)
+    mergeProp(out, a, b, key, inverseShorthands);
+  if (b)
+    for (const key in b)
+      mergeProp(out, b, void 0, key, inverseShorthands);
+  return out;
+};
+function mergeProp(out, a, b, key, inverseShorthands) {
+  const shorthand = inverseShorthands?.[key] || null;
+  if (b && (key in b || shorthand && shorthand in b))
+    return;
+  const val = a[key];
+  if (key in pseudoDescriptors) {
+    out[key] = {
+      ...out[key],
+      ...val
+    };
+    return;
+  }
+  out[shorthand || key] = val;
+}
+export {
+  mergeProps
+};
+//# sourceMappingURL=mergeProps.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/mergeProps.ts"],
+  "mappings": "AAcA,SAAS,yBAAyB;AAI3B,MAAM,aAAa,CAAC,GAAW,GAAY,sBAAkC;AAClF,QAAM,MAAiB,CAAC;AACxB,aAAW,OAAO;AAChB,cAAU,KAAK,GAAG,GAAG,KAAK,iBAAiB;AAE7C,MAAI;AACF,eAAW,OAAO;AAChB,gBAAU,KAAK,GAAG,QAAW,KAAK,iBAAiB;AAGvD,SAAO;AACT;AAEA,SAAS,UACP,KACA,GACA,GACA,KACA,mBACA;AACA,QAAM,YAAY,oBAAoB,GAAG,KAAK;AAC9C,MAAI,MAAM,OAAO,KAAM,aAAa,aAAa;AAC/C;AAEF,QAAM,MAAM,EAAE,GAAG;AACjB,MAAI,OAAO,mBAAmB;AAC5B,QAAI,GAAG,IAAI;AAAA,MACT,GAAG,IAAI,GAAG;AAAA,MACV,GAAG;AAAA,IACL;AACA;AAAA,EACF;AACA,MAAI,aAAa,GAAG,IAAI;AAC1B;",
+  "names": []
+}

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

@@ -0,0 +1,35 @@
+const mergeVariants = (parentVariants, ourVariants) => {
+  const variants = {};
+  for (const key in ourVariants) {
+    const parentVariant = parentVariants?.[key], ourVariant = ourVariants[key];
+    if (!parentVariant || typeof ourVariant == "function") {
+      variants[key] = ourVariant;
+      continue;
+    }
+    if (parentVariant && !ourVariant) {
+      variants[key] = parentVariant[key];
+      continue;
+    }
+    variants[key] = {};
+    for (const subKey in ourVariant) {
+      const val = ourVariant[subKey], parentVal = parentVariant?.[subKey];
+      typeof val == "function" || !parentVal || typeof parentVal == "function" ? variants[key][subKey] = val : variants[key][subKey] = {
+        // keep order
+        ...parentVal,
+        ...val
+      };
+    }
+    parentVariant && (variants[key] = {
+      ...parentVariant,
+      ...variants[key]
+    });
+  }
+  return {
+    ...parentVariants,
+    ...variants
+  };
+};
+export {
+  mergeVariants
+};
+//# sourceMappingURL=mergeVariants.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/mergeVariants.ts"],
+  "mappings": "AAKO,MAAM,gBAAgB,CAC3B,gBACA,gBACG;AACH,QAAM,WAAW,CAAC;AAElB,aAAW,OAAO,aAAa;AAC7B,UAAM,gBAAgB,iBAAiB,GAAG,GACpC,aAAa,YAAY,GAAG;AAGlC,QAAI,CAAC,iBAAiB,OAAO,cAAe,YAAY;AACtD,eAAS,GAAG,IAAI;AAChB;AAAA,IACF;AAGA,QAAI,iBAAiB,CAAC,YAAY;AAChC,eAAS,GAAG,IAAI,cAAc,GAAG;AACjC;AAAA,IACF;AAEA,aAAS,GAAG,IAAI,CAAC;AAEjB,eAAW,UAAU,YAAY;AAC/B,YAAM,MAAM,WAAW,MAAM,GACvB,YAAY,gBAAgB,MAAM;AACxC,MAAI,OAAO,OAAQ,cAER,CAAC,aAAa,OAAO,aAAc,aAD5C,SAAS,GAAG,EAAE,MAAM,IAAI,MAIxB,SAAS,GAAG,EAAE,MAAM,IAAI;AAAA;AAAA,QAEtB,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IAEJ;AAGA,IAAI,kBACF,SAAS,GAAG,IAAI;AAAA,MACd,GAAG;AAAA,MACH,GAAG,SAAS,GAAG;AAAA,IACjB;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,20 @@
+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)
+    return;
+  if (color[0] === "$" || color[0] === "v" && color.startsWith("var(") || isWeb && opacity === 1)
+    return color;
+  const colorProcessed = normalizeCSSColor(color);
+  if (colorProcessed != null) {
+    const { r, g, b, a } = rgba(colorProcessed), alpha = (opacity ?? a ?? 1).toFixed(2);
+    return `rgba(${r},${g},${b},${alpha})`;
+  }
+  process.env.NODE_ENV === "development" && console.warn(`Unknown color value: ${color}`);
+};
+export {
+  normalizeColor,
+  rgba2 as rgba
+};
+//# sourceMappingURL=normalizeColor.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/normalizeColor.ts"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,mBAAmB,YAAY;AAExC,SAAS,QAAAA,aAAY;AAEd,MAAM,iBAAiB,CAAC,OAAuB,YAAqB;AACzE,MAAI,CAAC;AAAO;AAIZ,MAHI,MAAM,CAAC,MAAM,OAAQ,MAAM,CAAC,MAAM,OAAO,MAAM,WAAW,MAAM,KAGhE,SAAS,YAAY;AACvB,WAAO;AAET,QAAM,iBAAiB,kBAAkB,KAAK;AAC9C,MAAI,kBAAkB,MAAM;AAC1B,UAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK,cAAc,GAEpC,SADI,WAAW,KAAK,GACV,QAAQ,CAAC;AACzB,WAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK;AAAA,EACrC;AACA,EAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,wBAAwB,KAAK,EAAE;AAQhD;",
+  "names": ["rgba"]
+}

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

@@ -0,0 +1,28 @@
+import { normalizeCSSColor } from "@tamagui/normalize-css-color";
+import { defaultOffset } from "./defaultOffset";
+import { rgba } from "./normalizeColor";
+import { normalizeValueWithProperty } from "./normalizeValueWithProperty";
+function normalizeShadow({
+  shadowColor,
+  shadowOffset,
+  shadowOpacity,
+  shadowRadius
+}) {
+  const { height, width } = shadowOffset || defaultOffset, colorStr = String(shadowColor || "black"), val = normalizeCSSColor(colorStr);
+  if (typeof val != "number")
+    throw new Error(`invalid shadow color ${colorStr}`);
+  const { r, g, b, a } = rgba(val);
+  return {
+    shadowOffset: {
+      width: normalizeValueWithProperty(width || 0),
+      height: normalizeValueWithProperty(height || 0)
+    },
+    shadowRadius: normalizeValueWithProperty(shadowRadius || 0),
+    shadowColor: `rgb(${r},${g},${b})`,
+    shadowOpacity: shadowOpacity ?? a
+  };
+}
+export {
+  normalizeShadow
+};
+//# sourceMappingURL=normalizeShadow.native.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/normalizeShadow.native.ts"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAElC,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AACrB,SAAS,kCAAkC;AAEpC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAgB,eACpC,WAAW,OAAO,eAAe,OAAO,GACxC,MAAM,kBAAkB,QAAQ;AACtC,MAAI,OAAO,OAAQ;AACjB,UAAM,IAAI,MAAM,wBAAwB,QAAQ,EAAE;AAEpD,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK,GAAG;AAC/B,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,OAAO,2BAA2B,SAAS,CAAC;AAAA,MAC5C,QAAQ,2BAA2B,UAAU,CAAC;AAAA,IAChD;AAAA,IACA,cAAc,2BAA2B,gBAAgB,CAAC;AAAA,IAC1D,aAAa,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAAA,IAC/B,eAAe,iBAAiB;AAAA,EAClC;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,16 @@
+const normalizeStylePropKeys = {
+  backgroundColor: !0,
+  borderColor: !0,
+  borderTopColor: !0,
+  borderRightColor: !0,
+  borderBottomColor: !0,
+  borderLeftColor: !0,
+  color: !0,
+  shadowColor: !0,
+  textDecorationColor: !0,
+  textShadowColor: !0
+};
+export {
+  normalizeStylePropKeys
+};
+//# sourceMappingURL=normalizeStylePropKeys.native.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/normalizeStylePropKeys.native.ts"],
+  "mappings": "AAAO,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,iBAAiB;AACnB;",
+  "names": []
+}

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

@@ -0,0 +1,40 @@
+import { isWeb } from "@tamagui/constants";
+import { stylePropsAll, stylePropsUnitless } from "@tamagui/helpers";
+import { getAllSelectors } from "./insertStyleRule";
+const stylePropsAllPlusTransforms = {
+  ...stylePropsAll,
+  translateX: !0,
+  translateY: !0
+};
+function normalizeValueWithProperty(value, property) {
+  if (!isWeb || typeof value == "boolean" || property && property in stylePropsUnitless || property && !(property in stylePropsAllPlusTransforms))
+    return value;
+  let res = value;
+  return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
+}
+const rcache = {};
+function reverseMapClassNameToValue(key, className) {
+  const cssRule = getAllSelectors()[className];
+  if (rcache[cssRule])
+    return rcache[cssRule];
+  if (!cssRule) {
+    process.env.NODE_ENV === "development" && console.warn(
+      `No CSS rule found for ${key} looking for selector ".${className}", you may not be injecting extracted CSS`
+    );
+    return;
+  }
+  const cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim();
+  let res;
+  return cssVal.startsWith("var(") ? res = cssVal : stylePropsUnitless[key] ? res = +cssVal : cssVal.endsWith("px") ? res = +cssVal.replace("px", "") : res = cssVal, rcache[cssRule] = res, process.env.NODE_ENV === "development" && typeof res == "number" && isNaN(res) && console.log("Tamagui invalid parsed value, NaN:", {
+    res,
+    cssVal,
+    cssRule,
+    key,
+    className
+  }), res;
+}
+export {
+  normalizeValueWithProperty,
+  reverseMapClassNameToValue
+};
+//# sourceMappingURL=normalizeValueWithProperty.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/normalizeValueWithProperty.ts"],
+  "mappings": "AAKA,SAAS,aAAa;AACtB,SAAS,eAAe,0BAAuC;AAE/D,SAAS,uBAAuB;AAIhC,MAAM,8BAA8B;AAAA,EAClC,GAAG;AAAA,EACH,YAAY;AAAA,EACZ,YAAY;AACd;AAEO,SAAS,2BAA2B,OAAY,UAAwB;AAQ7E,MAPI,CAAC,SACD,OAAO,SAAU,aAGjB,YAAY,YAAY,sBAGxB,YAAY,EAAE,YAAY;AAC5B,WAAO;AAET,MAAI,MAAM;AAEV,SAAI,SAAS,OAAO,SAAU,WAAiB,SAC3C,OAAO,SAAU,WACnB,MAAM,GAAG,KAAK,OACL,aACT,MAAM,GAAG,GAAG,KAEP;AACT;AAIA,MAAM,SAAS,CAAC;AACT,SAAS,2BAA2B,KAAa,WAAmB;AAEzE,QAAM,UADY,gBAAgB,EACR,SAAS;AACnC,MAAI,OAAO,OAAO;AAChB,WAAO,OAAO,OAAO;AAGvB,MAAI,CAAC,SAAS;AACZ,IAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ;AAAA,MACN,yBAAyB,GAAG,2BAA2B,SAAS;AAAA,IAClE;AAEF;AAAA,EACF;AACA,QAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,OAAO,EAAE,EAAE,KAAK;AAClE,MAAI;AACJ,SAAI,OAAO,WAAW,MAAM,IAC1B,MAAM,SACG,mBAAmB,GAAG,IAC/B,MAAM,CAAC,SACE,OAAO,SAAS,IAAI,IAC7B,MAAM,CAAC,OAAO,QAAQ,MAAM,EAAE,IAE9B,MAAM,QAER,OAAO,OAAO,IAAI,KACd,QAAQ,IAAI,aAAa,iBAEvB,OAAO,OAAQ,YAAY,MAAM,GAAG,KAEtC,QAAQ,IAAI,sCAAsC;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,GAGE;AACT;",
+  "names": []
+}

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

@@ -0,0 +1,22 @@
+function objectIdentityKey(obj) {
+  let k = "";
+  for (const key in obj) {
+    k += key;
+    const arg = obj[key];
+    let type = typeof arg;
+    if (!arg || type !== "object")
+      k += type + arg;
+    else if (cache.has(arg))
+      k += cache.get(arg);
+    else {
+      let v = Math.random();
+      cache.set(arg, v), k += v;
+    }
+  }
+  return k;
+}
+const cache = /* @__PURE__ */ new WeakMap();
+export {
+  objectIdentityKey
+};
+//# sourceMappingURL=objectIdentityKey.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/objectIdentityKey.tsx"],
+  "mappings": "AAAO,SAAS,kBAAkB,KAAa;AAC7C,MAAI,IAAI;AACR,aAAW,OAAO,KAAK;AACrB,SAAK;AACL,UAAM,MAAM,IAAI,GAAG;AACnB,QAAI,OAAO,OAAO;AAClB,QAAI,CAAC,OAAO,SAAS;AACnB,WAAK,OAAO;AAAA,aACH,MAAM,IAAI,GAAG;AACtB,WAAK,MAAM,IAAI,GAAG;AAAA,SACb;AACL,UAAI,IAAI,KAAK,OAAO;AACpB,YAAM,IAAI,KAAK,CAAC,GAChB,KAAK;AAAA,IACP;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,QAAQ,oBAAI,QAAQ;",
+  "names": []
+}

package/dist/esm/helpers/propMapper.js

@@ -27,7 +27,7 @@ const propMapper = (key, value, styleStateIn, subPropsIn) => {
       return variantValue;
   }
   let shouldReturn = !1;
-  if (styleProps.disableExpandShorthands || key in conf.shorthands && (shouldReturn = !0, key = conf.shorthands[key]), value && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps.resolveValues, styleState) : isVariable(value) && (value = resolveVariableValue(value, styleProps.resolveValues))), shouldReturn || value != null)
+  if (styleProps.disableExpandShorthands || key in conf.shorthands && (shouldReturn = !0, key = conf.shorthands[key]), value && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps.resolveValues, styleState) : isVariable(value) && (value = resolveVariableValue(key, value, styleProps.resolveValues))), shouldReturn || value != null)
     return (styleProps.noExpand ? null : expandStyle(key, value)) || [[key, value]];
 }, resolveVariants = (key, value, styleProps, styleState, parentVariantKey) => {
   const { staticConfig, conf, debug } = styleState, { variants } = staticConfig;
@@ -85,16 +85,16 @@ function getFontFamilyFromNameOrVariable(input, conf) {
 const variableToFontNameCache = /* @__PURE__ */ new WeakMap(), fontFamilyCache = /* @__PURE__ */ new WeakMap(), getPropMappedFontFamily = (expanded) => expanded && fontFamilyCache.get(expanded), resolveTokensAndVariants = (key, value, styleProps, styleState, parentVariantKey) => {
   const { conf, staticConfig, debug, theme } = styleState, { variants } = staticConfig, res = {};
   process.env.NODE_ENV === "development" && debug === "verbose" && console.log("   - resolveTokensAndVariants", key, value);
-  for (const rKey in value) {
-    const fKey = conf.shorthands[rKey] || rKey, val = value[rKey];
+  for (const _key in value) {
+    const subKey = conf.shorthands[_key] || _key, val = value[_key];
     if (styleProps.noExpand)
-      res[fKey] = val;
-    else if (variants && fKey in variants) {
-      if (styleState.curProps[fKey] = val, parentVariantKey && parentVariantKey === key)
-        res[fKey] = // SYNC WITH *1
-        val[0] === "$" ? getTokenForKey(fKey, val, styleProps.resolveValues, styleState) : val;
+      res[subKey] = val;
+    else if (variants && subKey in variants) {
+      if (styleState.curProps[subKey] = val, parentVariantKey && parentVariantKey === key)
+        res[subKey] = // SYNC WITH *1
+        val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val;
       else {
-        const variantOut = resolveVariants(fKey, val, styleProps, styleState, key);
+        const variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
         if (variantOut)
           for (const [key2, val2] of variantOut)
             val2 != null && (key2 in pseudoDescriptors ? (res[key2] ??= {}, Object.assign(res[key2], val2)) : res[key2] = val2);
@@ -102,23 +102,28 @@ const variableToFontNameCache = /* @__PURE__ */ new WeakMap(), fontFamilyCache =
       continue;
     }
     if (isVariable(val)) {
-      res[fKey] = resolveVariableValue(val, styleProps.resolveValues);
+      res[subKey] = resolveVariableValue(subKey, val, styleProps.resolveValues);
       continue;
     }
     if (typeof val == "string") {
       const fVal = (
         // SYNC WITH *1
-        val[0] === "$" ? getTokenForKey(fKey, val, styleProps.resolveValues, styleState) : val
+        val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val
       );
-      res[fKey] = fVal;
+      res[subKey] = fVal;
       continue;
     }
     if (isObj(val)) {
-      const subObject = resolveTokensAndVariants(fKey, val, styleProps, styleState, key);
-      process.env.NODE_ENV === "development" && debug === "verbose" && console.log("object", fKey, subObject), res[fKey] ??= {}, Object.assign(res[fKey], subObject);
+      const subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
+      process.env.NODE_ENV === "development" && debug === "verbose" && console.log("object", subKey, subObject), res[subKey] ??= {}, Object.assign(res[subKey], subObject);
     } else
-      res[fKey] = val;
-    process.env.NODE_ENV === "development" && debug && res[fKey]?.[0] === "$" && console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey], theme);
+      res[subKey] = val;
+    process.env.NODE_ENV === "development" && debug && res[subKey]?.[0] === "$" && console.warn(
+      `\u26A0\uFE0F Missing token in theme ${theme.name}:`,
+      subKey,
+      res[subKey],
+      theme
+    );
   }
   return res;
 }, tokenCats = ["size", "color", "radius", "space", "zIndex"].map((name) => ({
@@ -183,19 +188,19 @@ const fontShorthand = {
     }
   }
   if (hasSet) {
-    const out = resolveVariableValue(valOrVar, resolveAs);
+    const out = resolveVariableValue(key, valOrVar, resolveAs);
     return process.env.NODE_ENV === "development" && styleState.debug === "verbose" && console.log("resolved", resolveAs, valOrVar.get, out), out;
   }
   return process.env.NODE_ENV === "development" && isDevTools && styleState.debug === "verbose" && (console.groupCollapsed("  \uFE52 propMap (val)", key, value), console.log({ valOrVar, theme, hasSet }, theme ? theme[key] : ""), console.groupEnd()), value;
 };
-function resolveVariableValue(valOrVar, resolveValues) {
+function resolveVariableValue(key, valOrVar, resolveValues) {
   if (resolveValues === "none")
     return valOrVar;
   if (isVariable(valOrVar)) {
     if (resolveValues === "value")
       return valOrVar.val;
     const get = valOrVar.get;
-    return typeof get == "function" ? get() : valOrVar.variable;
+    return typeof get == "function" ? get(resolveValues === "web" ? "web" : void 0) : valOrVar.variable;
   }
   return valOrVar;
 }