react-native-css 2.1.2 → 3.0.0-nightly.26b272f

package/dist/commonjs/runtime/native/injection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactivity","require","_root","StyleCollection","inlineStylesMap","exports","WeakMap","styles","family","observable","isDeepEqual","keyframes","inject","options","observableBatch","current","Set","s","style","set","k","vr","entry","rootVariables","vu","effect","run","undefined","a","b","aArray","Array","isArray","bArray","requiresKeyComparison","length","key","v","c","p","h"],"sourceRoot":"../../../../src","sources":["runtime/native/injection.ts"],"mappings":";;;;;;;AAKA,IAAAA,WAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAD,OAAA;AAEO,SAASE,eAAeA,CAAA,EAAG;EAChC,OAAO,IAAI;AACb;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAIE,OAAO,CAAC,CAAC;AAE5CH,eAAe,CAACI,MAAM,GAAG,IAAAC,kBAAM,EAAmC,MAAM;EACtE,OAAO,IAAAC,sBAAU,EAAC,EAAE,EAAEC,WAAW,CAAC;AACpC,CAAC,CAAC;AACFP,eAAe,CAACQ,SAAS,GAAG,IAAAH,kBAAM,EAAsC,MAAM;EAC5E,OAAO,IAAAC,sBAAU,EAAC,EAAE,EAAEC,WAAW,CAAC;AACpC,CAAC,CAAC;AAEFP,eAAe,CAACS,MAAM,GAAG,UAAUC,OAAiC,EAAE;EACpEC,2BAAe,CAACC,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;EAEnC,IAAIH,OAAO,CAACI,CAAC,EAAE;IACb,KAAK,MAAMC,KAAK,IAAIL,OAAO,CAACI,CAAC,EAAE;MAC7Bd,eAAe,CAACI,MAAM,CAACW,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG,CAACD,KAAK,CAAC,CAAC,CAAC,CAAC;IAChD;EACF;EAEA,IAAIL,OAAO,CAACO,CAAC,EAAE;IACb,KAAK,MAAMT,SAAS,IAAIE,OAAO,CAACO,CAAC,EAAE;MACjCjB,eAAe,CAACQ,SAAS,CAACA,SAAS,CAAC,CAAC,CAAC,CAAC,CAACQ,GAAG,CAACR,SAAS,CAAC,CAAC,CAAC,CAAC;IAC3D;EACF;EAEA,IAAIE,OAAO,CAACQ,EAAE,EAAE;IACd,KAAK,MAAMC,KAAK,IAAIT,OAAO,CAACQ,EAAE,EAAE;MAC9B,IAAAE,mBAAa,EAACD,KAAK,CAAC,CAAC,CAAC,CAAC,CAACH,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvC;EACF;EAEA,IAAIT,OAAO,CAACW,EAAE,EAAE;IACd,KAAK,MAAMF,KAAK,IAAIT,OAAO,CAACW,EAAE,EAAE;MAC9B,IAAAD,mBAAa,EAACD,KAAK,CAAC,CAAC,CAAC,CAAC,CAACH,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvC;EACF;EAEA,KAAK,MAAMG,MAAM,IAAIX,2BAAe,CAACC,OAAO,EAAE;IAC5CU,MAAM,CAACC,GAAG,CAAC,CAAC;EACd;EAEAZ,2BAAe,CAACC,OAAO,GAAGY,SAAS;AACrC,CAAC;AAED,SAASjB,WAAWA,CAACkB,CAAU,EAAEC,CAAU,EAAW;EACpD,MAAMC,MAAM,GAAGC,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC;EAC/B,MAAMK,MAAM,GAAGF,KAAK,CAACC,OAAO,CAACH,CAAC,CAAC;EAC/B,MAAMK,qBAAqB,GACzB,OAAON,CAAC,KAAK,QAAQ,IAAI,OAAOC,CAAC,KAAK,QAAQ,IAAIC,MAAM,KAAKG,MAAM;;EAErE;EACA;EACA,IAAI,CAACC,qBAAqB,EAAE,OAAON,CAAC,KAAKC,CAAC;;EAE1C;EACA,IAAI,CAACD,CAAC,IAAI,CAACC,CAAC,EAAE;IACZ,OAAOD,CAAC,KAAKC,CAAC;EAChB;;EAEA;EACA,IAAIC,MAAM,IAAIG,MAAM,IAAIL,CAAC,CAACO,MAAM,KAAKN,CAAC,CAACM,MAAM,EAAE;IAC7C,OAAO,KAAK;EACd;;EAEA;EACA,KAAK,MAAMC,GAAG,IAAIR,CAAC,EAAE;IACnB,IACE,CAAClB,WAAW,CACTkB,CAAC,CAA6BQ,GAAG,CAAC,EAClCP,CAAC,CAA6BO,GAAG,CACpC,CAAC,EACD;MACA,OAAO,KAAK;IACd;EACF;;EAEA;EACA,KAAK,MAAMA,GAAG,IAAIP,CAAC,EAAE;IACnB,IAAI,EAAEO,GAAG,IAAIR,CAAC,CAAC,EAAE;MACf,OAAO,KAAK;IACd;EACF;EAEA,OAAO,IAAI;AACb;AAEAzB,eAAe,CAACI,MAAM,CAAC,sBAAsB,CAAC,CAACY,GAAG,CAAC,CACjD;EACEF,CAAC,EAAE,CAAC,CAAC,CAAC;EACNoB,CAAC,EAAE;AACL,CAAC,CACF,CAAC;AAEFlC,eAAe,CAACI,MAAM,CAAC,uBAAuB,CAAC,CAACY,GAAG,CAAC,CAClD;EACEF,CAAC,EAAE,CAAC,CAAC,CAAC;EACNqB,CAAC,EAAE;AACL,CAAC,CACF,CAAC;AAEFnC,eAAe,CAACI,MAAM,CAAC,uBAAuB,CAAC,CAACY,GAAG,CAAC,CAClD;EACEF,CAAC,EAAE,CAAC,CAAC,CAAC;EACNW,CAAC,EAAE;AACL,CAAC,CACF,CAAC;AAEFzB,eAAe,CAACI,MAAM,CAAC,uBAAuB,CAAC,CAACY,GAAG,CAAC,CAClD;EACEF,CAAC,EAAE,CAAC,CAAC,CAAC;EACNsB,CAAC,EAAE;IACDC,CAAC,EAAE;EACL;AACF,CAAC,CACF,CAAC","ignoreList":[]}

package/dist/commonjs/runtime/native/metro.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=metro.js.map

package/dist/commonjs/runtime/native/metro.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["runtime/native/metro.ts"],"mappings":"","ignoreList":[]}

package/dist/commonjs/runtime/native/react/interaction.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInteractionHandler = getInteractionHandler;
+var _reactivity = require("../reactivity.js");
+/* eslint-disable */
+
+const mainCache = new WeakMap();
+const defaultHandlers = {
+  onLayout: () => {},
+  onHoverIn: () => {},
+  onHoverOut: () => {},
+  onPress: () => {},
+  onPressIn: () => {},
+  onPressOut: () => {},
+  onFocus: () => {},
+  onBlur: () => {}
+};
+function getInteractionHandler(weakKey, type, handler = defaultHandlers[type]) {
+  let cache = mainCache.get(weakKey);
+  if (!cache) {
+    cache = new WeakMap();
+    mainCache.set(weakKey, cache);
+  }
+  let cached = cache.get(handler);
+  if (!cached) {
+    cached = event => {
+      if (handler) {
+        handler(event);
+      }
+      switch (type) {
+        case "onLayout":
+          (0, _reactivity.containerLayoutFamily)(weakKey).set(event.nativeEvent.layout);
+          break;
+        case "onHoverIn":
+          (0, _reactivity.hoverFamily)(weakKey).set(true);
+          break;
+        case "onHoverOut":
+          (0, _reactivity.hoverFamily)(weakKey).set(false);
+          break;
+        case "onPress":
+          break;
+        case "onPressIn":
+          (0, _reactivity.activeFamily)(weakKey).set(true);
+          break;
+        case "onPressOut":
+          (0, _reactivity.activeFamily)(weakKey).set(false);
+          break;
+        case "onFocus":
+          (0, _reactivity.focusFamily)(weakKey).set(true);
+          break;
+        case "onBlur":
+          (0, _reactivity.focusFamily)(weakKey).set(false);
+          break;
+      }
+    };
+    cache.set(handler, cached);
+  }
+  return cached;
+}
+//# sourceMappingURL=interaction.js.map

package/dist/commonjs/runtime/native/react/interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactivity","require","mainCache","WeakMap","defaultHandlers","onLayout","onHoverIn","onHoverOut","onPress","onPressIn","onPressOut","onFocus","onBlur","getInteractionHandler","weakKey","type","handler","cache","get","set","cached","event","containerLayoutFamily","nativeEvent","layout","hoverFamily","activeFamily","focusFamily"],"sourceRoot":"../../../../../src","sources":["runtime/native/react/interaction.ts"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;;AAWA,MAAMC,SAAS,GAAG,IAAIC,OAAO,CAG3B,CAAC;AAcH,MAAMC,eAAiD,GAAG;EACxDC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,UAAU,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpBC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBC,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,UAAU,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpBC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBC,MAAM,EAAEA,CAAA,KAAM,CAAC;AACjB,CAAC;AAEM,SAASC,qBAAqBA,CACnCC,OAAgB,EAChBC,IAAqB,EACrBC,OAAO,GAAGZ,eAAe,CAACW,IAAI,CAAC,EAC/B;EACA,IAAIE,KAAK,GAAGf,SAAS,CAACgB,GAAG,CAACJ,OAAO,CAAC;EAClC,IAAI,CAACG,KAAK,EAAE;IACVA,KAAK,GAAG,IAAId,OAAO,CAAC,CAAC;IACrBD,SAAS,CAACiB,GAAG,CAACL,OAAO,EAAEG,KAAK,CAAC;EAC/B;EAEA,IAAIG,MAAM,GAAGH,KAAK,CAACC,GAAG,CAACF,OAAO,CAAC;EAC/B,IAAI,CAACI,MAAM,EAAE;IACXA,MAAM,GAAIC,KAAU,IAAK;MACvB,IAAIL,OAAO,EAAE;QACXA,OAAO,CAACK,KAAK,CAAC;MAChB;MAEA,QAAQN,IAAI;QACV,KAAK,UAAU;UACb,IAAAO,iCAAqB,EAACR,OAAO,CAAC,CAACK,GAAG,CAC/BE,KAAK,CAAuBE,WAAW,CAACC,MAC3C,CAAC;UACD;QACF,KAAK,WAAW;UACd,IAAAC,uBAAW,EAACX,OAAO,CAAC,CAACK,GAAG,CAAC,IAAI,CAAC;UAC9B;QACF,KAAK,YAAY;UACf,IAAAM,uBAAW,EAACX,OAAO,CAAC,CAACK,GAAG,CAAC,KAAK,CAAC;UAC/B;QACF,KAAK,SAAS;UACZ;QACF,KAAK,WAAW;UACd,IAAAO,wBAAY,EAACZ,OAAO,CAAC,CAACK,GAAG,CAAC,IAAI,CAAC;UAC/B;QACF,KAAK,YAAY;UACf,IAAAO,wBAAY,EAACZ,OAAO,CAAC,CAACK,GAAG,CAAC,KAAK,CAAC;UAChC;QACF,KAAK,SAAS;UACZ,IAAAQ,uBAAW,EAACb,OAAO,CAAC,CAACK,GAAG,CAAC,IAAI,CAAC;UAC9B;QACF,KAAK,QAAQ;UACX,IAAAQ,uBAAW,EAACb,OAAO,CAAC,CAACK,GAAG,CAAC,KAAK,CAAC;UAC/B;MACJ;IACF,CAAC;IACDF,KAAK,CAACE,GAAG,CAACH,OAAO,EAAEI,MAAM,CAAC;EAC5B;EAEA,OAAOA,MAAM;AACf","ignoreList":[]}

package/dist/commonjs/runtime/native/react/rules.js

@@ -0,0 +1,253 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INLINE_RULE_SYMBOL = void 0;
+exports.generateHash = generateHash;
+exports.generateStateHash = generateStateHash;
+exports.updateRules = updateRules;
+var _index = require("../../utils/index.js");
+var _index2 = require("../conditions/index.js");
+var _containerQuery = require("../conditions/container-query.js");
+var _injection = require("../injection.js");
+var _reactivity = require("../reactivity.js");
+var _index3 = require("../styles/index.js");
+/* eslint-disable */
+
+const INLINE_RULE_SYMBOL = exports.INLINE_RULE_SYMBOL = Symbol("react-native-css.inlineRule");
+function updateRules(state,
+// Either update the state with new props or use the current props
+currentProps = state.currentProps, inheritedVariables = state.inheritedVariables, inheritedContainers = state.inheritedContainers, forceUpdate = false, isRerender = true) {
+  const guards = [];
+  const rules = new Set();
+  if (forceUpdate) {
+    state = {
+      ...state,
+      guards,
+      currentProps
+    };
+  }
+  let usesVariables = false;
+  let variables = state.variables ? inheritedVariables : undefined;
+  let containers = state.containers ? inheritedContainers : undefined;
+  const inlineVariables = new Set();
+  let animated = false;
+  for (const config of state.configs) {
+    const source = currentProps?.[config.source];
+    const shallowTarget = Array.isArray(config.target) ? config.target[0] : config.target;
+    guards.push(["a", config.source, source]);
+    if (shallowTarget) {
+      guards.push(["a", shallowTarget, currentProps?.[shallowTarget]]);
+    }
+    const styleRuleSet = [];
+    if (typeof source === "string") {
+      const classNames = source.split(/\s+/);
+      for (const className of classNames) {
+        styleRuleSet.push(..._injection.StyleCollection.styles(className).get(state.ruleEffect));
+      }
+    }
+    const target = (0, _index.getDeepPath)(currentProps, config.target);
+    if (target) {
+      if (Array.isArray(target)) {
+        for (const item of target) {
+          if (_reactivity.VAR_SYMBOL in item) {
+            inlineVariables.add(item);
+          } else if (INLINE_RULE_SYMBOL in item && typeof item[INLINE_RULE_SYMBOL] === "string") {
+            pushInlineRule(state, item, styleRuleSet);
+          }
+        }
+      } else if (config.target && typeof target === "object" && target && _reactivity.VAR_SYMBOL in target) {
+        inlineVariables.add(target);
+      } else if (INLINE_RULE_SYMBOL in target && typeof target[INLINE_RULE_SYMBOL] === "string") {
+        pushInlineRule(state, target, styleRuleSet);
+      }
+    }
+    for (let rule of styleRuleSet) {
+      // Even if a rule does not match, make sure we register that it could set
+      // a variable or container or be animated.
+      if (rule.v) usesVariables = true;
+      if (rule.c) containers ??= inheritedContainers;
+      if (rule.a) animated = true;
+      usesVariables ||= Boolean(rule.dv);
+      if (!(0, _index2.testRule)(rule, state.ruleEffectGetter, currentProps, guards, inheritedContainers)) {
+        continue;
+      }
+      if (rule.v) {
+        // We're going to set a value, so we need to create a new object
+        if (variables === inheritedVariables) {
+          variables = {
+            ...inheritedVariables
+          };
+        } else {
+          variables ??= {
+            ...inheritedVariables
+          };
+        }
+        for (const v of rule.v) {
+          variables[v[0]] = v[1];
+        }
+      }
+      if (rule.c) {
+        // We're going to set a value, so we need to create a new object
+        if (containers === inheritedContainers) {
+          containers = {
+            ...inheritedContainers,
+            // This container becomes the default container
+            [_containerQuery.DEFAULT_CONTAINER_NAME]: state.ruleEffectGetter
+          };
+        }
+
+        // This this component as the named container
+        for (const name of rule.c) {
+          containers[name] = state.ruleEffectGetter;
+        }
+
+        // Enable hover/active/focus/layout handlers
+        (0, _reactivity.hoverFamily)(state.ruleEffectGetter);
+        (0, _reactivity.activeFamily)(state.ruleEffectGetter);
+        (0, _reactivity.focusFamily)(state.ruleEffectGetter);
+        (0, _reactivity.containerLayoutFamily)(state.ruleEffectGetter);
+      }
+      if (rule.a) {
+        animated = true;
+      }
+
+      // Rules normally target style. If the target is not style, we need to create a new rule.
+      if (config.target !== "style") {
+        rule = getRuleVariation(rule)(config);
+      }
+
+      // Add the rule to the set and update the hash
+      rules.add(rule);
+    }
+    if (process.env.NODE_ENV !== "production") {
+      if (isRerender) {
+        let pressable = _reactivity.activeFamily.has(state.ruleEffectGetter);
+        if (Boolean(variables) !== Boolean(state.variables)) {
+          console.log(`ReactNativeCss: className '${source}' added or removed a variable after the initial render. This causes the components state to be reset and all children be re-mounted. Use the className 'will-change-variable' to avoid this warning. If this was caused by sibling components being added/removed, use a 'key' prop so React can track the component correctly.`);
+        } else if (Boolean(containers) !== Boolean(state.containers)) {
+          console.log(`ReactNativeCss: className '${source}' added or removed a container after the initial render. This causes the components state to be reset and all children be re-mounted. This will cause unexpected behavior. Use the className 'will-change-container' to avoid this warning. If this was caused by sibling components being added/removed, use a 'key' prop so React can track the component correctly.`);
+        } else if (animated !== state.animated) {
+          console.log(`ReactNativeCss: className '${source}' added or removed an animation after the initial render. This causes the components state to be reset and all children be re-mounted. This will cause unexpected behavior. Use the className 'will-change-animation' to avoid this warning. If this was caused by sibling components being added/removed, use a 'key' prop so React can track the component correctly.`);
+        } else if (pressable !== state.pressable) {
+          console.log(`ReactNativeCss: className '${source}' added or removed a pressable state after the initial render. This causes the components state to be reset and all children be re-mounted. This will cause unexpected behavior. Use the className 'will-change-pressable' to avoid this warning. If this was caused by sibling components being added/removed, use a 'key' prop so React can track the component correctly.`);
+        }
+      }
+    }
+  }
+
+  // We only track this in development
+  let pressable = process.env.NODE_ENV === "production" ? undefined : _reactivity.activeFamily.has(state.ruleEffectGetter);
+  if (!rules.size && !state.stylesObs && !inlineVariables.size) {
+    return {
+      ...state,
+      currentProps,
+      guards,
+      animated,
+      pressable
+    };
+  }
+  if (usesVariables || variables) {
+    rules.add(inheritedVariables);
+    if (inlineVariables.size) {
+      variables = Object.assign({}, variables, inheritedVariables, ...Array.from(inlineVariables), {
+        [_reactivity.VAR_SYMBOL]: true
+      });
+    }
+    for (const variable of inlineVariables) {
+      rules.add(variable);
+    }
+  }
+
+  // Generate a StyleObservable for this unique set of rules / variables
+  const stylesObs = (0, _index3.stylesFamily)(generateStateHash(state, rules), rules);
+
+  // Get the guards without subscribing to the observable
+  // We will subscribe within the render using the StyleEffect
+  guards.push(...stylesObs.get().guards);
+
+  // If these are the same styles with no inline variables, we can skip the update
+  if (state.stylesObs === stylesObs && !inlineVariables.size) {
+    return state;
+  }
+
+  // Remove this component from the old observer
+  state.stylesObs?.cleanup(state.ruleEffect);
+  return {
+    ...state,
+    currentProps,
+    stylesObs,
+    variables,
+    containers,
+    guards,
+    animated,
+    pressable
+  };
+}
+
+/**
+ * Create variations of a style rule based on the config.
+ * Cache for reference equality.
+ */
+const getRuleVariation = (0, _reactivity.weakFamily)(rule => {
+  return (0, _reactivity.weakFamily)(config => {
+    return {
+      ...rule,
+      target: config.target
+    };
+  });
+});
+function pushInlineRule(state, item, styleRuleSet) {
+  for (const className of item[INLINE_RULE_SYMBOL].split(/\s+/)) {
+    let inlineRuleSet = _injection.StyleCollection.styles(className).get(state.ruleEffect);
+    for (let rule of inlineRuleSet) {
+      styleRuleSet.push(rule);
+    }
+  }
+}
+
+/**
+ * Get a unique number for a weak key.
+ */
+let hashKeyCount = 0;
+const hashKeyFamily = (0, _reactivity.weakFamily)(() => hashKeyCount++);
+function generateStateHash(state, iterableKeys, variables, inlineVars) {
+  if (!iterableKeys) {
+    return "";
+  }
+  const keys = [state.configs, ...iterableKeys];
+  if (variables) {
+    keys.push(variables);
+  }
+  if (inlineVars) {
+    keys.push(...inlineVars);
+  }
+  return generateHash(keys);
+}
+
+/**
+ * Quickly generate a unique hash for a set of numbers.
+ * This is not a cryptographic hash, but it is fast and has a low chance of collision.
+ */
+const MOD = 9007199254740871; // Largest prime within safe integer range 2^53
+const PRIME = 31; // A smaller prime for mixing
+function generateHash(keys) {
+  let hash = 0;
+  let product = 1; // Used for mixing to enhance uniqueness
+
+  for (const key of keys) {
+    if (!key) continue; // Skip if key is undefined
+
+    const num = hashKeyFamily(key);
+    hash = (hash ^ num) % MOD; // XOR and modular arithmetic
+    product = product * (num + PRIME) % MOD; // Mix with multiplication
+  }
+
+  // Combine hash and product to form the final hash
+  hash = (hash + product) % MOD;
+
+  // Return the hash as a string
+  return hash.toString(36);
+}
+//# sourceMappingURL=rules.js.map

package/dist/commonjs/runtime/native/react/rules.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_index2","_containerQuery","_injection","_reactivity","_index3","INLINE_RULE_SYMBOL","exports","Symbol","updateRules","state","currentProps","inheritedVariables","inheritedContainers","forceUpdate","isRerender","guards","rules","Set","usesVariables","variables","undefined","containers","inlineVariables","animated","config","configs","source","shallowTarget","Array","isArray","target","push","styleRuleSet","classNames","split","className","StyleCollection","styles","get","ruleEffect","getDeepPath","item","VAR_SYMBOL","add","pushInlineRule","rule","v","c","a","Boolean","dv","testRule","ruleEffectGetter","DEFAULT_CONTAINER_NAME","name","hoverFamily","activeFamily","focusFamily","containerLayoutFamily","getRuleVariation","process","env","NODE_ENV","pressable","has","console","log","size","stylesObs","Object","assign","from","variable","stylesFamily","generateStateHash","cleanup","weakFamily","inlineRuleSet","hashKeyCount","hashKeyFamily","iterableKeys","inlineVars","keys","generateHash","MOD","PRIME","hash","product","key","num","toString"],"sourceRoot":"../../../../../src","sources":["runtime/native/react/rules.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/runtime/native/react/useNativeCss.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mappingToConfig = mappingToConfig;
+exports.useNativeCss = useNativeCss;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _guards = require("../conditions/guards.js");
+var _reactivity = require("../reactivity.js");
+var _index = require("../styles/index.js");
+var _animation = require("../styles/animation.js");
+var _rules = require("./rules.js");
+/* eslint-disable */
+
+/**
+ * useNativeCss is the native implementation of the useCssElement hook.
+ */
+function useNativeCss(type, originalProps, configs = [{
+  source: "className",
+  target: "style"
+}]) {
+  const inheritedVariables = (0, _react.useContext)(_reactivity.VariableContext);
+  const inheritedContainers = (0, _react.useContext)(_reactivity.ContainerContext);
+  const [state, setState] = (0, _react.useState)(() => {
+    // Both effects share the same observers to improve memory usage
+    const observers = new Set();
+
+    /**
+     * When fired, this effect will force the rules to be re-evaluated.
+     * This will cause a re-render if there are different rules
+     *
+     * Use this when a rule condition changes, e.g FastRefresh or media queries
+     */
+    const ruleEffect = {
+      observers,
+      run: () => setState(state => (0, _rules.updateRules)(state))
+    };
+
+    /**
+     * When fired, this effect will force a re-render of the component.
+     * This will cause a re-fetch of the styles.
+     *
+     * Use this when a value changes, e.g vm units or light / dark mode
+     */
+    const styleEffect = {
+      observers,
+      run: () => setState(state => ({
+        ...state
+      }))
+    };
+    return (0, _rules.updateRules)({
+      ruleEffect,
+      ruleEffectGetter: observable => observable.get(ruleEffect),
+      styleEffect,
+      configs,
+      inheritedContainers,
+      inheritedVariables,
+      pressable: type === _reactNative.View ? false : undefined
+    }, originalProps, inheritedVariables, inheritedContainers, false, false);
+  });
+
+  // Both effects share the same observers, so we only need to cleanup one of them
+  (0, _react.useEffect)(() => () => (0, _reactivity.cleanupEffect)(state.ruleEffect), [state.ruleEffect]);
+
+  // Check if our derived state has changed (e.g the className prop)
+  if ((0, _guards.testGuards)(state, originalProps, inheritedVariables, inheritedContainers)) {
+    /**
+     * Get the new state
+     * Note, this might result in the same styles, but the guards will now be different
+     */
+    setState((0, _rules.updateRules)(state, originalProps, inheritedVariables, inheritedContainers, true));
+
+    // We can bail on rendering as the result of this render will be discarded
+    return /*#__PURE__*/(0, _react.createElement)(_react.Fragment);
+  }
+  let props = (0, _index.getStyledProps)(state, originalProps);
+  if (type === _reactNative.View && props?.onPress) {
+    type = _reactNative.Pressable;
+  }
+  if (state.animated) {
+    type = (0, _animation.animatedComponentFamily)(type);
+  }
+  if (state.variables) {
+    props = {
+      value: state.variables,
+      children: /*#__PURE__*/(0, _react.createElement)(type, props)
+    };
+    type = _reactivity.VariableContext.Provider;
+  }
+  if (state.containers) {
+    props = {
+      value: state.containers,
+      children: /*#__PURE__*/(0, _react.createElement)(type, props)
+    };
+    type = _reactivity.ContainerContext.Provider;
+  }
+  return /*#__PURE__*/(0, _react.createElement)(type, props);
+}
+
+/**
+ * Convert the styled() mapping to a config array
+ */
+function mappingToConfig(mapping) {
+  return Object.entries(mapping).flatMap(([key, value]) => {
+    if (value === true) {
+      return {
+        source: key,
+        target: key
+      };
+    } else if (value === false) {
+      return {
+        source: key,
+        target: false
+      };
+    } else if (typeof value === "string") {
+      return {
+        source: key,
+        target: value.split(".")
+      };
+    } else if (typeof value === "object") {
+      if (Array.isArray(value)) {
+        return {
+          source: key,
+          target: value
+        };
+      }
+      if ("target" in value) {
+        if (value.target === false) {
+          return {
+            source: key,
+            target: false
+          };
+        } else if (typeof value.target === "string") {
+          const target = value.target.split(".");
+          if (target.length === 1) {
+            return {
+              source: key,
+              target: target[0]
+            };
+          } else {
+            return {
+              source: key,
+              target
+            };
+          }
+        } else if (Array.isArray(value.target)) {
+          return {
+            source: key,
+            target: value.target
+          };
+        }
+      }
+    }
+    throw new Error(`styled(): Invalid mapping for ${key}: ${value}`);
+  });
+}
+//# sourceMappingURL=useNativeCss.js.map

package/dist/commonjs/runtime/native/react/useNativeCss.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_guards","_reactivity","_index","_animation","_rules","useNativeCss","type","originalProps","configs","source","target","inheritedVariables","useContext","VariableContext","inheritedContainers","ContainerContext","state","setState","useState","observers","Set","ruleEffect","run","updateRules","styleEffect","ruleEffectGetter","observable","get","pressable","View","undefined","useEffect","cleanupEffect","testGuards","createElement","Fragment","props","getStyledProps","onPress","Pressable","animated","animatedComponentFamily","variables","value","children","Provider","containers","mappingToConfig","mapping","Object","entries","flatMap","key","split","Array","isArray","length","Error"],"sourceRoot":"../../../../../src","sources":["runtime/native/react/useNativeCss.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/runtime/native/react/usePassthrough.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePassthrough = usePassthrough;
+var _react = require("react");
+var _rules = require("./rules.js");
+/* eslint-disable */
+
+const cache = new Map();
+function usePassthrough(type, {
+  ...props
+}, configs) {
+  for (const config of configs) {
+    let {
+      source,
+      target
+    } = config;
+    const classNames = props[source];
+    let styles = cache.get(source);
+    if (styles === undefined) {
+      styles = {
+        [_rules.INLINE_RULE_SYMBOL]: classNames
+      };
+    }
+    delete props[source];
+    if (classNames === undefined || target === false) {
+      continue;
+    }
+    let targetProps = props;
+    if (Array.isArray(target)) {
+      for (let i = 0; i < target.length - 1; i++) {
+        const prop = target[i];
+        props[prop] ??= {};
+        targetProps = props[prop];
+      }
+      target = target[target.length - 1];
+    }
+    if (Array.isArray(targetProps[target])) {
+      targetProps[target] = [...targetProps[target], styles];
+    } else if (targetProps[target]) {
+      targetProps[target] = [targetProps[target], styles];
+    } else {
+      targetProps[target] = styles;
+    }
+  }
+  return /*#__PURE__*/(0, _react.createElement)(type, props);
+}
+//# sourceMappingURL=usePassthrough.js.map

package/dist/commonjs/runtime/native/react/usePassthrough.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_rules","cache","Map","usePassthrough","type","props","configs","config","source","target","classNames","styles","get","undefined","INLINE_RULE_SYMBOL","targetProps","Array","isArray","i","length","prop","createElement"],"sourceRoot":"../../../../../src","sources":["runtime/native/react/usePassthrough.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAHA;;AAMA,MAAME,KAAK,GAAG,IAAIC,GAAG,CAA8B,CAAC;AAE7C,SAASC,cAAcA,CAC5BC,IAAwB,EACxB;EAAE,GAAGC;AAA2B,CAAC,EACjCC,OAAiB,EACjB;EACA,KAAK,MAAMC,MAAM,IAAID,OAAO,EAAE;IAC5B,IAAI;MAAEE,MAAM;MAAEC;IAAO,CAAC,GAAGF,MAAM;IAE/B,MAAMG,UAAU,GAAGL,KAAK,CAACG,MAAM,CAAC;IAEhC,IAAIG,MAAM,GAAGV,KAAK,CAACW,GAAG,CAACJ,MAAM,CAAC;IAC9B,IAAIG,MAAM,KAAKE,SAAS,EAAE;MACxBF,MAAM,GAAG;QAAE,CAACG,yBAAkB,GAAGJ;MAAW,CAAC;IAC/C;IAEA,OAAOL,KAAK,CAACG,MAAM,CAAC;IAEpB,IAAIE,UAAU,KAAKG,SAAS,IAAIJ,MAAM,KAAK,KAAK,EAAE;MAChD;IACF;IAEA,IAAIM,WAAW,GAAGV,KAAK;IAEvB,IAAIW,KAAK,CAACC,OAAO,CAACR,MAAM,CAAC,EAAE;MACzB,KAAK,IAAIS,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGT,MAAM,CAACU,MAAM,GAAG,CAAC,EAAED,CAAC,EAAE,EAAE;QAC1C,MAAME,IAAI,GAAGX,MAAM,CAACS,CAAC,CAAE;QACvBb,KAAK,CAACe,IAAI,CAAC,KAAK,CAAC,CAAC;QAClBL,WAAW,GAAGV,KAAK,CAACe,IAAI,CAAC;MAC3B;MACAX,MAAM,GAAGA,MAAM,CAACA,MAAM,CAACU,MAAM,GAAG,CAAC,CAAE;IACrC;IAEA,IAAIH,KAAK,CAACC,OAAO,CAACF,WAAW,CAACN,MAAM,CAAC,CAAC,EAAE;MACtCM,WAAW,CAACN,MAAM,CAAC,GAAG,CAAC,GAAGM,WAAW,CAACN,MAAM,CAAC,EAAEE,MAAM,CAAC;IACxD,CAAC,MAAM,IAAII,WAAW,CAACN,MAAM,CAAC,EAAE;MAC9BM,WAAW,CAACN,MAAM,CAAC,GAAG,CAACM,WAAW,CAACN,MAAM,CAAC,EAAEE,MAAM,CAAC;IACrD,CAAC,MAAM;MACLI,WAAW,CAACN,MAAM,CAAC,GAAGE,MAAM;IAC9B;EACF;EAEA,oBAAO,IAAAU,oBAAa,EAACjB,IAAI,EAAEC,KAAK,CAAC;AACnC","ignoreList":[]}