@tamagui/web 1.123.6 → 1.123.8

package/dist/cjs/helpers/getCSSStylesAtomic.cjs

@@ -0,0 +1,176 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getCSSStylesAtomic_exports = {};
+__export(getCSSStylesAtomic_exports, {
+  getCSSStylesAtomic: () => getCSSStylesAtomic,
+  getStyleAtomic: () => getStyleAtomic,
+  styleToCSS: () => styleToCSS
+});
+module.exports = __toCommonJS(getCSSStylesAtomic_exports);
+var import_helpers = require("@tamagui/helpers"),
+  import_config = require("../config.cjs"),
+  import_defaultOffset = require("./defaultOffset.cjs"),
+  import_normalizeColor = require("./normalizeColor.cjs"),
+  import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs"),
+  import_pseudoDescriptors = require("./pseudoDescriptors.cjs"),
+  import_transformsToString = require("./transformsToString.cjs"),
+  import_useMedia = require("../hooks/useMedia.cjs");
+function getCSSStylesAtomic(style) {
+  styleToCSS(style);
+  const out = [];
+  for (const key in style) {
+    if (key === "$$css") continue;
+    const val = style[key];
+    if (key in import_pseudoDescriptors.pseudoDescriptors) val && out.push(...getStyleAtomic(val, import_pseudoDescriptors.pseudoDescriptors[key]));else if ((0, import_useMedia.isMediaKey)(key)) for (const subKey in val) {
+      const so = getStyleObject(val, subKey);
+      so && (so[0] = key, out.push(so));
+    } else {
+      const so = getStyleObject(style, key);
+      so && out.push(so);
+    }
+  }
+  return out;
+}
+const getStyleAtomic = (style, pseudo) => {
+  styleToCSS(style);
+  const out = [];
+  for (const key in style) {
+    const so = getStyleObject(style, key, pseudo);
+    so && out.push(so);
+  }
+  return out;
+};
+let conf = null;
+const getStyleObject = (style, key, pseudo) => {
+  let val = style[key];
+  if (val == null) return;
+  key === "transform" && Array.isArray(style.transform) && (val = (0, import_transformsToString.transformsToString)(val));
+  const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key),
+    hash = (0, import_helpers.simpleHash)(typeof value == "string" ? value : `${value}`),
+    pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
+  conf ||= (0, import_config.getConfigMaybe)();
+  const identifier = `_${conf?.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`,
+    rules = createAtomicRules(identifier, key, value, pseudo);
+  return [
+  // array for performance
+  key, value, identifier, pseudo?.name, rules];
+};
+function styleToCSS(style) {
+  const {
+    shadowOffset,
+    shadowRadius,
+    shadowColor,
+    shadowOpacity
+  } = style;
+  if (shadowRadius || shadowColor) {
+    const offset = shadowOffset || import_defaultOffset.defaultOffset,
+      width = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.width),
+      height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height),
+      radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius),
+      color = (0, import_normalizeColor.normalizeColor)(shadowColor, shadowOpacity),
+      shadow = `${width} ${height} ${radius} ${color}`;
+    style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow, delete style.shadowOffset, delete style.shadowRadius, delete style.shadowColor, delete style.shadowOpacity;
+  }
+  const {
+    textShadowColor,
+    textShadowOffset,
+    textShadowRadius
+  } = style;
+  if (textShadowColor || textShadowOffset || textShadowRadius) {
+    const {
+        height,
+        width
+      } = textShadowOffset || import_defaultOffset.defaultOffset,
+      radius = textShadowRadius || 0,
+      color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
+    if (color && (height !== 0 || width !== 0 || radius !== 0)) {
+      const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius),
+        offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width),
+        offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
+      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
+    }
+    delete style.textShadowColor, delete style.textShadowOffset, delete style.textShadowRadius;
+  }
+}
+function createDeclarationBlock(style, important = !1) {
+  let next = "";
+  for (const [key, value] of style) next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
+  return `{${next}}`;
+}
+const hcache = {},
+  toHyphenLower = match => `-${match.toLowerCase()}`,
+  hyphenateStyleName = key => {
+    if (key in hcache) return hcache[key];
+    const val = key.replace(/[A-Z]/g, toHyphenLower);
+    return hcache[key] = val, val;
+  },
+  selectorPriority = (() => {
+    const res = {};
+    for (const key in import_pseudoDescriptors.pseudoDescriptors) {
+      const pseudo = import_pseudoDescriptors.pseudoDescriptors[key];
+      res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ":root").join("")} `;
+    }
+    return res;
+  })();
+function createAtomicRules(identifier, property, value, pseudo) {
+  const pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? "[aria-disabled]" : `:${pseudo.name}` : "",
+    pseudoSelector = pseudo?.selector;
+  let selector = pseudo ? pseudoSelector ? `${pseudoSelector} .${identifier}` : `${selectorPriority[pseudo.name]} .${identifier}${pseudoIdPostfix}` : `:root .${identifier}`;
+  pseudoSelector === import_pseudoDescriptors.pseudoDescriptors.enterStyle.selector && (selector = `${selector}, .${identifier}${pseudoSelector}`);
+  const important = !!pseudo;
+  let rules = [];
+  switch (property) {
+    // Equivalent to using '::placeholder'
+    case "placeholderTextColor":
+      {
+        const block = createDeclarationBlock([["color", value], ["opacity", 1]], important);
+        rules.push(`${selector}::placeholder${block}`);
+        break;
+      }
+    // all webkit prefixed rules
+    case "backgroundClip":
+    case "userSelect":
+      {
+        const webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`,
+          block = createDeclarationBlock([[property, value], [webkitProperty, value]], important);
+        rules.push(`${selector}${block}`);
+        break;
+      }
+    // Polyfill for additional 'pointer-events' values
+    case "pointerEvents":
+      {
+        let finalValue = value;
+        value === "auto" || value === "box-only" ? (finalValue = "auto", value === "box-only" && rules.push(`${selector}>*${boxOnly}`)) : (value === "none" || value === "box-none") && (finalValue = "none", value === "box-none" && rules.push(`${selector}>*${boxNone}`));
+        const block = createDeclarationBlock([["pointerEvents", finalValue]], !0);
+        rules.push(`${selector}${block}`);
+        break;
+      }
+    default:
+      {
+        const block = createDeclarationBlock([[property, value]], important);
+        rules.push(`${selector}${block}`);
+        break;
+      }
+  }
+  return pseudo?.name === "hover" && (rules = rules.map(r => `@media (hover) {${r}}`)), rules;
+}
+const boxNone = createDeclarationBlock([["pointerEvents", "auto"]], !0),
+  boxOnly = createDeclarationBlock([["pointerEvents", "none"]], !0);

package/dist/cjs/helpers/getCSSStylesAtomic.js

@@ -0,0 +1,152 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var getCSSStylesAtomic_exports = {};
+__export(getCSSStylesAtomic_exports, {
+  getCSSStylesAtomic: () => getCSSStylesAtomic,
+  getStyleAtomic: () => getStyleAtomic,
+  styleToCSS: () => styleToCSS
+});
+module.exports = __toCommonJS(getCSSStylesAtomic_exports);
+var import_helpers = require("@tamagui/helpers"), import_config = require("../config"), import_defaultOffset = require("./defaultOffset"), import_normalizeColor = require("./normalizeColor"), import_normalizeValueWithProperty = require("./normalizeValueWithProperty"), import_pseudoDescriptors = require("./pseudoDescriptors"), import_transformsToString = require("./transformsToString"), import_useMedia = require("../hooks/useMedia");
+function getCSSStylesAtomic(style) {
+  styleToCSS(style);
+  const out = [];
+  for (const key in style) {
+    if (key === "$$css") continue;
+    const val = style[key];
+    if (key in import_pseudoDescriptors.pseudoDescriptors)
+      val && out.push(...getStyleAtomic(val, import_pseudoDescriptors.pseudoDescriptors[key]));
+    else if ((0, import_useMedia.isMediaKey)(key))
+      for (const subKey in val) {
+        const so = getStyleObject(val, subKey);
+        so && (so[0] = key, out.push(so));
+      }
+    else {
+      const so = getStyleObject(style, key);
+      so && out.push(so);
+    }
+  }
+  return out;
+}
+const getStyleAtomic = (style, pseudo) => {
+  styleToCSS(style);
+  const out = [];
+  for (const key in style) {
+    const so = getStyleObject(style, key, pseudo);
+    so && out.push(so);
+  }
+  return out;
+};
+let conf = null;
+const getStyleObject = (style, key, pseudo) => {
+  let val = style[key];
+  if (val == null) return;
+  key === "transform" && Array.isArray(style.transform) && (val = (0, import_transformsToString.transformsToString)(val));
+  const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key), hash = (0, import_helpers.simpleHash)(typeof value == "string" ? value : `${value}`), pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
+  conf ||= (0, import_config.getConfigMaybe)();
+  const identifier = `_${conf?.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`, rules = createAtomicRules(identifier, key, value, pseudo);
+  return [
+    // array for performance
+    key,
+    value,
+    identifier,
+    pseudo?.name,
+    rules
+  ];
+};
+function styleToCSS(style) {
+  const { shadowOffset, shadowRadius, shadowColor, shadowOpacity } = style;
+  if (shadowRadius || shadowColor) {
+    const offset = shadowOffset || import_defaultOffset.defaultOffset, width = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.width), height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height), radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius), color = (0, import_normalizeColor.normalizeColor)(shadowColor, shadowOpacity), shadow = `${width} ${height} ${radius} ${color}`;
+    style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow, delete style.shadowOffset, delete style.shadowRadius, delete style.shadowColor, delete style.shadowOpacity;
+  }
+  const { textShadowColor, textShadowOffset, textShadowRadius } = style;
+  if (textShadowColor || textShadowOffset || textShadowRadius) {
+    const { height, width } = textShadowOffset || import_defaultOffset.defaultOffset, radius = textShadowRadius || 0, color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
+    if (color && (height !== 0 || width !== 0 || radius !== 0)) {
+      const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius), offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width), offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
+      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
+    }
+    delete style.textShadowColor, delete style.textShadowOffset, delete style.textShadowRadius;
+  }
+}
+function createDeclarationBlock(style, important = !1) {
+  let next = "";
+  for (const [key, value] of style)
+    next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
+  return `{${next}}`;
+}
+const hcache = {}, toHyphenLower = (match) => `-${match.toLowerCase()}`, hyphenateStyleName = (key) => {
+  if (key in hcache) return hcache[key];
+  const val = key.replace(/[A-Z]/g, toHyphenLower);
+  return hcache[key] = val, val;
+}, selectorPriority = (() => {
+  const res = {};
+  for (const key in import_pseudoDescriptors.pseudoDescriptors) {
+    const pseudo = import_pseudoDescriptors.pseudoDescriptors[key];
+    res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ":root").join("")} `;
+  }
+  return res;
+})();
+function createAtomicRules(identifier, property, value, pseudo) {
+  const pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? "[aria-disabled]" : `:${pseudo.name}` : "", pseudoSelector = pseudo?.selector;
+  let selector = pseudo ? pseudoSelector ? `${pseudoSelector} .${identifier}` : `${selectorPriority[pseudo.name]} .${identifier}${pseudoIdPostfix}` : `:root .${identifier}`;
+  pseudoSelector === import_pseudoDescriptors.pseudoDescriptors.enterStyle.selector && (selector = `${selector}, .${identifier}${pseudoSelector}`);
+  const important = !!pseudo;
+  let rules = [];
+  switch (property) {
+    // Equivalent to using '::placeholder'
+    case "placeholderTextColor": {
+      const block = createDeclarationBlock(
+        [
+          ["color", value],
+          ["opacity", 1]
+        ],
+        important
+      );
+      rules.push(`${selector}::placeholder${block}`);
+      break;
+    }
+    // all webkit prefixed rules
+    case "backgroundClip":
+    case "userSelect": {
+      const webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`, block = createDeclarationBlock(
+        [
+          [property, value],
+          [webkitProperty, value]
+        ],
+        important
+      );
+      rules.push(`${selector}${block}`);
+      break;
+    }
+    // Polyfill for additional 'pointer-events' values
+    case "pointerEvents": {
+      let finalValue = value;
+      value === "auto" || value === "box-only" ? (finalValue = "auto", value === "box-only" && rules.push(`${selector}>*${boxOnly}`)) : (value === "none" || value === "box-none") && (finalValue = "none", value === "box-none" && rules.push(`${selector}>*${boxNone}`));
+      const block = createDeclarationBlock([["pointerEvents", finalValue]], !0);
+      rules.push(`${selector}${block}`);
+      break;
+    }
+    default: {
+      const block = createDeclarationBlock([[property, value]], important);
+      rules.push(`${selector}${block}`);
+      break;
+    }
+  }
+  return pseudo?.name === "hover" && (rules = rules.map((r) => `@media (hover) {${r}}`)), rules;
+}
+const boxNone = createDeclarationBlock([["pointerEvents", "auto"]], !0), boxOnly = createDeclarationBlock([["pointerEvents", "none"]], !0);
+//# sourceMappingURL=getCSSStylesAtomic.js.map

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

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

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

@@ -0,0 +1,203 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var getCSSStylesAtomic_exports = {};
+__export(getCSSStylesAtomic_exports, {
+  getCSSStylesAtomic: () => getCSSStylesAtomic,
+  getStyleAtomic: () => getStyleAtomic,
+  styleToCSS: () => styleToCSS
+});
+module.exports = __toCommonJS(getCSSStylesAtomic_exports);
+var import_helpers = require("@tamagui/helpers"), import_config = require("../config"), import_defaultOffset = require("./defaultOffset"), import_normalizeColor = require("./normalizeColor"), import_normalizeValueWithProperty = require("./normalizeValueWithProperty"), import_pseudoDescriptors = require("./pseudoDescriptors"), import_transformsToString = require("./transformsToString"), import_useMedia = require("../hooks/useMedia");
+function getCSSStylesAtomic(style) {
+  styleToCSS(style);
+  var out = [];
+  for (var key in style)
+    if (key !== "$$css") {
+      var val = style[key];
+      if (key in import_pseudoDescriptors.pseudoDescriptors)
+        val && out.push(...getStyleAtomic(val, import_pseudoDescriptors.pseudoDescriptors[key]));
+      else if ((0, import_useMedia.isMediaKey)(key))
+        for (var subKey in val) {
+          var so = getStyleObject(val, subKey);
+          so && (so[0] = key, out.push(so));
+        }
+      else {
+        var so1 = getStyleObject(style, key);
+        so1 && out.push(so1);
+      }
+    }
+  return out;
+}
+var getStyleAtomic = function(style, pseudo) {
+  styleToCSS(style);
+  var out = [];
+  for (var key in style) {
+    var so = getStyleObject(style, key, pseudo);
+    so && out.push(so);
+  }
+  return out;
+}, conf = null, getStyleObject = function(style, key, pseudo) {
+  var val = style[key];
+  if (val != null) {
+    key === "transform" && Array.isArray(style.transform) && (val = (0, import_transformsToString.transformsToString)(val));
+    var value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key), hash = (0, import_helpers.simpleHash)(typeof value == "string" ? value : `${value}`), pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
+    conf || (conf = (0, import_config.getConfigMaybe)());
+    var shortProp = (conf == null ? void 0 : conf.inverseShorthands[key]) || key, identifier = `_${shortProp}-${pseudoPrefix}${hash}`, rules = createAtomicRules(identifier, key, value, pseudo);
+    return [
+      // array for performance
+      key,
+      value,
+      identifier,
+      pseudo == null ? void 0 : pseudo.name,
+      rules
+    ];
+  }
+};
+function styleToCSS(style) {
+  var { shadowOffset, shadowRadius, shadowColor, shadowOpacity } = style;
+  if (shadowRadius || shadowColor) {
+    var offset = shadowOffset || import_defaultOffset.defaultOffset, width = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.width), height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height), radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius), color = (0, import_normalizeColor.normalizeColor)(shadowColor, shadowOpacity), shadow = `${width} ${height} ${radius} ${color}`;
+    style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow, delete style.shadowOffset, delete style.shadowRadius, delete style.shadowColor, delete style.shadowOpacity;
+  }
+  var { textShadowColor, textShadowOffset, textShadowRadius } = style;
+  if (textShadowColor || textShadowOffset || textShadowRadius) {
+    var { height: height1, width: width1 } = textShadowOffset || import_defaultOffset.defaultOffset, radius1 = textShadowRadius || 0, color1 = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
+    if (color1 && (height1 !== 0 || width1 !== 0 || radius1 !== 0)) {
+      var blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius1), offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width1), offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height1);
+      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color1}`;
+    }
+    delete style.textShadowColor, delete style.textShadowOffset, delete style.textShadowRadius;
+  }
+}
+function createDeclarationBlock(style) {
+  var important = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, next = "", _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+  try {
+    for (var _iterator = style[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+      var [key, value] = _step.value;
+      next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
+    }
+  } catch (err) {
+    _didIteratorError = !0, _iteratorError = err;
+  } finally {
+    try {
+      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+    } finally {
+      if (_didIteratorError)
+        throw _iteratorError;
+    }
+  }
+  return `{${next}}`;
+}
+var hcache = {}, toHyphenLower = function(match) {
+  return `-${match.toLowerCase()}`;
+}, hyphenateStyleName = function(key) {
+  if (key in hcache) return hcache[key];
+  var val = key.replace(/[A-Z]/g, toHyphenLower);
+  return hcache[key] = val, val;
+}, selectorPriority = function() {
+  var res = {};
+  for (var key in import_pseudoDescriptors.pseudoDescriptors) {
+    var pseudo = import_pseudoDescriptors.pseudoDescriptors[key];
+    res[pseudo.name] = `${[
+      ...Array(pseudo.priority)
+    ].map(function() {
+      return ":root";
+    }).join("")} `;
+  }
+  return res;
+}();
+function createAtomicRules(identifier, property, value, pseudo) {
+  var pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? "[aria-disabled]" : `:${pseudo.name}` : "", pseudoSelector = pseudo == null ? void 0 : pseudo.selector, selector = pseudo ? pseudoSelector ? `${pseudoSelector} .${identifier}` : `${selectorPriority[pseudo.name]} .${identifier}${pseudoIdPostfix}` : `:root .${identifier}`;
+  pseudoSelector === import_pseudoDescriptors.pseudoDescriptors.enterStyle.selector && (selector = `${selector}, .${identifier}${pseudoSelector}`);
+  var important = !!pseudo, rules = [];
+  switch (property) {
+    // Equivalent to using '::placeholder'
+    case "placeholderTextColor": {
+      var block = createDeclarationBlock([
+        [
+          "color",
+          value
+        ],
+        [
+          "opacity",
+          1
+        ]
+      ], important);
+      rules.push(`${selector}::placeholder${block}`);
+      break;
+    }
+    // all webkit prefixed rules
+    case "backgroundClip":
+    case "userSelect": {
+      var propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`, webkitProperty = `Webkit${propertyCapitalized}`, block1 = createDeclarationBlock([
+        [
+          property,
+          value
+        ],
+        [
+          webkitProperty,
+          value
+        ]
+      ], important);
+      rules.push(`${selector}${block1}`);
+      break;
+    }
+    // Polyfill for additional 'pointer-events' values
+    case "pointerEvents": {
+      var finalValue = value;
+      value === "auto" || value === "box-only" ? (finalValue = "auto", value === "box-only" && rules.push(`${selector}>*${boxOnly}`)) : (value === "none" || value === "box-none") && (finalValue = "none", value === "box-none" && rules.push(`${selector}>*${boxNone}`));
+      var block2 = createDeclarationBlock([
+        [
+          "pointerEvents",
+          finalValue
+        ]
+      ], !0);
+      rules.push(`${selector}${block2}`);
+      break;
+    }
+    default: {
+      var block3 = createDeclarationBlock([
+        [
+          property,
+          value
+        ]
+      ], important);
+      rules.push(`${selector}${block3}`);
+      break;
+    }
+  }
+  return (pseudo == null ? void 0 : pseudo.name) === "hover" && (rules = rules.map(function(r) {
+    return `@media (hover) {${r}}`;
+  })), rules;
+}
+var boxNone = createDeclarationBlock([
+  [
+    "pointerEvents",
+    "auto"
+  ]
+], !0), boxOnly = createDeclarationBlock([
+  [
+    "pointerEvents",
+    "none"
+  ]
+], !0);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getCSSStylesAtomic,
+  getStyleAtomic,
+  styleToCSS
+});
+//# sourceMappingURL=getCSSStylesAtomic.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/Users/n8/tamagui/code/core/web/src/helpers/getCSSStylesAtomic.ts"],
+  "mappings": "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",
+  "names": ["getCSSStylesAtomic", "style", "styleToCSS", "out", "key", "val", "pseudoDescriptors", "push", "getStyleAtomic", "isMediaKey", "subKey", "so", "getStyleObject", "pseudo", "conf", "Array", "isArray", "transform", "transformsToString", "value", "normalizeValueWithProperty", "hash", "simpleHash", "pseudoPrefix", "name", "getConfigMaybe", "shortProp", "inverseShorthands", "identifier", "rules", "createAtomicRules", "shadowOffset", "shadowRadius", "shadowColor", "shadowOpacity", "offset", "defaultOffset", "width", "height", "radius", "color", "normalizeColor", "shadow", "boxShadow", "textShadowColor", "textShadowOffset", "textShadowRadius", "blurRadius", "offsetX", "offsetY", "textShadow", "createDeclarationBlock", "important", "next", "hyphenateStyleName", "hcache", "toHyphenLower", "match", "toLowerCase", "replace", "selectorPriority", "res", "priority", "map", "join", "property", "pseudoIdPostfix", "pseudoSelector", "selector", "enterStyle", "block", "propertyCapitalized", "toUpperCase", "slice", "webkitProperty", "finalValue", "boxOnly", "boxNone", "r"]
+}

package/dist/cjs/helpers/getSplitStyles.cjs

@@ -48,7 +48,7 @@ var import_constants = require("@tamagui/constants"),
   import_createMediaStyle = require("./createMediaStyle.cjs"),
   import_expandStyles = require("./expandStyles.cjs"),
   import_getGroupPropParts = require("./getGroupPropParts.cjs"),
-  import_getStylesAtomic = require("./getStylesAtomic.cjs"),
+  import_getCSSStylesAtomic = require("./getCSSStylesAtomic.cjs"),
   import_insertStyleRule = require("./insertStyleRule.cjs"),
   import_isActivePlatform = require("./isActivePlatform.cjs"),
   import_isActiveTheme = require("./isActiveTheme.cjs"),
@@ -321,7 +321,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
           isExit = key === "exitStyle";
         if (!descriptor) return;
         if (shouldDoClasses && !isExit) {
-          const pseudoStyles = (0, import_getStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
+          const pseudoStyles = (0, import_getCSSStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
           process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key), (0, import_log.log)({
             pseudoStyleObject,
             pseudoStyles
@@ -382,7 +382,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
             const importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKeyShort, "space", usedKeys, !0);
             importance && (space = val.space, usedKeys.space = importance, process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`));
           }
-          const mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle),
+          const mediaStyles = (0, import_getCSSStylesAtomic.getCSSStylesAtomic)(mediaStyle),
             priority = mediaStylesSeen;
           mediaStylesSeen += 1;
           for (const style of mediaStyles) {
@@ -476,7 +476,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
       console.groupEnd();
     }
   }
-  if (process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-propsend`, !(styleProps.noNormalize === !1) && (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), import_constants.isWeb && !isReactNative && (0, import_getStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms && (styleState.style ||= {}, Object.entries(styleState.flatTransforms).sort(([a], [b]) => (0, import_sortString.sortString)(a, b)).forEach(([key, val]) => {
+  if (process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-propsend`, !(styleProps.noNormalize === !1) && (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), import_constants.isWeb && !isReactNative && (0, import_getCSSStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms && (styleState.style ||= {}, Object.entries(styleState.flatTransforms).sort(([a], [b]) => (0, import_sortString.sortString)(a, b)).forEach(([key, val]) => {
     mergeTransform(styleState.style, key, val, !0);
   })), parentSplitStyles)) {
     if (shouldDoClasses) for (const key in parentSplitStyles.classNames) {
@@ -489,7 +489,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
     let retainedStyles,
       shouldRetain = !1;
     if (!styleState.style.$$css) {
-      const atomic = (0, import_getStylesAtomic.getStylesAtomic)(styleState.style);
+      const atomic = (0, import_getCSSStylesAtomic.getCSSStylesAtomic)(styleState.style);
       for (const atomicStyle of atomic) {
         const [key, value, identifier] = atomicStyle,
           isAnimatedAndAnimateOnly = styleProps.isAnimated && styleProps.noClass && props.animateOnly?.includes(key),