@tamagui/web 2.0.0-rc.4 → 2.0.0-rc.40

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

@@ -5,59 +5,64 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all2) => {
-    for (var name in all2) __defProp(target, name, {
-      get: all2[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, {
+  for (var name in all2) __defProp(target, name, {
+    get: all2[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var expandStyle_exports = {};
 __export(expandStyle_exports, {
   expandStyle: () => expandStyle
 });
 module.exports = __toCommonJS(expandStyle_exports);
-var import_constants = require("@tamagui/constants"),
-  import_config = require("../config.native.js"),
-  import_parseBorderShorthand = require("./parseBorderShorthand.native.js"),
-  _loop = function (parent) {
-    var _exec,
-      _exec_index,
-      prefix = parent.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent.length);
-    EXPANSIONS[parent] = EXPANSIONS[parent].map(function (k) {
-      return `${prefix}${k}`;
-    });
-  };
+var import_constants = require("@tamagui/constants");
+require("../config.native.js");
+var import_parseBorderShorthand = require("./parseBorderShorthand.native.js");
+var import_parseOutlineShorthand = require("./parseOutlineShorthand.native.js");
+var _loop = function (parent) {
+  var _exec;
+  var _exec_index;
+  var prefix = parent.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent.length);
+  EXPANSIONS[parent] = EXPANSIONS[parent].map(function (k) {
+    return `${prefix}${k}`;
+  });
+};
 function expandStyle(key, value) {
   if (import_constants.isAndroid && key === "elevationAndroid") return [["elevation", value]];
   switch (key) {
     case "objectFit":
-      {
-        var resizeMode = resizeModeMap[value] || "cover";
-        return [["resizeMode", resizeMode]];
-      }
+      return [["resizeMode", resizeModeMap[value] || "cover"]];
     case "verticalAlign":
       return [["textAlignVertical", verticalAlignMap[value] || "auto"]];
     case "position":
-      return value === "fixed" || value === "sticky" ? [["position", "absolute"]] : void 0;
+      if (value === "fixed" || value === "sticky") return [["position", "absolute"]];
+      return;
     case "backgroundImage":
       return [["experimental_backgroundImage", value]];
     case "border":
-      {
-        if (typeof value == "string") {
-          var parsed = (0, import_parseBorderShorthand.parseBorderShorthand)(value);
-          if (parsed) return parsed;
-        }
-        return;
+      if (typeof value === "string") {
+        var parsed = (0, import_parseBorderShorthand.parseBorderShorthand)(value);
+        if (parsed) return parsed;
+      }
+      return;
+    case "outline":
+      if (typeof value === "string") {
+        var parsed1 = (0, import_parseOutlineShorthand.parseOutlineShorthand)(value);
+        if (parsed1) return parsed1;
       }
+      return;
   }
   if (key in nativeExpansions) return nativeExpansions[key].map(function (k) {
     return [k, value];
@@ -67,43 +72,40 @@ function expandStyle(key, value) {
   });
 }
 var resizeModeMap = {
-    fill: "stretch",
-    none: "center",
-    "scale-down": "contain",
-    contain: "contain",
-    cover: "cover"
-  },
-  verticalAlignMap = {
-    top: "top",
-    middle: "center",
-    bottom: "bottom",
-    auto: "auto"
-  },
-  all = ["Top", "Right", "Bottom", "Left"],
-  horiz = ["Right", "Left"],
-  vert = ["Top", "Bottom"],
-  xy = ["X", "Y"],
-  EXPANSIONS = {
-    borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
-    borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
-    borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
-    margin: all,
-    marginHorizontal: horiz,
-    marginVertical: vert,
-    padding: all,
-    paddingHorizontal: horiz,
-    paddingVertical: vert,
-    ...(import_constants.isWeb && {
-      // react-native only supports borderStyle
-      borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
-      // react-native doesn't support X / Y
-      overflow: xy,
-      overscrollBehavior: xy
-    })
-  };
+  fill: "stretch",
+  none: "center",
+  "scale-down": "contain",
+  contain: "contain",
+  cover: "cover"
+};
+var verticalAlignMap = {
+  top: "top",
+  middle: "center",
+  bottom: "bottom",
+  auto: "auto"
+};
+var all = ["Top", "Right", "Bottom", "Left"];
+var horiz = ["Right", "Left"];
+var vert = ["Top", "Bottom"];
+var xy = ["X", "Y"];
+var EXPANSIONS = {
+  borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
+  borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
+  borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
+  margin: all,
+  marginHorizontal: horiz,
+  marginVertical: vert,
+  padding: all,
+  paddingHorizontal: horiz,
+  paddingVertical: vert,
+  ...(import_constants.isWeb && {
+    borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
+    overflow: xy,
+    overscrollBehavior: xy
+  })
+};
 for (var parent in EXPANSIONS) _loop(parent);
 var nativeExpansions = {
-  // logical border properties
   borderBlockColor: ["borderTopColor", "borderBottomColor"],
   borderInlineColor: ["borderEndColor", "borderStartColor"],
   borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
@@ -122,7 +124,6 @@ var nativeExpansions = {
   borderBlockEndStyle: ["borderBottomStyle"],
   borderInlineStartStyle: ["borderStartStyle"],
   borderInlineEndStyle: ["borderEndStyle"],
-  // logical margin/padding
   marginBlock: ["marginTop", "marginBottom"],
   marginInline: ["marginEnd", "marginStart"],
   paddingBlock: ["paddingTop", "paddingBottom"],
@@ -135,14 +136,12 @@ var nativeExpansions = {
   paddingBlockEnd: ["paddingBottom"],
   paddingInlineStart: ["paddingStart"],
   paddingInlineEnd: ["paddingEnd"],
-  // logical sizing
   minBlockSize: ["minHeight"],
   maxBlockSize: ["maxHeight"],
   minInlineSize: ["minWidth"],
   maxInlineSize: ["maxWidth"],
   blockSize: ["height"],
   inlineSize: ["width"],
-  // inset
   inset: ["top", "right", "bottom", "left"],
   insetBlock: ["top", "bottom"],
   insetBlockStart: ["top"],

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","expandStyle_exports","__export","expandStyle","module","exports","import_constants","require","import_config","import_parseBorderShorthand","_loop","parent","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","key","isAndroid","resizeMode","resizeModeMap","verticalAlignMap","parsed","parseBorderShorthand"],"sources":["../../../src/helpers/expandStyle.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAKAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,mBAAA;AAMjC,IAAAK,gBAAiB,GAAAC,OAAA;EAAAC,aAAA,GAAAD,OAAA;EAAAE,2BAAA,GAAAF,OAAA;EAAAG,KAAA,YAAAA,CAAAC,MAAA;IACf,IAACC,KAAA;MAAAC,WAAa;MAAAC,MAAA,GAAAH,MAAA,CAAAI,KAAA,KAAAF,WAAA,IAAAD,KAAA,WAAAI,IAAA,CAAAL,MAAA,eAAAC,KAAA,uBAAAA,KAAA,CAAAK,KAAA,cAAAJ,WAAA,cAAAA,WAAA,GAAAF,MAAA,CAAAO,MAAA;IACdC,UAAC,CAAAR,MAAe,IAAAQ,UAAA,CAAAR,MAAA,EAAAS,GAAA,WAAAC,CAAA;MACf,UAAAP,MAAa,GAAMO,CAAA;IACtB;EAEO;AAEH,SAAIlB,WAAQA,CAAAmB,GAAA,EAAAtB,KAAA;EACV,IAAAM,gBAAc,CAAAiB,SACL,IAAAD,GAEF,gCACJ,CACD,CACC,aACHtB,KAAA,CAGF,CACE;EACE,QAAAsB,GAAO;IAAqB;MAAA;QAG9B,IAAKE,UAAA,GAAAC,aAAA,CAAAzB,KAAA;QACH,OAAO,CACL,CACC,cACHwB,UAAA,CAEJ,CA+CE;MACF;IAEJ;MAmBM,OAAO,CAMX,CACA,mBAAc,EACZE,gBAAA,CAAA1B,KAAA,YACA,CACA;IACA;MACF,OAAAA,KAAA,gBAAAA,KAAA,iBACA,CACQ,YACR,UAAkB,CAClB,CACA,QAAS;IACT,sBAAmB;MACnB,QACI,CAAS,gCAEXA,KAAA,CAAkE,CAElE;IACA;MAAA;QACF,WAAAA,KAAA;UACF,IAAA2B,MAAA,OAAAlB,2BAAA,CAAAmB,oBAAA,EAAA5B,KAAA;UAEA,IAAW2B,MAAA,EACH,OAASA,MAAA;QACf;QACF","ignoreList":[]}
+{"version":3,"names":["to","__toCommonJS","mod","__copyProps","__defProp","value","expandStyle_exports","__export","expandStyle","module","exports","import_constants","require","import_parseBorderShorthand","import_parseOutlineShorthand","_loop","parent","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","key","isAndroid","resizeModeMap","verticalAlignMap","parsed","parseBorderShorthand","parsed1","parseOutlineShorthand","nativeExpansions","fill","none","contain","cover","top","middle","bottom","auto","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","isWeb","borderStyle","overflow","overscrollBehavior","borderBlockColor","borderInlineColor","borderBlockWidth","borderInlineWidth","borderBlockStyle","borderInlineStyle","borderBlockStartColor","borderBlockEndColor","borderInlineStartColor","borderInlineEndColor","borderBlockStartWidth","borderBlockEndWidth","borderInlineStartWidth","borderInlineEndWidth","borderBlockStartStyle","borderBlockEndStyle","borderInlineStartStyle","borderInlineEndStyle","marginBlock","marginInline","paddingBlock","paddingInline","marginBlockStart","marginBlockEnd","marginInlineStart","marginInlineEnd","paddingBlockStart","paddingBlockEnd","paddingInlineStart","paddingInlineEnd","minBlockSize","maxBlockSize","minInlineSize","maxInlineSize","blockSize","inlineSize","inset","insetBlock","insetBlockStart","insetBlockEnd","insetInlineStart","insetInlineEnd"],"sources":["../../../src/helpers/expandStyle.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/helpers/expandStyles.cjs

@@ -3,38 +3,39 @@ 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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var expandStyles_exports = {};
 __export(expandStyles_exports, {
   fixStyles: () => fixStyles
 });
 module.exports = __toCommonJS(expandStyles_exports);
-var import_constants = require("@tamagui/constants"),
-  import_normalizeShadow = require("./normalizeShadow.cjs");
+var import_constants = require("@tamagui/constants");
+var import_normalizeShadow = require("./normalizeShadow.cjs");
 function fixStyles(style) {
-  (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
-  for (const key in borderDefaults) key in style && (style[borderDefaults[key]] ||= "solid");
+  if (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
+  for (const key in borderDefaults) if (key in style) style[borderDefaults[key]] ||= "solid";
 }
-const nativeStyle = import_constants.isWeb ? null : "borderStyle",
-  borderDefaults = {
-    borderWidth: "borderStyle",
-    borderBottomWidth: nativeStyle || "borderBottomStyle",
-    borderTopWidth: nativeStyle || "borderTopStyle",
-    borderLeftWidth: nativeStyle || "borderLeftStyle",
-    borderRightWidth: nativeStyle || "borderRightStyle"
-    // TODO: need to add borderBlock and borderInline here, but they are alot and might impact performance
-  };
+const nativeStyle = import_constants.isWeb ? null : "borderStyle";
+const borderDefaults = {
+  borderWidth: "borderStyle",
+  borderBottomWidth: nativeStyle || "borderBottomStyle",
+  borderTopWidth: nativeStyle || "borderTopStyle",
+  borderLeftWidth: nativeStyle || "borderLeftStyle",
+  borderRightWidth: nativeStyle || "borderRightStyle"
+};

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

@@ -5,41 +5,47 @@ 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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var expandStyles_exports = {};
 __export(expandStyles_exports, {
   fixStyles: () => fixStyles
 });
 module.exports = __toCommonJS(expandStyles_exports);
-var import_constants = require("@tamagui/constants"),
-  import_normalizeShadow = require("./normalizeShadow.native.js");
+var import_constants = require("@tamagui/constants");
+var import_normalizeShadow = require("./normalizeShadow.native.js");
 function fixStyles(style) {
-  "elevationAndroid" in style && (style.elevation = style.elevationAndroid, delete style.elevationAndroid), (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
+  if ("elevationAndroid" in style) {
+    style["elevation"] = style.elevationAndroid;
+    delete style.elevationAndroid;
+  }
+  if (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
   for (var key in borderDefaults) if (key in style) {
     var _style, _borderDefaults_key;
     (_style = style)[_borderDefaults_key = borderDefaults[key]] || (_style[_borderDefaults_key] = "solid");
   }
 }
-var nativeStyle = import_constants.isWeb ? null : "borderStyle",
-  borderDefaults = {
-    borderWidth: "borderStyle",
-    borderBottomWidth: nativeStyle || "borderBottomStyle",
-    borderTopWidth: nativeStyle || "borderTopStyle",
-    borderLeftWidth: nativeStyle || "borderLeftStyle",
-    borderRightWidth: nativeStyle || "borderRightStyle"
-  };
+var nativeStyle = import_constants.isWeb ? null : "borderStyle";
+var borderDefaults = {
+  borderWidth: "borderStyle",
+  borderBottomWidth: nativeStyle || "borderBottomStyle",
+  borderTopWidth: nativeStyle || "borderTopStyle",
+  borderLeftWidth: nativeStyle || "borderLeftStyle",
+  borderRightWidth: nativeStyle || "borderRightStyle"
+};
 //# sourceMappingURL=expandStyles.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","expandStyles_exports","__export","fixStyles","module","exports","import_constants","require","import_normalizeShadow","style","elevation","elevationAndroid","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","normalizeShadow","key","borderDefaults","_style","_borderDefaults_key","nativeStyle","isWeb","borderWidth","borderBottomWidth","borderTopWidth"],"sources":["../../../src/helpers/expandStyles.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,oBAAA;AAGf,IAAAK,gBAAmB,GAAAC,OAA4B;EAAAC,sBAAA,GAAAD,OAAA;AAWpD,SACQJ,UAAAM,KAAA,EAAgB;EAUxB,kBAAkB,IAAAA,KAAA,KAAAA,KAAA,CAAAC,SAAA,GAAAD,KAAA,CAAAE,gBAAA,SAAAF,KAAA,CAAAE,gBAAA,IAAAF,KAAA,CAAAG,YAAA,YAAAH,KAAA,CAAAI,WAAA,IAAAJ,KAAA,CAAAK,aAAA,YAAAL,KAAA,CAAAM,YAAA,KAAAC,MAAA,CAAAC,MAAA,CAAAR,KAAA,MAAAD,sBAAA,CAAAU,eAAA,EAAAT,KAAA;EAChB,KAAI,IAAOU,GAAA,IAAAC,cACH,EAGZ,IAAAD,GAAA,IAAAV,KAAA;IAGM,IAAAY,MAAA,EAAAC,mBAAc;IAElB,CAAAD,MAAA,GAAaZ,KAAA,EAAAa,mBAAA,GAAAF,cAAA,CAAAD,GAAA,OAAAE,MAAA,CAAAC,mBAAA;EACb;AAAkC;AACH,IAC/BC,WAAA,GAAAjB,gBAAgC,CAAAkB,KAAA;EAAAJ,cAAA;IAChCK,WAAA,eAAkB;IAAeC,iBAAA,EAAAH,WAAA;IAEnCI,cAAA,EAAAJ,WAAA","ignoreList":[]}
+{"version":3,"names":["to","__toCommonJS","mod","__copyProps","__defProp","value","expandStyles_exports","__export","fixStyles","module","exports","import_constants","require","import_normalizeShadow","style","elevationAndroid","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","normalizeShadow","key","borderDefaults","_style","_borderDefaults_key","nativeStyle","isWeb","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth"],"sources":["../../../src/helpers/expandStyles.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;EAAA;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAsB;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AACtBC,MAAA,CAAAC,OAAA,GAAAT,YAAgC,CAAAK,oBAAA;AAEzB,IAAAK,gBAAmB,GAAAC,OAA4B;AACpD,IAAAC,sBAAgB,GAAAD,OAAA,CAAmB,6BAAU;AAC3C,SAAIJ,UAAAM,KAAA;EAEF,sBAAiB,IAAIA,KAAA,EAAM;IAE3BA,KAAA,YAAa,IAAAA,KAAA,CAAAC,gBAAA;IAAA,OACfD,KAAA,CAAAC,gBAAA;EAAA;EAIF,IAAAD,KACE,CAAAE,YAAM,QAAgB,IAAAF,KACtB,CAAAG,WAAM,IAAAH,KACN,CAAAI,aAAM,QAAiB,IAAAJ,KACvB,CAAAK,YAAM,EAAAC,MACN,CAAAC,MAAA,CAAAP,KAAA,MAAAD,sBAAA,CAAAS,eAAA,EAAAR,KAAA;EACA,SAAAS,GAAO,IAAAC,cAAc,MAAAD,GAAA,IAAAT,KAAA;IACvB,IAAAW,MAAA,EAAAC,mBAAA;IAIA,CAAAD,MAAA,GAAAX,KAAW,EAAAY,mBAAuB,GAAAF,cAAA,CAAAD,GAAA,OAAAE,MAAA,CAAAC,mBAAA;EAChC;AACE;AAA+B,IACjCC,WAAA,GAAAhB,gBAAA,CAAAiB,KAAA;AAAA,IACFJ,cAAA;EACFK,WAAA;EAGAC,iBAAM,EAAcH,WAAA,uBAAe;EACnCI,cAAM,EAAAJ,WAAiB;EAAAK,eACR,EAAAL,WAAA;EAAAM,gBACb,EAAAN,WAAmB;AAAe","ignoreList":[]}

package/dist/cjs/helpers/getCSSStylesAtomic.cjs

@@ -3,20 +3,22 @@ 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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var getCSSStylesAtomic_exports = {};
 __export(getCSSStylesAtomic_exports, {
@@ -25,26 +27,37 @@ __export(getCSSStylesAtomic_exports, {
   styleToCSS: () => styleToCSS
 });
 module.exports = __toCommonJS(getCSSStylesAtomic_exports);
-var import_helpers = require("@tamagui/helpers"),
-  import_config = require("../config.cjs"),
-  import_useMedia = require("../hooks/useMedia.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");
+var import_helpers = require("@tamagui/helpers");
+var import_config = require("../config.cjs");
+var import_useMedia = require("../hooks/useMedia.cjs");
+var import_defaultOffset = require("./defaultOffset.cjs");
+var import_normalizeColor = require("./normalizeColor.cjs");
+var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs");
+var import_pseudoDescriptors = require("./pseudoDescriptors.cjs");
+var import_transformsToString = require("./transformsToString.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));
+    if (key in import_pseudoDescriptors.pseudoDescriptors) {
+      if (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);
+        if (so) {
+          so[0] = key;
+          out.push(so);
+        }
+      }
     } else {
       const so = getStyleObject(style, key);
-      so && out.push(so);
+      if (so) {
+        out.push(so);
+      }
     }
   }
   return out;
@@ -54,7 +67,9 @@ const getStyleAtomic = (style, pseudo) => {
   const out = [];
   for (const key in style) {
     const so = getStyleObject(style, key, pseudo);
-    so && out.push(so);
+    if (so) {
+      out.push(so);
+    }
   }
   return out;
 };
@@ -62,13 +77,19 @@ 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}-` : "";
+  if (key === "transform" && Array.isArray(style.transform)) {
+    val = (0, import_transformsToString.transformsToString)(val);
+  }
+  const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
+  const hash = (0, import_helpers.simpleHash)(typeof value === "string" ? value : `${value}`);
+  const pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
   conf ||= (0, import_config.getConfigMaybe)();
-  const identifier = `_${conf?.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`,
-    rules = createAtomicRules(identifier, key, value, pseudo);
+  const shortProp = conf?.inverseShorthands[key] || key;
+  let identifier = `_${shortProp}-${pseudoPrefix}${hash}`;
+  if (key === "pointerEvents" && !pseudo) {
+    if (value === "box-none") identifier = "_pe-boxnone";else if (value === "box-only") identifier = "_pe-boxonly";
+  }
+  const rules = createAtomicRules(identifier, key, value, pseudo);
   return [
   // array for performance
   key, value, identifier, pseudo?.name, rules];
@@ -81,16 +102,19 @@ function styleToCSS(style) {
     shadowOpacity
   } = style;
   if (shadowRadius != null || shadowColor || shadowOffset != null || shadowOpacity != null) {
-    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);
+    const offset = shadowOffset || import_defaultOffset.defaultOffset;
+    const width = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.width);
+    const height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height);
+    const radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius);
+    const color = (0, import_normalizeColor.normalizeColor)(shadowColor, shadowOpacity);
     if (color) {
       const 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;
+    delete style.shadowOffset;
+    delete style.shadowRadius;
+    delete style.shadowColor;
+    delete style.shadowOpacity;
   }
   const {
     textShadowColor,
@@ -99,45 +123,53 @@ function styleToCSS(style) {
   } = style;
   if (textShadowColor || textShadowOffset || textShadowRadius) {
     const {
-        height,
-        width
-      } = textShadowOffset || import_defaultOffset.defaultOffset,
-      radius = textShadowRadius || 0,
-      color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
+      height,
+      width
+    } = textShadowOffset || import_defaultOffset.defaultOffset;
+    const radius = textShadowRadius || 0;
+    const 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);
+      const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius);
+      const offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width);
+      const offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
       style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
     }
-    delete style.textShadowColor, delete style.textShadowOffset, delete style.textShadowRadius;
+    delete style.textShadowColor;
+    delete style.textShadowOffset;
+    delete style.textShadowRadius;
   }
 }
-function createDeclarationBlock(style, important = !1) {
+function createDeclarationBlock(style, important = false) {
   let next = "";
-  for (const [key, value] of style) next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
+  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;
-  })();
+const hcache = {};
+const toHyphenLower = match => `-${match.toLowerCase()}`;
+const hyphenateStyleName = key => {
+  if (key in hcache) return hcache[key];
+  const val = key.replace(/[A-Z]/g, toHyphenLower);
+  hcache[key] = val;
+  return val;
+};
+const 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 pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? `[aria-disabled]` : `:${pseudo.name}` : "";
+  const pseudoSelector = pseudo?.selector;
+  const cls = property in import_helpers.cssShorthandLonghands ? `.${identifier}.${identifier}` : `.${identifier}`;
+  let selector = pseudo ? pseudoSelector ? `${pseudoSelector} ${cls}` : `${selectorPriority[pseudo.name]} ${cls}${pseudoIdPostfix}` : `:root ${cls}`;
+  if (pseudoSelector === import_pseudoDescriptors.pseudoDescriptors.enterStyle.selector) {
+    selector = `${selector}, .${identifier}${pseudoSelector}`;
+  }
   const important = !!pseudo;
   let rules = [];
   switch (property) {
@@ -152,8 +184,9 @@ function createAtomicRules(identifier, property, value, pseudo) {
     case "backgroundClip":
     case "userSelect":
       {
-        const webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`,
-          block = createDeclarationBlock([[property, value], [webkitProperty, value]], important);
+        const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`;
+        const webkitProperty = `Webkit${propertyCapitalized}`;
+        const block = createDeclarationBlock([[property, value], [webkitProperty, value]], important);
         rules.push(`${selector}${block}`);
         break;
       }
@@ -161,8 +194,12 @@ function createAtomicRules(identifier, property, value, pseudo) {
     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);
+        if (value === "auto" || value === "box-only") {
+          finalValue = "auto";
+        } else if (value === "none" || value === "box-none") {
+          finalValue = "none";
+        }
+        const block = createDeclarationBlock([["pointerEvents", finalValue]], true);
         rules.push(`${selector}${block}`);
         break;
       }
@@ -173,7 +210,8 @@ function createAtomicRules(identifier, property, value, pseudo) {
         break;
       }
   }
-  return pseudo?.name === "hover" && (rules = rules.map(r => `@media (hover) {${r}}`)), rules;
-}
-const boxNone = createDeclarationBlock([["pointerEvents", "auto"]], !0),
-  boxOnly = createDeclarationBlock([["pointerEvents", "none"]], !0);
+  if (pseudo?.name === "hover") {
+    rules = rules.map(r => `@media (hover) {${r}}`);
+  }
+  return rules;
+}