react-native-unistyles 3.0.0-alpha.3 → 3.0.0-alpha.31

package/lib/commonjs/web/state.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesState = void 0;
+var _runtime = require("./runtime");
+var _utils = require("./utils");
+var _listener = require("./listener");
+var _NativePlatform = require("../specs/NativePlatform");
+class UnistylesStateBuilder {
+  themes = new Map();
+  matchingBreakpoints = new Map();
+  get breakpoint() {
+    const [currentBreakpoint] = Array.from(this.matchingBreakpoints).reverse().find(([_key, value]) => value) ?? [];
+    return currentBreakpoint;
+  }
+  hasAdaptiveThemes = false;
+  init = config => {
+    this.initThemes(config.themes);
+    this.initBreakpoints(config.breakpoints);
+    this.initSettings(config.settings);
+    if ((0, _utils.isServer)()) {
+      return;
+    }
+    _listener.UnistylesListener.initListeners();
+  };
+  initThemes = (themes = {}) => {
+    Object.entries(themes).forEach(([themeName, theme]) => {
+      this.themes.set(themeName, theme);
+    });
+  };
+  initSettings = settings => {
+    this.hasAdaptiveThemes = settings?.adaptiveThemes ?? false;
+    const themeNames = Array.from(this.themes.keys());
+    // Single theme + no settings
+    if (!settings?.adaptiveThemes && !settings?.initialTheme && themeNames.length === 1) {
+      this.themeName = themeNames[0];
+      return;
+    }
+    // No settings
+    if (!settings?.adaptiveThemes && !settings?.initialTheme) {
+      throw new Error('🦄 You need to specify either "initialTheme" or "adaptiveThemes" in your config');
+    }
+    // Adaptive themes
+    if (settings.adaptiveThemes) {
+      this.themeName = (0, _utils.schemeToTheme)(_runtime.UnistylesRuntime.colorScheme);
+      return;
+    }
+    // Initial theme
+    this.themeName = typeof settings.initialTheme === 'function' ? settings.initialTheme() : settings.initialTheme;
+  };
+  initBreakpoints = (breakpoints = {}) => {
+    this.breakpoints = breakpoints;
+    Object.entries(breakpoints).sort(([, a], [, b]) => a - b).forEach(([breakpoint, value]) => {
+      if ((0, _utils.isServer)()) {
+        return;
+      }
+      const mediaQuery = window.matchMedia(`(min-width: ${value}px)`);
+      this.matchingBreakpoints.set(breakpoint, mediaQuery.matches);
+      mediaQuery.addEventListener('change', event => {
+        this.matchingBreakpoints.set(breakpoint, event.matches);
+        _listener.UnistylesListener.emitChange(_NativePlatform.UnistyleDependency.Breakpoints);
+      });
+    });
+  };
+}
+const UnistylesState = exports.UnistylesState = new UnistylesStateBuilder();
+//# sourceMappingURL=state.js.map.map

package/lib/commonjs/web/state.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["_runtime","require","_utils","_listener","_NativePlatform","UnistylesStateBuilder","themes","Map","matchingBreakpoints","breakpoint","currentBreakpoint","Array","from","reverse","find","_key","value","hasAdaptiveThemes","init","config","initThemes","initBreakpoints","breakpoints","initSettings","settings","isServer","UnistylesListener","initListeners","Object","entries","forEach","themeName","theme","set","adaptiveThemes","themeNames","keys","initialTheme","length","Error","schemeToTheme","UnistylesRuntime","colorScheme","sort","a","b","mediaQuery","window","matchMedia","matches","addEventListener","event","emitChange","UnistyleDependency","Breakpoints","UnistylesState","exports"],"sourceRoot":"../../../src","sources":["web/state.js"],"mappings":"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","ignoreList":[]}
+noreList":[]}

package/lib/commonjs/web/utils/common.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.warn = exports.reduceObject = exports.keyInObject = exports.isServer = exports.generateHash = exports.equal = exports.deepMergeObjects = exports.createDoubleMap = void 0;
+const reduceObject = (obj, reducer) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, reducer(value, key)]));
+exports.reduceObject = reduceObject;
+const keyInObject = (obj, key) => key in obj;
+exports.keyInObject = keyInObject;
+const isServer = () => typeof window === 'undefined';
+
+/**
+* Deeply merges properties of passed object
+*/
+exports.isServer = isServer;
+const deepMergeObjects = (...sources) => {
+  const target = {};
+  sources.forEach(source => {
+    Object.keys(source).forEach(key => {
+      const sourceValue = source[key];
+      const targetValue = target[key];
+      if (Object(sourceValue) == sourceValue && Object(targetValue) === targetValue) {
+        // @ts-expect-error - can't assign to generic
+        target[key] = deepMergeObjects(targetValue, sourceValue);
+        return;
+      }
+
+      // @ts-expect-error - can't assign to generic
+      target[key] = sourceValue;
+    });
+  });
+  return target;
+};
+exports.deepMergeObjects = deepMergeObjects;
+const warn = message => console.warn(`🦄 [react-native-unistyles] ${message}`);
+exports.warn = warn;
+const equal = (a, b) => {
+  if (Object.is(a, b)) {
+    return true;
+  }
+  if (typeof a !== 'object' || a === null || typeof b !== 'object' || b === null) {
+    return false;
+  }
+  const keysA = Object.keys(a);
+  if (keysA.length !== Object.keys(b).length) {
+    return false;
+  }
+  return keysA.every(key => Object.is(a[key], b[key]) && Object.prototype.hasOwnProperty.call(b, key));
+};
+exports.equal = equal;
+const generateHash = value => {
+  const str = JSON.stringify(value);
+  let hasher = 5381;
+  let length = str.length;
+  while (length--) hasher = hasher * 33 ^ str.charCodeAt(length);
+  return `unistyles-${(hasher >>> 0).toString(36)}`;
+};
+exports.generateHash = generateHash;
+const createDoubleMap = () => {
+  const map = new Map();
+  return {
+    get: (key, secondKey) => {
+      const mapForKey = map.get(key);
+      if (!mapForKey) {
+        return undefined;
+      }
+      return mapForKey.get(secondKey);
+    },
+    set: (key, secondKey, value) => {
+      const mapForKey = map.get(key) ?? new Map();
+      map.set(key, mapForKey);
+      mapForKey.set(secondKey, value);
+    },
+    delete: (key, secondKey) => {
+      const mapForKey = map.get(key);
+      if (!mapForKey) {
+        return;
+      }
+      mapForKey.delete(secondKey);
+    },
+    forEach: callback => {
+      map.forEach((mapForKey, key) => {
+        mapForKey.forEach((value, secondKey) => {
+          callback(key, secondKey, value);
+        });
+      });
+    }
+  };
+};
+exports.createDoubleMap = createDoubleMap;
+//# sourceMappingURL=common.js.map

package/lib/commonjs/web/utils/common.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["reduceObject","obj","reducer","Object","fromEntries","entries","map","key","value","exports","keyInObject","isServer","window","deepMergeObjects","sources","target","forEach","source","keys","sourceValue","targetValue","warn","message","console","equal","a","b","is","keysA","length","every","prototype","hasOwnProperty","call","generateHash","str","JSON","stringify","hasher","charCodeAt","toString","createDoubleMap","Map","get","secondKey","mapForKey","undefined","set","delete","callback"],"sourceRoot":"../../../../src","sources":["web/utils/common.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/web/utils/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _common[key];
+    }
+  });
+});
+var _unistyle = require("./unistyle");
+Object.keys(_unistyle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _unistyle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _unistyle[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/web/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_common","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_unistyle"],"sourceRoot":"../../../../src","sources":["web/utils/index.js"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,SAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,SAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,SAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/web/utils/unistyle.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.schemeToTheme = exports.isInDocument = exports.hexToRGBA = exports.getStyles = exports.getMediaQuery = exports.extractUnistyleDependencies = exports.extractSecrets = exports.extractMediaQueryValue = exports.assignSecrets = void 0;
+var _types = require("../../specs/types");
+var _mq = require("../mq");
+var _state = require("../state");
+var _common = require("./common");
+const schemeToTheme = scheme => {
+  switch (scheme) {
+    case _types.ColorScheme.Dark:
+      return 'dark';
+    case _types.ColorScheme.Light:
+    default:
+      return 'light';
+  }
+};
+exports.schemeToTheme = schemeToTheme;
+const hexToRGBA = (hex, opacity) => hex.replace('#', '').split(/(?=(?:..)*$)/).map(x => parseInt(x, 16)).filter(num => !isNaN(num)).reduce((acc, color) => `${acc}${color},`, 'rgba(').concat(`${opacity})`);
+exports.hexToRGBA = hexToRGBA;
+const assignSecrets = (object, secrets) => {
+  // @ts-expect-error - assign secrets to object
+  object[`__uni__secrets__${Math.random().toString(16).slice(2)}`] = secrets;
+  return object;
+};
+exports.assignSecrets = assignSecrets;
+const extractSecrets = object => {
+  const secrets = Object.entries(object).reduce((acc, [key, value]) => {
+    if (key.startsWith('__uni__secrets__')) {
+      acc.push(value);
+    }
+    return acc;
+  }, []);
+  return secrets;
+};
+exports.extractSecrets = extractSecrets;
+const getStyles = values => {
+  const returnValue = {};
+  Object.defineProperties(returnValue, (0, _common.reduceObject)(values, value => ({
+    value,
+    enumerable: false,
+    configurable: true
+  })));
+  return returnValue;
+};
+exports.getStyles = getStyles;
+const isInDocument = element => document.body.contains(element);
+exports.isInDocument = isInDocument;
+const extractMediaQueryValue = query => {
+  const [_, px] = query.match(/(\d+)px/) ?? [];
+  if (!px) {
+    return undefined;
+  }
+  const value = Number(px);
+  return isNaN(value) ? undefined : value;
+};
+exports.extractMediaQueryValue = extractMediaQueryValue;
+const getMediaQuery = query => {
+  if (Object.values(_types.Orientation).includes(query)) {
+    return `(orientation: ${query})`;
+  }
+  if ((0, _mq.isUnistylesMq)(query)) {
+    const {
+      minWidth,
+      maxWidth,
+      minHeight,
+      maxHeight
+    } = (0, _mq.parseMq)(query);
+    return [minWidth ? `(min-width: ${minWidth}px)` : undefined, maxWidth ? `(max-width: ${maxWidth}px)` : undefined, minHeight ? `(min-height: ${minHeight}px)` : undefined, maxHeight ? `(max-height: ${maxHeight}px)` : undefined].filter(Boolean).join(' and ');
+  }
+  const minWidth = _state.UnistylesState.breakpoints && (0, _common.keyInObject)(_state.UnistylesState.breakpoints, query) ? _state.UnistylesState.breakpoints[query] : undefined;
+  return `(min-width: ${minWidth ?? 0}px)`;
+};
+exports.getMediaQuery = getMediaQuery;
+const extractUnistyleDependencies = value => {
+  const dependencies = (0, _common.keyInObject)(value, 'uni__dependencies') ? value.uni__dependencies : [];
+  return dependencies;
+};
+exports.extractUnistyleDependencies = extractUnistyleDependencies;
+//# sourceMappingURL=unistyle.js.map

package/lib/commonjs/web/utils/unistyle.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["_types","require","_mq","_state","_common","schemeToTheme","scheme","ColorScheme","Dark","Light","exports","hexToRGBA","hex","opacity","replace","split","map","x","parseInt","filter","num","isNaN","reduce","acc","color","concat","assignSecrets","object","secrets","Math","random","toString","slice","extractSecrets","Object","entries","key","value","startsWith","push","getStyles","values","returnValue","defineProperties","reduceObject","enumerable","configurable","isInDocument","element","document","body","contains","extractMediaQueryValue","query","_","px","match","undefined","Number","getMediaQuery","Orientation","includes","isUnistylesMq","minWidth","maxWidth","minHeight","maxHeight","parseMq","Boolean","join","UnistylesState","breakpoints","keyInObject","extractUnistyleDependencies","dependencies","uni__dependencies"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.js"],"mappings":"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","ignoreList":[]}
+ist":[]}

package/lib/commonjs/web/variants/getVariants.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVariants = void 0;
+var _utils = require("../utils");
+const hasVariants = value => 'variants' in value[1];
+const getVariants = (styles, selectedVariants) => {
+  return Object.entries(styles).filter(hasVariants).filter(([_key, {
+    variants
+  }]) => Object.keys(variants).some(variant => variant in variants)).map(([key, {
+    variants,
+    compoundVariants = []
+  }]) => {
+    const variantStyles = Object.entries(variants).flatMap(([variant, styles]) => {
+      const selectedVariant = selectedVariants[variant];
+      const selectedVariantStyles = styles[selectedVariant] ?? styles['default'];
+      if (!selectedVariantStyles) {
+        return [];
+      }
+      return selectedVariantStyles;
+    });
+    const compoundVariantStyles = compoundVariants.flatMap(compoundVariant => {
+      const {
+        styles,
+        ...conditions
+      } = compoundVariant;
+      if (Object.entries(conditions).some(([variant, value]) => String(selectedVariants[variant]) !== String(value))) {
+        return [];
+      }
+      return styles;
+    });
+    const mergedVariantStyles = (0, _utils.deepMergeObjects)(...variantStyles, ...compoundVariantStyles);
+    return [key, mergedVariantStyles];
+  });
+};
+exports.getVariants = getVariants;
+//# sourceMappingURL=getVariants.js.map

package/lib/commonjs/web/variants/getVariants.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["_utils","require","hasVariants","value","getVariants","styles","selectedVariants","Object","entries","filter","_key","variants","keys","some","variant","map","key","compoundVariants","variantStyles","flatMap","selectedVariant","selectedVariantStyles","compoundVariantStyles","compoundVariant","conditions","String","mergedVariantStyles","deepMergeObjects","exports"],"sourceRoot":"../../../../src","sources":["web/variants/getVariants.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,MAAMC,WAAW,GAAIC,KAAK,IAAK,UAAU,IAAIA,KAAK,CAAC,CAAC,CAAC;AAC9C,MAAMC,WAAW,GAAGA,CAACC,MAAM,EAAEC,gBAAgB,KAAK;EACrD,OAAOC,MAAM,CAACC,OAAO,CAACH,MAAM,CAAC,CACxBI,MAAM,CAACP,WAAW,CAAC,CACnBO,MAAM,CAAC,CAAC,CAACC,IAAI,EAAE;IAAEC;EAAS,CAAC,CAAC,KAAKJ,MAAM,CAACK,IAAI,CAACD,QAAQ,CAAC,CAACE,IAAI,CAACC,OAAO,IAAIA,OAAO,IAAIH,QAAQ,CAAC,CAAC,CAC5FI,GAAG,CAAC,CAAC,CAACC,GAAG,EAAE;IAAEL,QAAQ;IAAEM,gBAAgB,GAAG;EAAG,CAAC,CAAC,KAAK;IACrD,MAAMC,aAAa,GAAGX,MAAM,CAACC,OAAO,CAACG,QAAQ,CAAC,CAACQ,OAAO,CAAC,CAAC,CAACL,OAAO,EAAET,MAAM,CAAC,KAAK;MAC1E,MAAMe,eAAe,GAAGd,gBAAgB,CAACQ,OAAO,CAAC;MACjD,MAAMO,qBAAqB,GAAGhB,MAAM,CAACe,eAAe,CAAC,IAAIf,MAAM,CAAC,SAAS,CAAC;MAC1E,IAAI,CAACgB,qBAAqB,EAAE;QACxB,OAAO,EAAE;MACb;MACA,OAAOA,qBAAqB;IAChC,CAAC,CAAC;IACF,MAAMC,qBAAqB,GAAGL,gBAAgB,CAACE,OAAO,CAACI,eAAe,IAAI;MACtE,MAAM;QAAElB,MAAM;QAAE,GAAGmB;MAAW,CAAC,GAAGD,eAAe;MACjD,IAAIhB,MAAM,CAACC,OAAO,CAACgB,UAAU,CAAC,CAACX,IAAI,CAAC,CAAC,CAACC,OAAO,EAAEX,KAAK,CAAC,KAAKsB,MAAM,CAACnB,gBAAgB,CAACQ,OAAO,CAAC,CAAC,KAAKW,MAAM,CAACtB,KAAK,CAAC,CAAC,EAAE;QAC5G,OAAO,EAAE;MACb;MACA,OAAOE,MAAM;IACjB,CAAC,CAAC;IACF,MAAMqB,mBAAmB,GAAG,IAAAC,uBAAgB,EAAC,GAAGT,aAAa,EAAE,GAAGI,qBAAqB,CAAC;IACxF,OAAO,CAACN,GAAG,EAAEU,mBAAmB,CAAC;EACrC,CAAC,CAAC;AACN,CAAC;AAACE,OAAA,CAAAxB,WAAA,GAAAA,WAAA","ignoreList":[]}
+[]}

package/lib/commonjs/web/variants/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useVariants = require("./useVariants");
+Object.keys(_useVariants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useVariants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useVariants[key];
+    }
+  });
+});
+var _getVariants = require("./getVariants");
+Object.keys(_getVariants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getVariants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getVariants[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/web/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useVariants","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getVariants"],"sourceRoot":"../../../../src","sources":["web/variants/index.ts"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,YAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,YAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,YAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,YAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/web/variants/useVariants.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUseVariants = void 0;
+var _react = require("react");
+var _utils = require("../utils");
+var _getVariants = require("./getVariants");
+const createUseVariants = (styles, setSelectedVariants) => {
+  const useVariants = selectedVariants => {
+    const [selectedVariantStylesMap] = (0, _react.useState)(() => new Map());
+    const lastSelectedVariantsRef = (0, _react.useRef)();
+    // Variable that determines if variants have changed and we need to recalculate styles
+    const variantsChanged = !(0, _utils.equal)(lastSelectedVariantsRef.current, selectedVariants);
+    if (variantsChanged) {
+      lastSelectedVariantsRef.current = selectedVariants;
+      setSelectedVariants(selectedVariants);
+    }
+    const combinedVariantStyles = (0, _react.useMemo)(() => {
+      const result = (0, _getVariants.getVariants)(styles, selectedVariants);
+      result.forEach(([key, value]) => {
+        selectedVariantStylesMap.set(key, value);
+      });
+      return result;
+    }, [lastSelectedVariantsRef.current]);
+    combinedVariantStyles.forEach(([key]) => {
+      const styleEntry = styles[key];
+      if (!styleEntry) {
+        return;
+      }
+      const selectedVariantStyles = selectedVariantStylesMap.get(key);
+      Object.defineProperties(styleEntry, (0, _utils.reduceObject)(selectedVariantStyles ?? {}, value => ({
+        value,
+        enumerable: false,
+        configurable: true
+      })));
+      // Add __uni__variants to static styles
+      Object.keys(styleEntry).forEach(key => {
+        if (!key.startsWith('__uni__secrets__')) {
+          return;
+        }
+        const secret = (0, _utils.keyInObject)(styleEntry, key) ? styleEntry[key] : undefined;
+        if (!secret) {
+          return;
+        }
+        Object.defineProperty(secret, '__uni__variants', {
+          value: selectedVariants
+        });
+      });
+    });
+  };
+  Object.defineProperty(styles, 'useVariants', {
+    value: useVariants
+  });
+};
+exports.createUseVariants = createUseVariants;
+//# sourceMappingURL=useVariants.js.mapp

package/lib/commonjs/web/variants/useVariants.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["_react","require","_utils","_getVariants","createUseVariants","styles","setSelectedVariants","useVariants","selectedVariants","selectedVariantStylesMap","useState","Map","lastSelectedVariantsRef","useRef","variantsChanged","equal","current","combinedVariantStyles","useMemo","result","getVariants","forEach","key","value","set","styleEntry","selectedVariantStyles","get","Object","defineProperties","reduceObject","enumerable","configurable","keys","startsWith","secret","keyInObject","undefined","defineProperty","exports"],"sourceRoot":"../../../../src","sources":["web/variants/useVariants.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACO,MAAMG,iBAAiB,GAAGA,CAACC,MAAM,EAAEC,mBAAmB,KAAK;EAC9D,MAAMC,WAAW,GAAIC,gBAAgB,IAAK;IACtC,MAAM,CAACC,wBAAwB,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,GAAG,CAAC,CAAC,CAAC;IAC5D,MAAMC,uBAAuB,GAAG,IAAAC,aAAM,EAAC,CAAC;IACxC;IACA,MAAMC,eAAe,GAAG,CAAC,IAAAC,YAAK,EAACH,uBAAuB,CAACI,OAAO,EAAER,gBAAgB,CAAC;IACjF,IAAIM,eAAe,EAAE;MACjBF,uBAAuB,CAACI,OAAO,GAAGR,gBAAgB;MAClDF,mBAAmB,CAACE,gBAAgB,CAAC;IACzC;IACA,MAAMS,qBAAqB,GAAG,IAAAC,cAAO,EAAC,MAAM;MACxC,MAAMC,MAAM,GAAG,IAAAC,wBAAW,EAACf,MAAM,EAAEG,gBAAgB,CAAC;MACpDW,MAAM,CAACE,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;QAC7Bd,wBAAwB,CAACe,GAAG,CAACF,GAAG,EAAEC,KAAK,CAAC;MAC5C,CAAC,CAAC;MACF,OAAOJ,MAAM;IACjB,CAAC,EAAE,CAACP,uBAAuB,CAACI,OAAO,CAAC,CAAC;IACrCC,qBAAqB,CAACI,OAAO,CAAC,CAAC,CAACC,GAAG,CAAC,KAAK;MACrC,MAAMG,UAAU,GAAGpB,MAAM,CAACiB,GAAG,CAAC;MAC9B,IAAI,CAACG,UAAU,EAAE;QACb;MACJ;MACA,MAAMC,qBAAqB,GAAGjB,wBAAwB,CAACkB,GAAG,CAACL,GAAG,CAAC;MAC/DM,MAAM,CAACC,gBAAgB,CAACJ,UAAU,EAAE,IAAAK,mBAAY,EAACJ,qBAAqB,IAAI,CAAC,CAAC,EAAEH,KAAK,KAAK;QACpFA,KAAK;QACLQ,UAAU,EAAE,KAAK;QACjBC,YAAY,EAAE;MAClB,CAAC,CAAC,CAAC,CAAC;MACJ;MACAJ,MAAM,CAACK,IAAI,CAACR,UAAU,CAAC,CAACJ,OAAO,CAACC,GAAG,IAAI;QACnC,IAAI,CAACA,GAAG,CAACY,UAAU,CAAC,kBAAkB,CAAC,EAAE;UACrC;QACJ;QACA,MAAMC,MAAM,GAAG,IAAAC,kBAAW,EAACX,UAAU,EAAEH,GAAG,CAAC,GAAGG,UAAU,CAACH,GAAG,CAAC,GAAGe,SAAS;QACzE,IAAI,CAACF,MAAM,EAAE;UACT;QACJ;QACAP,MAAM,CAACU,cAAc,CAACH,MAAM,EAAE,iBAAiB,EAAE;UAC7CZ,KAAK,EAAEf;QACX,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EACDoB,MAAM,CAACU,cAAc,CAACjC,MAAM,EAAE,aAAa,EAAE;IACzCkB,KAAK,EAAEhB;EACX,CAAC,CAAC;AACN,CAAC;AAACgC,OAAA,CAAAnC,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+[]}

package/lib/module/common.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","isWeb","OS","isIOS","isAndroid"],"sourceRoot":"../../src","sources":["common.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,KAAK,GAAGD,QAAQ,CAACE,EAAE,KAAK,KAAK;AAC1C,OAAO,MAAMC,KAAK,GAAGH,QAAQ,CAACE,EAAE,KAAK,KAAK;AAC1C,OAAO,MAAME,SAAS,GAAGJ,QAAQ,CAACE,EAAE,KAAK,SAAS","ignoreList":[]}
+{"version":3,"names":["Platform","isWeb","OS","isIOS","isAndroid"],"sourceRoot":"../../src","sources":["common.js"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,OAAO,MAAMC,KAAK,GAAGD,QAAQ,CAACE,EAAE,KAAK,KAAK;AAC1C,OAAO,MAAMC,KAAK,GAAGH,QAAQ,CAACE,EAAE,KAAK,KAAK;AAC1C,OAAO,MAAME,SAAS,GAAGJ,QAAQ,CAACE,EAAE,KAAK,SAAS","ignoreList":[]}

package/lib/module/core/createUnistylesComponent.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createUnistylesComponent = (Component, _) => {
+  return props => {
+    return /*#__PURE__*/_jsx(Component, {
+      ...props
+    });
+  };
+};
+//# sourceMappingURL=createUnistylesComponent.js.map

package/lib/module/core/createUnistylesComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","jsx","_jsx","createUnistylesComponent","Component","_","props"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAmD,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAKtE,OAAO,MAAMC,wBAAwB,GAAGA,CAA+BC,SAAY,EAAEC,CAAc,KAAK;EACpG,OAAQC,KAAwB,IAAK;IACjC,oBAAOJ,IAAA,CAACE,SAAS;MAAA,GAAKE;IAAK,CAAG,CAAC;EACnC,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/core/createUnistylesComponent.native.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createUnistylesComponent = (Component, mappings) => {
+  return props => {
+    const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
+    const [, setRt] = useState(0);
+    useEffect(() => {
+      const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
+        const componentDependencies = props.style?.uni__dependencies || mappings(theme).style?.uni__dependencies;
+        if (dependencies.includes(UnistyleDependency.Theme) && (!componentDependencies || componentDependencies.includes(UnistyleDependency.Theme))) {
+          setTheme(UnistylesRuntime.getTheme());
+        }
+        if (dependencies.some(dependency => dependency >= 2) && (!componentDependencies || componentDependencies.some(dependency => dependency >= 2))) {
+          setRt(prevState => prevState + 1);
+        }
+      });
+      return () => {
+        removeChangeListener();
+      };
+    }, []);
+    const mergedProps = {
+      ...mappings(theme)
+    };
+    Object.keys(props).forEach(key => {
+      if (key in mergedProps) {
+        mergedProps[key] = Object.assign(props[key], mergedProps[key]);
+        return;
+      }
+      mergedProps[key] = props[key];
+    });
+    return /*#__PURE__*/_jsx(Component, {
+      ...mergedProps
+    });
+  };
+};
+//# sourceMappingURL=createUnistylesComponent.native.js.map

package/lib/module/core/createUnistylesComponent.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","jsx","_jsx","createUnistylesComponent","Component","mappings","props","theme","setTheme","getTheme","setRt","removeChangeListener","addChangeListener","dependencies","componentDependencies","style","uni__dependencies","includes","Theme","some","dependency","prevState","mergedProps","Object","keys","forEach","key","assign"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAA6CC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3F,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAkC,UAAU;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIrG,OAAO,MAAMC,wBAAwB,GAAGA,CAA+BC,SAAY,EAAEC,QAAqB,KAAK;EAC3G,OAAQC,KAAwB,IAAK;IACjC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGX,QAAQ,CAAiBG,gBAAgB,CAACS,QAAQ,CAAC,CAAC,CAAC;IAC/E,MAAM,GAAGC,KAAK,CAAC,GAAGb,QAAQ,CAAC,CAAC,CAAC;IAE7BD,SAAS,CAAC,MAAM;MACZ,MAAMe,oBAAoB,GAAIb,UAAU,CAAyBc,iBAAiB,CAACC,YAAY,IAAI;QAC/F,MAAMC,qBAAqB,GAAIR,KAAK,CAACS,KAAK,EAAEC,iBAAiB,IAAIX,QAAQ,CAACE,KAAK,CAAC,CAACQ,KAAK,EAAEC,iBAA+C;QAEvI,IAAIH,YAAY,CAACI,QAAQ,CAAClB,kBAAkB,CAACmB,KAAK,CAAC,KAAK,CAACJ,qBAAqB,IAAGA,qBAAqB,CAACG,QAAQ,CAAClB,kBAAkB,CAACmB,KAAK,CAAC,CAAC,EAAE;UACxIV,QAAQ,CAACR,gBAAgB,CAACS,QAAQ,CAAC,CAAC,CAAC;QACzC;QAEA,IAAII,YAAY,CAACM,IAAI,CAACC,UAAU,IAAIA,UAAU,IAAI,CAAC,CAAC,KAAK,CAACN,qBAAqB,IAAIA,qBAAqB,CAACK,IAAI,CAACC,UAAU,IAAIA,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;UAC3IV,KAAK,CAACW,SAAS,IAAIA,SAAS,GAAG,CAAC,CAAC;QACrC;MACJ,CAAC,CAAC;MAEF,OAAO,MAAM;QACTV,oBAAoB,CAAC,CAAC;MAC1B,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMW,WAAW,GAAG;MAAE,GAAGjB,QAAQ,CAACE,KAAK;IAAE,CAAsB;IAE/DgB,MAAM,CAACC,IAAI,CAAClB,KAAK,CAAC,CAACmB,OAAO,CAACC,GAAG,IAAI;MAC9B,IAAIA,GAAG,IAAIJ,WAAW,EAAE;QACpBA,WAAW,CAACI,GAAG,CAAC,GAAGH,MAAM,CAACI,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAAC,EAAEJ,WAAW,CAACI,GAAG,CAAC,CAAC;QAE9D;MACJ;MAEAJ,WAAW,CAACI,GAAG,CAAC,GAAGpB,KAAK,CAACoB,GAAG,CAAC;IACjC,CAAC,CAAC;IAEF,oBAAOxB,IAAA,CAACE,SAAS;MAAA,GAAKkB;IAAW,CAAG,CAAC;EACzC,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/core/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { useBreakpoint } from './useBreakpoint';
+export { useTheme } from './useTheme';
+export { createUnistylesComponent } from './createUnistylesComponent';
+//# sourceMappingURL=index.js.map

package/lib/module/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBreakpoint","useTheme","createUnistylesComponent"],"sourceRoot":"../../../src","sources":["core/index.js"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,wBAAwB,QAAQ,4BAA4B","ignoreList":[]}

package/lib/module/core/useBreakpoint.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { UnistylesRuntime } from '../web';
+import { UnistylesListener } from '../web/listener';
+import { UnistyleDependency } from '../specs/NativePlatform';
+export const useBreakpoint = () => {
+  const [breakpoint, setBreakpoint] = useState(UnistylesRuntime.breakpoint);
+  useEffect(() => {
+    const removeChangeListener = UnistylesListener.addListeners([UnistyleDependency.Breakpoints], () => setBreakpoint(UnistylesRuntime.breakpoint));
+    return () => {
+      removeChangeListener();
+    };
+  }, []);
+  return breakpoint;
+};
+//# sourceMappingURL=useBreakpoint.js.map

package/lib/module/core/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","UnistylesRuntime","UnistylesListener","UnistyleDependency","useBreakpoint","breakpoint","setBreakpoint","removeChangeListener","addListeners","Breakpoints"],"sourceRoot":"../../../src","sources":["core/useBreakpoint.js"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,gBAAgB,QAAQ,QAAQ;AACzC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGN,QAAQ,CAACC,gBAAgB,CAACI,UAAU,CAAC;EACzEN,SAAS,CAAC,MAAM;IACZ,MAAMQ,oBAAoB,GAAGL,iBAAiB,CAACM,YAAY,CAAC,CAACL,kBAAkB,CAACM,WAAW,CAAC,EAAE,MAAMH,aAAa,CAACL,gBAAgB,CAACI,UAAU,CAAC,CAAC;IAC/I,OAAO,MAAM;MACTE,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EACN,OAAOF,UAAU;AACrB,CAAC","ignoreList":[]}

package/lib/module/core/useBreakpoint.native.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
+export const useBreakpoint = () => {
+  const [breakpoint, setBreakpoint] = useState(UnistylesRuntime.breakpoint);
+  useEffect(() => {
+    const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
+      if (dependencies.includes(UnistyleDependency.Breakpoints)) {
+        setBreakpoint(UnistylesRuntime.breakpoint);
+      }
+    });
+    return () => {
+      removeChangeListener();
+    };
+  }, []);
+  return breakpoint;
+};
+//# sourceMappingURL=useBreakpoint.native.js.map

package/lib/module/core/useBreakpoint.native.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["useEffect","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","useBreakpoint","breakpoint","setBreakpoint","removeChangeListener","addChangeListener","dependencies","includes","Breakpoints"],"sourceRoot":"../../../src","sources":["core/useBreakpoint.native.js"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAQ,UAAU;AAC3E,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGN,QAAQ,CAACG,gBAAgB,CAACE,UAAU,CAAC;EACzEN,SAAS,CAAC,MAAM;IACZ,MAAMQ,oBAAoB,GAAGN,UAAU,CAACO,iBAAiB,CAACC,YAAY,IAAI;MACtE,IAAIA,YAAY,CAACC,QAAQ,CAACR,kBAAkB,CAACS,WAAW,CAAC,EAAE;QACvDL,aAAa,CAACH,gBAAgB,CAACE,UAAU,CAAC;MAC9C;IACJ,CAAC,CAAC;IACF,OAAO,MAAM;MACTE,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EACN,OAAOF,UAAU;AACrB,CAAC","ignoreList":[]}
+

package/lib/module/core/useTheme.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { UnistylesRuntime } from '../web';
+import { UnistylesListener } from '../web/listener';
+import { UnistyleDependency } from '../specs/NativePlatform';
+export const useTheme = () => {
+  const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
+  useEffect(() => {
+    const removeChangeListener = UnistylesListener.addListeners([UnistyleDependency.Theme], () => setTheme(UnistylesRuntime.getTheme()));
+    return () => {
+      removeChangeListener();
+    };
+  }, []);
+  return theme;
+};
+//# sourceMappingURL=useTheme.js.map

package/lib/module/core/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","UnistylesRuntime","UnistylesListener","UnistyleDependency","useTheme","theme","setTheme","getTheme","removeChangeListener","addListeners","Theme"],"sourceRoot":"../../../src","sources":["core/useTheme.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,gBAAgB,QAAQ,QAAQ;AACzC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,kBAAkB,QAAQ,yBAAyB;AAG5D,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAsB;EAC1C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAACC,gBAAgB,CAACM,QAAQ,CAAC,CAAC,CAAC;EAE/DR,SAAS,CAAC,MAAM;IACZ,MAAMS,oBAAoB,GAAGN,iBAAiB,CAACO,YAAY,CAAC,CAACN,kBAAkB,CAACO,KAAK,CAAC,EAAE,MAAMJ,QAAQ,CAACL,gBAAgB,CAACM,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpI,OAAO,MAAM;MACTC,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/module/core/useTheme.native.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
+export const useTheme = () => {
+  const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
+  useEffect(() => {
+    const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
+      if (dependencies.includes(UnistyleDependency.Theme)) {
+        setTheme(UnistylesRuntime.getTheme());
+      }
+    });
+    return () => {
+      removeChangeListener();
+    };
+  }, []);
+  return theme;
+};
+//# sourceMappingURL=useTheme.native.js.map

package/lib/module/core/useTheme.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","useTheme","theme","setTheme","getTheme","removeChangeListener","addChangeListener","dependencies","includes","Theme"],"sourceRoot":"../../../src","sources":["core/useTheme.native.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAQ,UAAU;AAI3E,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAsB;EAC1C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAACG,gBAAgB,CAACI,QAAQ,CAAC,CAAC,CAAC;EAE/DR,SAAS,CAAC,MAAM;IACZ,MAAMS,oBAAoB,GAAIP,UAAU,CAAyBQ,iBAAiB,CAACC,YAAY,IAAI;MAC/F,IAAIA,YAAY,CAACC,QAAQ,CAACT,kBAAkB,CAACU,KAAK,CAAC,EAAE;QACjDN,QAAQ,CAACH,gBAAgB,CAACI,QAAQ,CAAC,CAAC,CAAC;MACzC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTC,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}