react-native-css 2.1.1 → 3.0.0-nightly.27bd5e2

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

@@ -0,0 +1,246 @@
+"use strict";
+
+/* eslint-disable */
+
+import { getDeepPath } from "../../utils/index.js";
+import { testRule } from "../conditions/index.js";
+import { DEFAULT_CONTAINER_NAME } from "../conditions/container-query.js";
+import { StyleCollection } from "../injection.js";
+import { activeFamily, containerLayoutFamily, focusFamily, hoverFamily, VAR_SYMBOL, weakFamily } from "../reactivity.js";
+import { stylesFamily } from "../styles/index.js";
+export const INLINE_RULE_SYMBOL = Symbol("react-native-css.inlineRule");
+export 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(...StyleCollection.styles(className).get(state.ruleEffect));
+      }
+    }
+    const target = getDeepPath(currentProps, config.target);
+    if (target) {
+      if (Array.isArray(target)) {
+        for (const item of target) {
+          if (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 && 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 (!testRule(rule, state.ruleEffect, 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
+            [DEFAULT_CONTAINER_NAME]: state.ruleEffect
+          };
+        }
+
+        // This this component as the named container
+        for (const name of rule.c) {
+          containers[name] = state.ruleEffect;
+        }
+
+        // Enable hover/active/focus/layout handlers
+        hoverFamily(state.ruleEffect);
+        activeFamily(state.ruleEffect);
+        focusFamily(state.ruleEffect);
+        containerLayoutFamily(state.ruleEffect);
+      }
+      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 = activeFamily.has(state.ruleEffect);
+        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 : activeFamily.has(state.ruleEffect);
+  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), {
+        [VAR_SYMBOL]: true
+      });
+    }
+    for (const variable of inlineVariables) {
+      rules.add(variable);
+    }
+  }
+
+  // Generate a StyleObservable for this unique set of rules / variables
+  const stylesObs = 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 = weakFamily(rule => {
+  return weakFamily(config => {
+    return {
+      ...rule,
+      target: config.target
+    };
+  });
+});
+function pushInlineRule(state, item, styleRuleSet) {
+  for (const className of item[INLINE_RULE_SYMBOL].split(/\s+/)) {
+    let inlineRuleSet = 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 = weakFamily(() => hashKeyCount++);
+export 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
+export 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/module/runtime/native/react/rules.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDeepPath","testRule","DEFAULT_CONTAINER_NAME","StyleCollection","activeFamily","containerLayoutFamily","focusFamily","hoverFamily","VAR_SYMBOL","weakFamily","stylesFamily","INLINE_RULE_SYMBOL","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","styles","get","ruleEffect","item","add","pushInlineRule","rule","v","c","a","Boolean","dv","name","getRuleVariation","process","env","NODE_ENV","pressable","has","console","log","size","stylesObs","Object","assign","from","variable","generateStateHash","cleanup","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/module/runtime/native/react/useNativeCss.js

@@ -0,0 +1,152 @@
+"use strict";
+
+/* eslint-disable */
+import { createElement, Fragment, useContext, useEffect, useState } from "react";
+import { Pressable, View } from "react-native";
+import { testGuards } from "../conditions/guards.js";
+import { cleanupEffect, ContainerContext, VariableContext } from "../reactivity.js";
+import { getStyledProps } from "../styles/index.js";
+import { animatedComponentFamily } from "../styles/animation.js";
+import { updateRules } from "./rules.js";
+/**
+ * useNativeCss is the native implementation of the useCssElement hook.
+ */
+export function useNativeCss(type, originalProps, configs = [{
+  source: "className",
+  target: "style"
+}]) {
+  const inheritedVariables = useContext(VariableContext);
+  const inheritedContainers = useContext(ContainerContext);
+  const [state, setState] = 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 => 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 updateRules({
+      ruleEffect,
+      styleEffect,
+      configs,
+      inheritedContainers,
+      inheritedVariables,
+      pressable: type === View ? false : undefined
+    }, originalProps, inheritedVariables, inheritedContainers, false, false);
+  });
+
+  // Both effects share the same observers, so we only need to cleanup one of them
+  useEffect(() => () => cleanupEffect(state.ruleEffect), [state.ruleEffect]);
+
+  // Check if our derived state has changed (e.g the className prop)
+  if (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(updateRules(state, originalProps, inheritedVariables, inheritedContainers, true));
+
+    // We can bail on rendering as the result of this render will be discarded
+    return /*#__PURE__*/createElement(Fragment);
+  }
+  let props = getStyledProps(state, originalProps);
+  if (type === View && props?.onPress) {
+    type = Pressable;
+  }
+  if (state.animated) {
+    type = animatedComponentFamily(type);
+  }
+  if (state.variables) {
+    props = {
+      value: state.variables,
+      children: /*#__PURE__*/createElement(type, props)
+    };
+    type = VariableContext.Provider;
+  }
+  if (state.containers) {
+    props = {
+      value: state.containers,
+      children: /*#__PURE__*/createElement(type, props)
+    };
+    type = ContainerContext.Provider;
+  }
+  return /*#__PURE__*/createElement(type, props);
+}
+
+/**
+ * Convert the styled() mapping to a config array
+ */
+export 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/module/runtime/native/react/useNativeCss.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","Fragment","useContext","useEffect","useState","Pressable","View","testGuards","cleanupEffect","ContainerContext","VariableContext","getStyledProps","animatedComponentFamily","updateRules","useNativeCss","type","originalProps","configs","source","target","inheritedVariables","inheritedContainers","state","setState","observers","Set","ruleEffect","run","styleEffect","pressable","undefined","props","onPress","animated","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/module/runtime/native/react/usePassthrough.js

@@ -0,0 +1,45 @@
+"use strict";
+
+/* eslint-disable */
+import { createElement } from "react";
+import { INLINE_RULE_SYMBOL } from "./rules.js";
+const cache = new Map();
+export 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 = {
+        [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__*/createElement(type, props);
+}
+//# sourceMappingURL=usePassthrough.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","INLINE_RULE_SYMBOL","cache","Map","usePassthrough","type","props","configs","config","source","target","classNames","styles","get","undefined","targetProps","Array","isArray","i","length","prop"],"sourceRoot":"../../../../../src","sources":["runtime/native/react/usePassthrough.ts"],"mappings":";;AAAA;AACA,SAASA,aAAa,QAA4B,OAAO;AAEzD,SAASC,kBAAkB,QAAQ,YAAS;AAG5C,MAAMC,KAAK,GAAG,IAAIC,GAAG,CAA8B,CAAC;AAEpD,OAAO,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,CAACX,kBAAkB,GAAGU;MAAW,CAAC;IAC/C;IAEA,OAAOL,KAAK,CAACG,MAAM,CAAC;IAEpB,IAAIE,UAAU,KAAKG,SAAS,IAAIJ,MAAM,KAAK,KAAK,EAAE;MAChD;IACF;IAEA,IAAIK,WAAW,GAAGT,KAAK;IAEvB,IAAIU,KAAK,CAACC,OAAO,CAACP,MAAM,CAAC,EAAE;MACzB,KAAK,IAAIQ,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGR,MAAM,CAACS,MAAM,GAAG,CAAC,EAAED,CAAC,EAAE,EAAE;QAC1C,MAAME,IAAI,GAAGV,MAAM,CAACQ,CAAC,CAAE;QACvBZ,KAAK,CAACc,IAAI,CAAC,KAAK,CAAC,CAAC;QAClBL,WAAW,GAAGT,KAAK,CAACc,IAAI,CAAC;MAC3B;MACAV,MAAM,GAAGA,MAAM,CAACA,MAAM,CAACS,MAAM,GAAG,CAAC,CAAE;IACrC;IAEA,IAAIH,KAAK,CAACC,OAAO,CAACF,WAAW,CAACL,MAAM,CAAC,CAAC,EAAE;MACtCK,WAAW,CAACL,MAAM,CAAC,GAAG,CAAC,GAAGK,WAAW,CAACL,MAAM,CAAC,EAAEE,MAAM,CAAC;IACxD,CAAC,MAAM,IAAIG,WAAW,CAACL,MAAM,CAAC,EAAE;MAC9BK,WAAW,CAACL,MAAM,CAAC,GAAG,CAACK,WAAW,CAACL,MAAM,CAAC,EAAEE,MAAM,CAAC;IACrD,CAAC,MAAM;MACLG,WAAW,CAACL,MAAM,CAAC,GAAGE,MAAM;IAC9B;EACF;EAEA,oBAAOZ,aAAa,CAACK,IAAI,EAAEC,KAAK,CAAC;AACnC","ignoreList":[]}

package/dist/module/runtime/native/reactivity.js

@@ -0,0 +1,177 @@
+"use strict";
+
+/* eslint-disable */
+import { createContext } from "react";
+import { Appearance, Dimensions } from "react-native";
+export const observableBatch = {};
+export function observable(init, equality = Object.is) {
+  let value;
+  let isStatic = typeof init !== "function";
+  let didInit;
+  let lastArg;
+  if (typeof init !== "function") {
+    value = init;
+    didInit = true;
+  }
+  const observers = new Set();
+  const effect = {
+    observers,
+    run: () => {
+      if (!isStatic) {
+        const nextValue = init(getter, lastArg);
+        if (equality(value, nextValue)) {
+          return;
+        }
+        value = nextValue;
+      }
+      notify();
+    }
+  };
+  const getter = observable => observable.get(effect);
+  function get(effect) {
+    if (effect) {
+      observers.add(effect);
+    }
+    if (!didInit) {
+      value = init(getter, undefined);
+    }
+    return value;
+  }
+  function set(arg) {
+    if (isStatic) {
+      if (equality(value, arg)) {
+        return;
+      }
+      value = arg;
+    } else {
+      const nextValue = init(getter, arg);
+      didInit = true;
+      lastArg = arg;
+      if (equality(value, nextValue)) {
+        return;
+      }
+      value = nextValue;
+    }
+    notify();
+    return obs;
+  }
+  function notify() {
+    Array.from(observers).forEach(observer => {
+      if (observableBatch.current) {
+        observableBatch.current.add(observer);
+      } else {
+        observer.run();
+      }
+    });
+  }
+  const obs = {
+    observers,
+    get,
+    set,
+    run: effect.run
+  };
+  return obs;
+}
+export function cleanupEffect(effect) {
+  if (!effect) return;
+  for (const dep of effect.observers) {
+    dep.observers.delete(effect);
+  }
+  effect.observers.clear();
+}
+
+/** Family Helpers ************************************************************/
+
+export function family(fn) {
+  const map = new Map();
+  return Object.assign((key, args) => {
+    let value = map.get(key);
+    if (!value) {
+      value = fn(key, args);
+      map.set(key, value);
+    }
+    return value;
+  }, {
+    delete(key) {
+      return map.delete(key);
+    },
+    clear() {
+      return map.clear();
+    }
+  });
+}
+export function weakFamily(fn) {
+  const map = new WeakMap();
+  return Object.assign((key, args) => {
+    let value = map.get(key);
+    if (!value) {
+      value = fn(key, args);
+      map.set(key, value);
+    }
+    return value;
+  }, {
+    has: key => map.has(key)
+  });
+}
+
+/********************************* Variables **********************************/
+
+export const VAR_SYMBOL = Symbol("react-native-css.var");
+export const VariableContext = /*#__PURE__*/createContext({
+  [VAR_SYMBOL]: true
+});
+const lightDarkFamily = () => {
+  return family(() => {
+    const obs = observable((read, lightDark = [undefined, undefined]) => {
+      const colorSchemeName = read(colorScheme) ?? Appearance.getColorScheme() ?? "light";
+      return colorSchemeName === "dark" ? lightDark[1] ?? lightDark[0] : lightDark[0];
+    });
+    return obs;
+  });
+};
+export const rootVariables = lightDarkFamily();
+export const universalVariables = lightDarkFamily();
+
+/** Units *********************************************************************/
+
+export const rem = observable(14);
+
+/** Pseudo Classes ************************************************************/
+
+export const hoverFamily = weakFamily(() => observable(false));
+export const activeFamily = weakFamily(() => observable(false));
+export const focusFamily = weakFamily(() => observable(false));
+
+/** Dimensions ****************************************************************/
+
+export const dimensions = observable(Dimensions.get("window"));
+export const vw = observable((read, value) => value ?? read(dimensions)?.width);
+export const vh = observable((read, value) => value ?? read(dimensions)?.height);
+
+/** Color Scheme **************************************************************/
+
+export const colorScheme = observable(Appearance.getColorScheme());
+Appearance.addChangeListener(event => colorScheme.set(event.colorScheme));
+
+/** Containers ****************************************************************/
+
+export const ContainerContext = /*#__PURE__*/createContext({});
+export const containerLayoutFamily = weakFamily(() => {
+  return observable({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
+});
+export const containerWidthFamily = weakFamily(key => {
+  return observable(read => {
+    return read(containerLayoutFamily(key))?.width || 0;
+  });
+});
+export const containerHeightFamily = weakFamily(key => {
+  return observable(read => {
+    return read(containerLayoutFamily(key))?.width || 0;
+  });
+});
+//# sourceMappingURL=reactivity.js.map

package/dist/module/runtime/native/reactivity.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","Appearance","Dimensions","observableBatch","observable","init","equality","Object","is","value","isStatic","didInit","lastArg","observers","Set","effect","run","nextValue","getter","notify","get","add","undefined","set","arg","obs","Array","from","forEach","observer","current","cleanupEffect","dep","delete","clear","family","fn","map","Map","assign","key","args","weakFamily","WeakMap","has","VAR_SYMBOL","Symbol","VariableContext","lightDarkFamily","read","lightDark","colorSchemeName","colorScheme","getColorScheme","rootVariables","universalVariables","rem","hoverFamily","activeFamily","focusFamily","dimensions","vw","width","vh","height","addChangeListener","event","ContainerContext","containerLayoutFamily","x","y","containerWidthFamily","containerHeightFamily"],"sourceRoot":"../../../../src","sources":["runtime/native/reactivity.ts"],"mappings":"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","ignoreList":[]}