@tamagui/react-native-web-internals 2.0.0-rc.9 → 2.0.0

package/dist/cjs/StyleSheet/compiler/resolveShadowValue.cjs

@@ -3,46 +3,50 @@ 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 resolveShadowValue_exports = {};
 __export(resolveShadowValue_exports, {
   resolveShadowValue: () => resolveShadowValue
 });
 module.exports = __toCommonJS(resolveShadowValue_exports);
-var import_normalizeColor = require("./normalizeColor.cjs"),
-  import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs");
+var import_normalizeColor = require("./normalizeColor.cjs");
+var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs");
 const defaultOffset = {
-    height: 0,
-    width: 0
-  },
-  resolveShadowValue = style => {
-    const {
-        shadowColor,
-        shadowOffset,
-        shadowOpacity,
-        shadowRadius
-      } = style,
-      {
-        height,
-        width
-      } = shadowOffset || defaultOffset,
-      offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width),
-      offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height),
-      blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius || 0),
-      color = (0, import_normalizeColor.normalizeColor)(shadowColor || "black", shadowOpacity);
-    if (color != null && offsetX != null && offsetY != null && blurRadius != null) return `${offsetX} ${offsetY} ${blurRadius} ${color}`;
-  };
+  height: 0,
+  width: 0
+};
+const resolveShadowValue = style => {
+  const {
+    shadowColor,
+    shadowOffset,
+    shadowOpacity,
+    shadowRadius
+  } = style;
+  const {
+    height,
+    width
+  } = shadowOffset || defaultOffset;
+  const offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width);
+  const offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
+  const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius || 0);
+  const color = (0, import_normalizeColor.normalizeColor)(shadowColor || "black", shadowOpacity);
+  if (color != null && offsetX != null && offsetY != null && blurRadius != null) {
+    return `${offsetX} ${offsetY} ${blurRadius} ${color}`;
+  }
+};

package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.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 createCSSStyleSheet_exports = {};
 __export(createCSSStyleSheet_exports, {
@@ -26,12 +28,25 @@ module.exports = __toCommonJS(createCSSStyleSheet_exports);
 var import_canUseDOM = require("../../modules/canUseDOM.cjs");
 function createCSSStyleSheet(id, rootNode, textContent) {
   if (import_canUseDOM.canUseDOM) {
-    const root = rootNode ?? document;
+    const root = rootNode != null ? rootNode : document;
     let element = root.getElementById(id);
-    if (element == null) if (element = document.createElement("style"), element.setAttribute("id", id), typeof textContent == "string" && element.appendChild(document.createTextNode(textContent)), root instanceof ShadowRoot) root.insertBefore(element, root.firstChild);else {
-      const head = root.head;
-      head && head.appendChild(element);
+    if (element == null) {
+      element = document.createElement("style");
+      element.setAttribute("id", id);
+      if (typeof textContent === "string") {
+        element.appendChild(document.createTextNode(textContent));
+      }
+      if (root instanceof ShadowRoot) {
+        root.insertBefore(element, root.firstChild);
+      } else {
+        const head = root.head;
+        if (head) {
+          head.appendChild(element);
+        }
+      }
     }
     return element.sheet;
-  } else return null;
+  } else {
+    return null;
+  }
 }

package/dist/cjs/StyleSheet/dom/createOrderedCSSStyleSheet.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 createOrderedCSSStyleSheet_exports = {};
 __export(createOrderedCSSStyleSheet_exports, {
@@ -25,49 +27,58 @@ __export(createOrderedCSSStyleSheet_exports, {
 module.exports = __toCommonJS(createOrderedCSSStyleSheet_exports);
 const slice = Array.prototype.slice;
 function createOrderedCSSStyleSheet(sheet) {
-  const groups = {},
-    selectors = {};
+  const groups = {};
+  const selectors = {};
   if (sheet != null) {
     let group;
     slice.call(sheet.cssRules).forEach((cssRule, i) => {
       const cssText = cssRule.cssText;
-      if (cssText.indexOf("stylesheet-group") > -1) group = decodeGroupRule(cssRule), groups[group] = {
-        start: i,
-        rules: [cssText]
-      };else {
+      if (cssText.indexOf("stylesheet-group") > -1) {
+        group = decodeGroupRule(cssRule);
+        groups[group] = {
+          start: i,
+          rules: [cssText]
+        };
+      } else {
         const selectorText = getSelectorText(cssText);
-        selectorText != null && (selectors[selectorText] = !0, groups[group].rules.push(cssText));
+        if (selectorText != null) {
+          selectors[selectorText] = true;
+          groups[group].rules.push(cssText);
+        }
       }
     });
   }
   function sheetInsert(sheet2, group, text) {
-    const orderedGroups = getOrderedGroups(groups),
-      nextGroupIndex = orderedGroups.indexOf(group) + 1,
-      nextGroup = orderedGroups[nextGroupIndex],
-      position = nextGroup != null && groups[nextGroup].start != null ? groups[nextGroup].start : sheet2.cssRules.length,
-      isInserted = insertRuleAt(sheet2, text, position);
+    const orderedGroups = getOrderedGroups(groups);
+    const groupIndex = orderedGroups.indexOf(group);
+    const nextGroupIndex = groupIndex + 1;
+    const nextGroup = orderedGroups[nextGroupIndex];
+    const position = nextGroup != null && groups[nextGroup].start != null ? groups[nextGroup].start : sheet2.cssRules.length;
+    const isInserted = insertRuleAt(sheet2, text, position);
     if (isInserted) {
-      groups[group].start == null && (groups[group].start = position);
+      if (groups[group].start == null) {
+        groups[group].start = position;
+      }
       for (let i = nextGroupIndex; i < orderedGroups.length; i += 1) {
-        const groupNumber = orderedGroups[i],
-          previousStart = groups[groupNumber].start || 0;
+        const groupNumber = orderedGroups[i];
+        const previousStart = groups[groupNumber].start || 0;
         groups[groupNumber].start = previousStart + 1;
       }
     }
     return isInserted;
   }
-  return {
+  const OrderedCSSStyleSheet = {
     /**
      * The textContent of the style sheet.
      */
     getTextContent() {
       return getOrderedGroups(groups).map(group => {
-        const rules = groups[group].rules,
-          marker = rules.shift();
-        return rules.sort(), rules.unshift(marker), rules.join(`
-`);
-      }).join(`
-`);
+        const rules = groups[group].rules;
+        const marker = rules.shift();
+        rules.sort();
+        rules.unshift(marker);
+        return rules.join("\n");
+      }).join("\n");
     },
     /**
      * Insert a rule into the style sheet
@@ -79,12 +90,25 @@ function createOrderedCSSStyleSheet(sheet) {
         groups[group] = {
           start: null,
           rules: [markerRule]
-        }, sheet != null && sheetInsert(sheet, group, markerRule);
+        };
+        if (sheet != null) {
+          sheetInsert(sheet, group, markerRule);
+        }
       }
       const selectorText = getSelectorText(cssText);
-      selectorText != null && selectors[selectorText] == null && (selectors[selectorText] = !0, groups[group].rules.push(cssText), sheet != null && (sheetInsert(sheet, group, cssText) || groups[group].rules.pop()));
+      if (selectorText != null && selectors[selectorText] == null) {
+        selectors[selectorText] = true;
+        groups[group].rules.push(cssText);
+        if (sheet != null) {
+          const isInserted = sheetInsert(sheet, group, cssText);
+          if (!isInserted) {
+            groups[group].rules.pop();
+          }
+        }
+      }
     }
   };
+  return OrderedCSSStyleSheet;
 }
 function encodeGroupRule(group) {
   return `[stylesheet-group="${group}"]{}`;
@@ -103,8 +127,9 @@ function getSelectorText(cssText) {
 }
 function insertRuleAt(root, cssText, position) {
   try {
-    return root.insertRule(cssText, position), !0;
-  } catch {
-    return !1;
+    root.insertRule(cssText, position);
+    return true;
+  } catch (e) {
+    return false;
   }
 }

package/dist/cjs/StyleSheet/dom/index.cjs

@@ -3,63 +3,85 @@ 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 dom_exports = {};
 __export(dom_exports, {
   createSheet: () => createSheet
 });
 module.exports = __toCommonJS(dom_exports);
-var import_canUseDOM = require("../../modules/canUseDOM.cjs"),
-  import_createCSSStyleSheet = require("./createCSSStyleSheet.cjs"),
-  import_createOrderedCSSStyleSheet = require("./createOrderedCSSStyleSheet.cjs");
-const defaultId = "react-native-stylesheet",
-  roots = /* @__PURE__ */new WeakMap(),
-  sheets = [],
-  initialRules = [
-  // minimal top-level reset
-  "html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}", "body{margin:0;}",
-  // minimal form pseudo-element reset
-  "button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}", "input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}"];
+var import_canUseDOM = require("../../modules/canUseDOM.cjs");
+var import_createCSSStyleSheet = require("./createCSSStyleSheet.cjs");
+var import_createOrderedCSSStyleSheet = require("./createOrderedCSSStyleSheet.cjs");
+const defaultId = "react-native-stylesheet";
+const roots = /* @__PURE__ */new WeakMap();
+const sheets = [];
+const initialRules = [
+// minimal top-level reset
+"html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}", "body{margin:0;}",
+// minimal form pseudo-element reset
+"button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}", "input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}"];
 function createSheet(root, id = defaultId) {
   let sheet;
   function createSheet2() {
-    if (!sheet) if (import_canUseDOM.canUseDOM) {
+    if (sheet) return;
+    if (import_canUseDOM.canUseDOM) {
       const rootNode = root != null ? root.getRootNode() : document;
-      if (sheets.length === 0) sheet = (0, import_createOrderedCSSStyleSheet.createOrderedCSSStyleSheet)((0, import_createCSSStyleSheet.createCSSStyleSheet)(id)), initialRules.forEach(rule => {
-        sheet.insert(rule, 0);
-      }), roots.set(rootNode, sheets.length), sheets.push(sheet);else {
+      if (sheets.length === 0) {
+        sheet = (0, import_createOrderedCSSStyleSheet.createOrderedCSSStyleSheet)((0, import_createCSSStyleSheet.createCSSStyleSheet)(id));
+        initialRules.forEach(rule => {
+          sheet.insert(rule, 0);
+        });
+        roots.set(rootNode, sheets.length);
+        sheets.push(sheet);
+      } else {
         const index = roots.get(rootNode);
         if (index == null) {
-          const initialSheet = sheets[0],
-            textContent = initialSheet != null ? initialSheet.getTextContent() : "";
-          sheet = (0, import_createOrderedCSSStyleSheet.createOrderedCSSStyleSheet)((0, import_createCSSStyleSheet.createCSSStyleSheet)(id, rootNode, textContent)), roots.set(rootNode, sheets.length), sheets.push(sheet);
-        } else sheet = sheets[index];
+          const initialSheet = sheets[0];
+          const textContent = initialSheet != null ? initialSheet.getTextContent() : "";
+          sheet = (0, import_createOrderedCSSStyleSheet.createOrderedCSSStyleSheet)((0, import_createCSSStyleSheet.createCSSStyleSheet)(id, rootNode, textContent));
+          roots.set(rootNode, sheets.length);
+          sheets.push(sheet);
+        } else {
+          sheet = sheets[index];
+        }
       }
-    } else sheets.length === 0 ? (sheet = (0, import_createOrderedCSSStyleSheet.createOrderedCSSStyleSheet)((0, import_createCSSStyleSheet.createCSSStyleSheet)(id)), initialRules.forEach(rule => {
-      sheet.insert(rule, 0);
-    }), sheets.push(sheet)) : sheet = sheets[0];
+    } else {
+      if (sheets.length === 0) {
+        sheet = (0, import_createOrderedCSSStyleSheet.createOrderedCSSStyleSheet)((0, import_createCSSStyleSheet.createCSSStyleSheet)(id));
+        initialRules.forEach(rule => {
+          sheet.insert(rule, 0);
+        });
+        sheets.push(sheet);
+      } else {
+        sheet = sheets[0];
+      }
+    }
   }
   return {
     getTextContent() {
-      return createSheet2(), sheet.getTextContent();
+      createSheet2();
+      return sheet.getTextContent();
     },
     id,
     insert(cssText, groupValue) {
-      createSheet2(), sheets.forEach(s => {
+      createSheet2();
+      sheets.forEach(s => {
         s.insert(cssText, groupValue);
       });
     }

package/dist/cjs/StyleSheet/index.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 StyleSheet_exports = {};
 __export(StyleSheet_exports, {
@@ -25,13 +27,13 @@ __export(StyleSheet_exports, {
 });
 module.exports = __toCommonJS(StyleSheet_exports);
 const absoluteFillObject = {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0
-  },
-  absoluteFill = absoluteFillObject;
+  position: "absolute",
+  left: 0,
+  right: 0,
+  top: 0,
+  bottom: 0
+};
+const absoluteFill = absoluteFillObject;
 function create(styles) {
   return styles;
 }
@@ -39,7 +41,12 @@ function compose(style1, style2) {
   return flatten(style1, style2);
 }
 function flatten(...styles) {
-  return styles.flat().flat().flat().flat().reduce((acc, cur) => (cur && Object.assign(acc, cur), acc), {});
+  return styles.flat().flat().flat().flat().reduce((acc, cur) => {
+    if (cur) {
+      Object.assign(acc, cur);
+    }
+    return acc;
+  }, {});
 }
 function getSheet() {
   return {