react-native-unistyles 3.0.0-alpha.4 → 3.0.0-alpha.40

package/lib/module/web/runtime.js

@@ -0,0 +1,169 @@
+"use strict";
+
+import { UnistyleDependency } from '../specs/NativePlatform';
+import { ColorScheme, Orientation } from '../specs/types';
+import { WebContentSizeCategory } from '../types';
+import { UnistylesListener } from './listener';
+import { NavigationBar, StatusBar } from './mock';
+import { UnistylesState } from './state';
+import { isServer, schemeToTheme } from './utils';
+class UnistylesRuntimeBuilder {
+  lightMedia = this.getLightMedia();
+  darkMedia = this.getDarkMedia();
+  getLightMedia() {
+    if (isServer()) {
+      return null;
+    }
+    if (!this.lightMedia) {
+      this.lightMedia = window.matchMedia('(prefers-color-scheme: light)');
+    }
+    return this.lightMedia;
+  }
+  getDarkMedia() {
+    if (isServer()) {
+      return null;
+    }
+    if (!this.darkMedia) {
+      this.darkMedia = window.matchMedia('(prefers-color-scheme: dark)');
+    }
+    return this.darkMedia;
+  }
+  get colorScheme() {
+    switch (true) {
+      case this.getLightMedia()?.matches:
+        return ColorScheme.Light;
+      case this.getDarkMedia()?.matches:
+        return ColorScheme.Dark;
+      default:
+        return ColorScheme.Unspecified;
+    }
+  }
+  get themeName() {
+    if (UnistylesState.hasAdaptiveThemes) {
+      return schemeToTheme(this.colorScheme);
+    }
+    return UnistylesState.themeName;
+  }
+  get contentSizeCategory() {
+    return WebContentSizeCategory.Unspecified;
+  }
+  get breakpoints() {
+    return UnistylesState.breakpoints ?? {};
+  }
+  get breakpoint() {
+    return UnistylesState.breakpoint;
+  }
+  get orientation() {
+    if (isServer()) {
+      return Orientation.Portrait;
+    }
+    return screen.orientation.type.includes('portrait') ? Orientation.Portrait : Orientation.Landscape;
+  }
+  get theme() {
+    return this.getTheme(this.themeName);
+  }
+  get pixelRatio() {
+    return isServer() ? 1 : window.devicePixelRatio;
+  }
+  get screen() {
+    if (isServer()) {
+      return {
+        width: 0,
+        height: 0
+      };
+    }
+    return {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+  }
+  get fontScale() {
+    return 1;
+  }
+  get insets() {
+    return {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      ime: 0
+    };
+  }
+  get statusBar() {
+    return StatusBar;
+  }
+  get rtl() {
+    return isServer() ? true : document.documentElement.dir === 'rtl';
+  }
+  get hasAdaptiveThemes() {
+    return UnistylesState.hasAdaptiveThemes;
+  }
+  get navigationBar() {
+    return NavigationBar;
+  }
+  get miniRuntime() {
+    return {
+      colorScheme: this.colorScheme,
+      themeName: this.themeName,
+      contentSizeCategory: this.contentSizeCategory,
+      breakpoint: this.breakpoint,
+      isLandscape: this.orientation === Orientation.Landscape,
+      isPortrait: this.orientation === Orientation.Portrait,
+      pixelRatio: this.pixelRatio,
+      screen: this.screen,
+      fontScale: this.fontScale,
+      insets: this.insets,
+      statusBar: {
+        width: this.statusBar.width,
+        height: this.statusBar.height
+      },
+      navigationBar: {
+        width: this.navigationBar.width,
+        height: this.navigationBar.height
+      },
+      rtl: this.rtl,
+      hasAdaptiveThemes: this.hasAdaptiveThemes
+    };
+  }
+  setTheme = themeName => {
+    if (themeName === UnistylesRuntime.themeName) {
+      return;
+    }
+    UnistylesState.themeName = themeName;
+    UnistylesListener.emitChange(UnistyleDependency.Theme);
+    UnistylesListener.emitChange(UnistyleDependency.ThemeName);
+  };
+  setAdaptiveThemes = isEnabled => {
+    UnistylesState.hasAdaptiveThemes = isEnabled;
+    if (!isEnabled) {
+      return;
+    }
+    this.setTheme(schemeToTheme(UnistylesRuntime.colorScheme));
+  };
+  setRootViewBackgroundColor = color => {
+    if (isServer()) {
+      return;
+    }
+    document.documentElement.style.backgroundColor = color;
+  };
+  setImmersiveMode = () => {};
+  updateTheme = (themeName, updater) => {
+    const oldTheme = UnistylesState.themes.get(themeName);
+    if (!oldTheme) {
+      throw new Error(`🦄 Theme "${themeName}" is not registered!`);
+    }
+    UnistylesState.themes.set(themeName, updater(oldTheme));
+  };
+  getTheme = (themeName = this.themeName) => {
+    if (!themeName) {
+      throw new Error('🦄 No theme selected!');
+    }
+    const theme = UnistylesState.themes.get(themeName);
+    if (!theme) {
+      throw new Error(`🦄 Theme "${this.themeName}" is not registered!`);
+    }
+    return theme;
+  };
+}
+export const UnistylesRuntime = new UnistylesRuntimeBuilder();
+//# sourceMappingURL=runtime.js.map

package/lib/module/web/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnistyleDependency","ColorScheme","Orientation","WebContentSizeCategory","UnistylesListener","NavigationBar","StatusBar","UnistylesState","isServer","schemeToTheme","UnistylesRuntimeBuilder","lightMedia","getLightMedia","darkMedia","getDarkMedia","window","matchMedia","colorScheme","matches","Light","Dark","Unspecified","themeName","hasAdaptiveThemes","contentSizeCategory","breakpoints","breakpoint","orientation","Portrait","screen","type","includes","Landscape","theme","getTheme","pixelRatio","devicePixelRatio","width","height","innerWidth","innerHeight","fontScale","insets","top","bottom","left","right","ime","statusBar","rtl","document","documentElement","dir","navigationBar","miniRuntime","isLandscape","isPortrait","setTheme","UnistylesRuntime","emitChange","Theme","ThemeName","setAdaptiveThemes","isEnabled","setRootViewBackgroundColor","color","style","backgroundColor","setImmersiveMode","updateTheme","updater","oldTheme","themes","get","Error","set"],"sourceRoot":"../../../src","sources":["web/runtime.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/shadowRegistry.js

@@ -0,0 +1,138 @@
+"use strict";
+
+import { convertUnistyles } from './convert';
+import { UnistylesListener } from './listener';
+import { UnistylesRegistry } from './registry';
+import { deepMergeObjects } from '../utils';
+import { equal, extractSecrets, extractUnistyleDependencies, isInDocument } from './utils';
+import { getVariants } from './variants';
+class UnistylesShadowRegistryBuilder {
+  // MOCKS
+  name = 'UnistylesShadowRegistry';
+  __type = 'web';
+  equals = () => true;
+  toString = () => 'UnistylesShadowRegistry';
+  dispose = () => {};
+  // END MOCKS
+
+  resultsMap = new Map();
+  hashMap = new Map();
+  classNamesMap = new Map();
+  add = (ref, _style, _variants, _args) => {
+    // Style is not provided
+    if (!_style) {
+      return;
+    }
+
+    // Ref is unmounted, remove style tags from the document
+    if (ref === null) {
+      const secrets = extractSecrets(_style);
+      secrets.forEach(({
+        __uni__refs
+      }) => {
+        __uni__refs.forEach(ref => {
+          if (isInDocument(ref)) {
+            return;
+          }
+          const oldResult = this.resultsMap.get(ref);
+          this.resultsMap.delete(ref);
+          this.classNamesMap.delete(ref);
+          if (oldResult) {
+            UnistylesRegistry.remove(oldResult);
+          }
+        });
+      });
+      return;
+    }
+
+    // Ref is not an HTMLElement
+    if (!(ref instanceof HTMLElement)) {
+      return;
+    }
+    const styles = _style.filter(style => Object.keys(style ?? {}).some(key => key.startsWith('__uni__')));
+
+    // No unistyles
+    if (styles.length === 0) {
+      return;
+    }
+    const parsedStyles = styles.flatMap((style, styleIndex) => extractSecrets(style).map(secret => {
+      const {
+        __uni__key,
+        __uni__stylesheet,
+        __uni__variants,
+        __uni__args = [],
+        __uni__refs
+      } = secret;
+      const newComputedStylesheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet);
+      const style = newComputedStylesheet[__uni__key];
+      const variants = _variants && Object.keys(_variants).length > 0 ? _variants : __uni__variants;
+      const args = _args[styleIndex] ? _args[styleIndex] : __uni__args;
+      const result = typeof style === 'function' ? style(...args) : style;
+      const {
+        variantsResult
+      } = Object.fromEntries(getVariants({
+        variantsResult: result
+      }, variants));
+      const resultWithVariants = deepMergeObjects(result, variantsResult ?? {});
+      const dependencies = extractUnistyleDependencies(resultWithVariants);
+      if (typeof __uni__stylesheet === 'function') {
+        // Add dependencies from dynamic styles to stylesheet
+        UnistylesRegistry.addDependenciesToStylesheet(__uni__stylesheet, dependencies);
+      }
+      __uni__refs.add(ref);
+      const dispose = UnistylesListener.addListeners(extractUnistyleDependencies(resultWithVariants), () => {
+        const hash = this.hashMap.get(ref);
+
+        // Dispose listener if there is no hash
+        if (!hash) {
+          dispose();
+          return;
+        }
+        const newComputedStyleSheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet);
+        const newValue = newComputedStyleSheet[__uni__key];
+        const result = typeof newValue === 'function' ? newValue(...args) : newValue;
+        const {
+          variantsResult
+        } = Object.fromEntries(getVariants({
+          variantsResult: result
+        }, variants));
+        const resultWithVariants = deepMergeObjects(result, variantsResult ?? {});
+        UnistylesRegistry.applyStyles(hash, convertUnistyles(resultWithVariants));
+      });
+      return resultWithVariants;
+    }));
+    const combinedStyles = deepMergeObjects(...parsedStyles);
+    const oldStyles = this.resultsMap.get(ref);
+    if (equal(combinedStyles, oldStyles)) {
+      return;
+    }
+    const oldClassNames = this.classNamesMap.get(ref);
+
+    // Remove old styles
+    if (oldStyles) {
+      UnistylesRegistry.remove(oldStyles);
+    }
+
+    // Remove old classnames from the ref
+    oldClassNames?.forEach(className => ref.classList.remove(className));
+    this.resultsMap.set(ref, combinedStyles);
+    const {
+      hash,
+      existingHash
+    } = UnistylesRegistry.add(combinedStyles);
+    const injectedClassNames = combinedStyles?._web?._classNames ?? [];
+    const newClassNames = (Array.isArray(injectedClassNames) ? injectedClassNames : [injectedClassNames]).concat(hash);
+    this.classNamesMap.set(ref, newClassNames);
+    // Add new classnames to the ref
+    ref.classList.add(...newClassNames);
+
+    // If it is new hash add it to the map to use for the listener
+    if (!existingHash) {
+      this.hashMap.set(ref, hash);
+    }
+    return newClassNames;
+  };
+  remove = () => {};
+}
+export const UnistylesShadowRegistry = new UnistylesShadowRegistryBuilder();
+//# sourceMappingURL=shadowRegistry.js.map

package/lib/module/web/shadowRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["convertUnistyles","UnistylesListener","UnistylesRegistry","deepMergeObjects","equal","extractSecrets","extractUnistyleDependencies","isInDocument","getVariants","UnistylesShadowRegistryBuilder","name","__type","equals","toString","dispose","resultsMap","Map","hashMap","classNamesMap","add","ref","_style","_variants","_args","secrets","forEach","__uni__refs","oldResult","get","delete","remove","HTMLElement","styles","filter","style","Object","keys","some","key","startsWith","length","parsedStyles","flatMap","styleIndex","map","secret","__uni__key","__uni__stylesheet","__uni__variants","__uni__args","newComputedStylesheet","getComputedStylesheet","variants","args","result","variantsResult","fromEntries","resultWithVariants","dependencies","addDependenciesToStylesheet","addListeners","hash","newComputedStyleSheet","newValue","applyStyles","combinedStyles","oldStyles","oldClassNames","className","classList","set","existingHash","injectedClassNames","_web","_classNames","newClassNames","Array","isArray","concat","UnistylesShadowRegistry"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,KAAK,EAAEC,cAAc,EAAEC,2BAA2B,EAAEC,YAAY,QAAQ,SAAS;AAC1F,SAASC,WAAW,QAAQ,YAAY;AAIxC,MAAMC,8BAA8B,CAAC;EACjC;EACAC,IAAI,GAAG,yBAAyB;EAChCC,MAAM,GAAG,KAAK;EACdC,MAAM,GAAGA,CAAA,KAAM,IAAI;EACnBC,QAAQ,GAAGA,CAAA,KAAM,yBAAyB;EAC1CC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClB;;EAEQC,UAAU,GAAG,IAAIC,GAAG,CAA+B,CAAC;EACpDC,OAAO,GAAG,IAAID,GAAG,CAAsB,CAAC;EACxCE,aAAa,GAAG,IAAIF,GAAG,CAA6B,CAAC;EAE7DG,GAAG,GAAGA,CAACC,GAAQ,EAAEC,MAAoB,EAAEC,SAA0C,EAAEC,KAAwB,KAAK;IAC5G;IACA,IAAI,CAACF,MAAM,EAAE;MACT;IACJ;;IAEA;IACA,IAAID,GAAG,KAAK,IAAI,EAAE;MACd,MAAMI,OAAO,GAAGnB,cAAc,CAACgB,MAAM,CAAC;MAEtCG,OAAO,CAACC,OAAO,CAAC,CAAC;QAAEC;MAAY,CAAC,KAAK;QACjCA,WAAW,CAACD,OAAO,CAACL,GAAG,IAAI;UACvB,IAAIb,YAAY,CAACa,GAAG,CAAC,EAAE;YACnB;UACJ;UAEA,MAAMO,SAAS,GAAG,IAAI,CAACZ,UAAU,CAACa,GAAG,CAACR,GAAG,CAAC;UAC1C,IAAI,CAACL,UAAU,CAACc,MAAM,CAACT,GAAG,CAAC;UAC3B,IAAI,CAACF,aAAa,CAACW,MAAM,CAACT,GAAG,CAAC;UAE9B,IAAIO,SAAS,EAAE;YACXzB,iBAAiB,CAAC4B,MAAM,CAACH,SAAS,CAAC;UACvC;QACJ,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;;IAEA;IACA,IAAI,EAAEP,GAAG,YAAYW,WAAW,CAAC,EAAE;MAC/B;IACJ;IAEA,MAAMC,MAAM,GAAGX,MAAM,CAACY,MAAM,CAACC,KAAK,IAAIC,MAAM,CAACC,IAAI,CAACF,KAAK,IAAI,CAAC,CAAC,CAAC,CAACG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;;IAEtG;IACA,IAAIP,MAAM,CAACQ,MAAM,KAAK,CAAC,EAAE;MACrB;IACJ;IAEA,MAAMC,YAAY,GAAGT,MAAM,CAACU,OAAO,CAAC,CAACR,KAAK,EAAES,UAAU,KAAKtC,cAAc,CAAC6B,KAAK,CAAC,CAACU,GAAG,CAACC,MAAM,IAAI;MAC3F,MAAM;QAAEC,UAAU;QAAEC,iBAAiB;QAAEC,eAAe;QAAEC,WAAW,GAAG,EAAE;QAAEvB;MAAY,CAAC,GAAGmB,MAAM;MAChG,MAAMK,qBAAqB,GAAGhD,iBAAiB,CAACiD,qBAAqB,CAACJ,iBAAiB,CAAC;MACxF,MAAMb,KAAK,GAAGgB,qBAAqB,CAACJ,UAAU,CAAE;MAChD,MAAMM,QAAQ,GAAG9B,SAAS,IAAIa,MAAM,CAACC,IAAI,CAACd,SAAS,CAAC,CAACkB,MAAM,GAAG,CAAC,GAAGlB,SAAS,GAAG0B,eAAe;MAC7F,MAAMK,IAAI,GAAG9B,KAAK,CAACoB,UAAU,CAAC,GAAGpB,KAAK,CAACoB,UAAU,CAAC,GAAGM,WAAW;MAChE,MAAMK,MAAM,GAAG,OAAOpB,KAAK,KAAK,UAAU,GACpCA,KAAK,CAAC,GAAGmB,IAAI,CAAC,GACdnB,KAAK;MACX,MAAM;QAAEqB;MAAe,CAAC,GAAGpB,MAAM,CAACqB,WAAW,CAAChD,WAAW,CAAC;QAAE+C,cAAc,EAAED;MAAO,CAAC,EAAEF,QAAQ,CAAC,CAAC;MAChG,MAAMK,kBAAkB,GAAGtD,gBAAgB,CAACmD,MAAM,EAAEC,cAAc,IAAI,CAAC,CAAC,CAAC;MACzE,MAAMG,YAAY,GAAGpD,2BAA2B,CAACmD,kBAAkB,CAAC;MAEpE,IAAI,OAAOV,iBAAiB,KAAK,UAAU,EAAE;QACzC;QACA7C,iBAAiB,CAACyD,2BAA2B,CAACZ,iBAAiB,EAAEW,YAAY,CAAC;MAClF;MAEAhC,WAAW,CAACP,GAAG,CAACC,GAAG,CAAC;MAEpB,MAAMN,OAAO,GAAGb,iBAAiB,CAAC2D,YAAY,CAACtD,2BAA2B,CAACmD,kBAAkB,CAAC,EAAE,MAAM;QAClG,MAAMI,IAAI,GAAG,IAAI,CAAC5C,OAAO,CAACW,GAAG,CAACR,GAAG,CAAC;;QAElC;QACA,IAAI,CAACyC,IAAI,EAAE;UACP/C,OAAO,CAAC,CAAC;UAET;QACJ;QAEA,MAAMgD,qBAAqB,GAAG5D,iBAAiB,CAACiD,qBAAqB,CAACJ,iBAAiB,CAAC;QACxF,MAAMgB,QAAQ,GAAGD,qBAAqB,CAAChB,UAAU,CAAE;QACnD,MAAMQ,MAAM,GAAG,OAAOS,QAAQ,KAAK,UAAU,GACvCA,QAAQ,CAAC,GAAGV,IAAI,CAAC,GACjBU,QAAQ;QACd,MAAM;UAAER;QAAe,CAAC,GAAGpB,MAAM,CAACqB,WAAW,CAAChD,WAAW,CAAC;UAAE+C,cAAc,EAAED;QAAO,CAAC,EAAEF,QAAQ,CAAC,CAAC;QAChG,MAAMK,kBAAkB,GAAGtD,gBAAgB,CAACmD,MAAM,EAAEC,cAAc,IAAI,CAAC,CAAC,CAAC;QAEzErD,iBAAiB,CAAC8D,WAAW,CAACH,IAAI,EAAE7D,gBAAgB,CAACyD,kBAAkB,CAAC,CAAC;MAC7E,CAAC,CAAC;MAEF,OAAOA,kBAAkB;IAC7B,CAAC,CAAC,CAAC;IACH,MAAMQ,cAAc,GAAG9D,gBAAgB,CAAC,GAAGsC,YAAY,CAAC;IACxD,MAAMyB,SAAS,GAAG,IAAI,CAACnD,UAAU,CAACa,GAAG,CAACR,GAAG,CAAC;IAE1C,IAAIhB,KAAK,CAAC6D,cAAc,EAAEC,SAAS,CAAC,EAAE;MAClC;IACJ;IAEA,MAAMC,aAAa,GAAG,IAAI,CAACjD,aAAa,CAACU,GAAG,CAACR,GAAG,CAAC;;IAEjD;IACA,IAAI8C,SAAS,EAAE;MACXhE,iBAAiB,CAAC4B,MAAM,CAACoC,SAAS,CAAC;IACvC;;IAEA;IACAC,aAAa,EAAE1C,OAAO,CAAC2C,SAAS,IAAIhD,GAAG,CAACiD,SAAS,CAACvC,MAAM,CAACsC,SAAS,CAAC,CAAC;IACpE,IAAI,CAACrD,UAAU,CAACuD,GAAG,CAAClD,GAAG,EAAE6C,cAAc,CAAC;IAExC,MAAM;MAAEJ,IAAI;MAAEU;IAAa,CAAC,GAAGrE,iBAAiB,CAACiB,GAAG,CAAC8C,cAAc,CAAC;IACpE,MAAMO,kBAAkB,GAAGP,cAAc,EAAEQ,IAAI,EAAEC,WAAW,IAAI,EAAE;IAClE,MAAMC,aAAa,GAAG,CAACC,KAAK,CAACC,OAAO,CAACL,kBAAkB,CAAC,GAAGA,kBAAkB,GAAG,CAACA,kBAAkB,CAAC,EAAEM,MAAM,CAACjB,IAAI,CAAC;IAElH,IAAI,CAAC3C,aAAa,CAACoD,GAAG,CAAClD,GAAG,EAAEuD,aAAa,CAAC;IAC1C;IACAvD,GAAG,CAACiD,SAAS,CAAClD,GAAG,CAAC,GAAGwD,aAAa,CAAC;;IAEnC;IACA,IAAI,CAACJ,YAAY,EAAE;MACf,IAAI,CAACtD,OAAO,CAACqD,GAAG,CAAClD,GAAG,EAAEyC,IAAI,CAAC;IAC/B;IAEA,OAAOc,aAAa;EACxB,CAAC;EAED7C,MAAM,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB;AAEA,OAAO,MAAMiD,uBAAuB,GAAG,IAAItE,8BAA8B,CAAC,CAAC","ignoreList":[]}

package/lib/module/web/state.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { UnistylesRuntime } from './runtime';
+import { isServer, schemeToTheme } from './utils';
+import { UnistylesListener } from './listener';
+import { UnistyleDependency } from '../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 (isServer()) {
+      return;
+    }
+    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 = schemeToTheme(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 (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);
+        UnistylesListener.emitChange(UnistyleDependency.Breakpoints);
+      });
+    });
+  };
+}
+export const UnistylesState = new UnistylesStateBuilder();
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["UnistylesRuntime","isServer","schemeToTheme","UnistylesListener","UnistyleDependency","UnistylesStateBuilder","themes","Map","matchingBreakpoints","breakpoint","currentBreakpoint","Array","from","reverse","find","_key","value","hasAdaptiveThemes","init","config","initThemes","initBreakpoints","breakpoints","initSettings","settings","initListeners","Object","entries","forEach","themeName","theme","set","adaptiveThemes","themeNames","keys","initialTheme","length","Error","colorScheme","sort","a","b","mediaQuery","window","matchMedia","matches","addEventListener","event","emitChange","Breakpoints","UnistylesState"],"sourceRoot":"../../../src","sources":["web/state.ts"],"mappings":";;AAIA,SAASA,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,QAAQ,EAAEC,aAAa,QAAQ,SAAS;AACjD,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,MAAMC,qBAAqB,CAAC;EACxBC,MAAM,GAAG,IAAIC,GAAG,CAAyB,CAAC;EAGlCC,mBAAmB,GAAG,IAAID,GAAG,CAAkB,CAAC;EAExD,IAAIE,UAAUA,CAAA,EAAG;IACb,MAAM,CAACC,iBAAiB,CAAC,GAAGC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACJ,mBAAmB,CAAC,CAC3DK,OAAO,CAAC,CAAC,CACTC,IAAI,CAAC,CAAC,CAACC,IAAI,EAAEC,KAAK,CAAC,KAAKA,KAAK,CAAC,IAAI,EAAE;IAEzC,OAAON,iBAAiB;EAC5B;EAIAO,iBAAiB,GAAG,KAAK;EAEzBC,IAAI,GAAIC,MAAuB,IAAK;IAChC,IAAI,CAACC,UAAU,CAACD,MAAM,CAACb,MAAM,CAAC;IAC9B,IAAI,CAACe,eAAe,CAACF,MAAM,CAACG,WAAW,CAAC;IACxC,IAAI,CAACC,YAAY,CAACJ,MAAM,CAACK,QAAQ,CAAC;IAElC,IAAIvB,QAAQ,CAAC,CAAC,EAAE;MACZ;IACJ;IAEAE,iBAAiB,CAACsB,aAAa,CAAC,CAAC;EACrC,CAAC;EAEOL,UAAU,GAAGA,CAACd,MAAM,GAAG,CAAC,CAAoB,KAAK;IACrDoB,MAAM,CAACC,OAAO,CAACrB,MAAM,CAAC,CAACsB,OAAO,CAAC,CAAC,CAACC,SAAS,EAAEC,KAAK,CAAC,KAAK;MACnD,IAAI,CAACxB,MAAM,CAACyB,GAAG,CAACF,SAAS,EAAEC,KAAiB,CAAC;IACjD,CAAC,CAAC;EACN,CAAC;EAEOP,YAAY,GAAIC,QAAqC,IAAK;IAC9D,IAAI,CAACP,iBAAiB,GAAGO,QAAQ,EAAEQ,cAAc,IAAI,KAAK;IAC1D,MAAMC,UAAU,GAAGtB,KAAK,CAACC,IAAI,CAAC,IAAI,CAACN,MAAM,CAAC4B,IAAI,CAAC,CAAC,CAAwB;;IAExE;IACA,IAAI,CAACV,QAAQ,EAAEQ,cAAc,IAAI,CAACR,QAAQ,EAAEW,YAAY,IAAIF,UAAU,CAACG,MAAM,KAAK,CAAC,EAAE;MACjF,IAAI,CAACP,SAAS,GAAGI,UAAU,CAAC,CAAC,CAAC;MAE9B;IACJ;;IAEA;IACA,IAAI,CAACT,QAAQ,EAAEQ,cAAc,IAAI,CAACR,QAAQ,EAAEW,YAAY,EAAE;MACtD,MAAM,IAAIE,KAAK,CAAC,iFAAiF,CAAC;IACtG;;IAEA;IACA,IAAIb,QAAQ,CAACQ,cAAc,EAAE;MACzB,IAAI,CAACH,SAAS,GAAG3B,aAAa,CAACF,gBAAgB,CAACsC,WAAW,CAAiB;MAE5E;IACJ;;IAEA;IACA,IAAI,CAACT,SAAS,GAAG,OAAOL,QAAQ,CAACW,YAAY,KAAK,UAAU,GAAGX,QAAQ,CAACW,YAAY,CAAC,CAAC,GAAGX,QAAQ,CAACW,YAAY;EAClH,CAAC;EAEOd,eAAe,GAAGA,CAACC,WAAW,GAAG,CAAC,CAAyB,KAAK;IACpE,IAAI,CAACA,WAAW,GAAGA,WAAW;IAE9BI,MAAM,CAACC,OAAO,CAACL,WAAW,CAAC,CACtBiB,IAAI,CAAC,CAAC,GAAGC,CAAC,CAAC,EAAE,GAAGC,CAAC,CAAC,KAAKD,CAAC,GAAGC,CAAC,CAAC,CAC7Bb,OAAO,CAAC,CAAC,CAACnB,UAAU,EAAEO,KAAK,CAAC,KAAK;MAC9B,IAAIf,QAAQ,CAAC,CAAC,EAAE;QACZ;MACJ;MAEA,MAAMyC,UAAU,GAAGC,MAAM,CAACC,UAAU,CAAC,eAAe5B,KAAK,KAAK,CAAC;MAC/D,IAAI,CAACR,mBAAmB,CAACuB,GAAG,CAACtB,UAAU,EAAEiC,UAAU,CAACG,OAAO,CAAC;MAE5DH,UAAU,CAACI,gBAAgB,CAAC,QAAQ,EAAEC,KAAK,IAAI;QAC3C,IAAI,CAACvC,mBAAmB,CAACuB,GAAG,CAACtB,UAAU,EAAEsC,KAAK,CAACF,OAAO,CAAC;QACvD1C,iBAAiB,CAAC6C,UAAU,CAAC5C,kBAAkB,CAAC6C,WAAW,CAAC;MAChE,CAAC,CAAC;IACN,CAAC,CAAC;EACV,CAAC;AACL;AAEA,OAAO,MAAMC,cAAc,GAAG,IAAI7C,qBAAqB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+export const reduceObject = (obj, reducer) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, reducer(value, key)]));
+export const keyInObject = (obj, key) => key in obj;
+export const isServer = () => typeof window === 'undefined';
+export const warn = message => console.warn(`🦄 [react-native-unistyles] ${message}`);
+export 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));
+};
+export 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)}`;
+};
+export const hyphenate = propertyName => propertyName.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`);
+//# sourceMappingURL=common.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["reduceObject","obj","reducer","Object","fromEntries","entries","map","key","value","keyInObject","isServer","window","warn","message","console","equal","a","b","is","keysA","keys","length","every","prototype","hasOwnProperty","call","generateHash","str","JSON","stringify","hasher","charCodeAt","toString","hyphenate","propertyName","replace","m","toLowerCase"],"sourceRoot":"../../../../src","sources":["web/utils/common.ts"],"mappings":";;AAAA,OAAO,MAAMA,YAAY,GAAGA,CACxBC,GAAS,EACTC,OAA+D,KAC9DC,MAAM,CAACC,WAAW,CAACD,MAAM,CAACE,OAAO,CAACJ,GAAG,CAAC,CAACK,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK,CAACD,GAAG,EAAEL,OAAO,CAACM,KAAK,EAAsBD,GAAG,CAAC,CAAC,CAAC,CAAoC;AAErJ,OAAO,MAAME,WAAW,GAAGA,CAAgCR,GAAM,EAAEM,GAAgB,KAAqBA,GAAG,IAAIN,GAAG;AAElH,OAAO,MAAMS,QAAQ,GAAGA,CAAA,KAAM,OAAOC,MAAM,KAAK,WAAW;AAE3D,OAAO,MAAMC,IAAI,GAAIC,OAAe,IAAKC,OAAO,CAACF,IAAI,CAAC,+BAA+BC,OAAO,EAAE,CAAC;AAE/F,OAAO,MAAME,KAAK,GAAGA,CAAIC,CAAI,EAAEC,CAAI,KAAK;EACpC,IAAId,MAAM,CAACe,EAAE,CAACF,CAAC,EAAEC,CAAC,CAAC,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,IACI,OAAOD,CAAC,KAAK,QAAQ,IAClBA,CAAC,KAAK,IAAI,IACV,OAAOC,CAAC,KAAK,QAAQ,IACrBA,CAAC,KAAK,IAAI,EACf;IACE,OAAO,KAAK;EAChB;EAEA,MAAME,KAAK,GAAGhB,MAAM,CAACiB,IAAI,CAACJ,CAAC,CAAmB;EAE9C,IAAIG,KAAK,CAACE,MAAM,KAAKlB,MAAM,CAACiB,IAAI,CAACH,CAAC,CAAC,CAACI,MAAM,EAAE;IACxC,OAAO,KAAK;EAChB;EAEA,OAAOF,KAAK,CAACG,KAAK,CAACf,GAAG,IAAIJ,MAAM,CAACe,EAAE,CAACF,CAAC,CAACT,GAAG,CAAC,EAAEU,CAAC,CAACV,GAAG,CAAC,CAAC,IAAIJ,MAAM,CAACoB,SAAS,CAACC,cAAc,CAACC,IAAI,CAACR,CAAC,EAAEV,GAAG,CAAC,CAAC;AACxG,CAAC;AAED,OAAO,MAAMmB,YAAY,GAAIlB,KAAU,IAAK;EACxC,MAAMmB,GAAG,GAAGC,IAAI,CAACC,SAAS,CAACrB,KAAK,CAAC;EACjC,IAAIsB,MAAM,GAAG,IAAI;EACjB,IAAIT,MAAM,GAAGM,GAAG,CAACN,MAAM;EAEvB,OAAOA,MAAM,EAAE,EAAES,MAAM,GAAIA,MAAM,GAAG,EAAE,GAAIH,GAAG,CAACI,UAAU,CAACV,MAAM,CAAC;EAEhE,OAAO,aAAa,CAACS,MAAM,KAAK,CAAC,EAAEE,QAAQ,CAAC,EAAE,CAAC,EAAE;AACrD,CAAC;AAED,OAAO,MAAMC,SAAS,GAAIC,YAAoB,IAAKA,YAAY,CAACC,OAAO,CAAC,QAAQ,EAAGC,CAAS,IAAK,IAAIA,CAAC,CAACC,WAAW,CAAC,CAAC,EAAE,CAAC","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from './common';
+export * from './unistyle';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["web/utils/index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,YAAY","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["ColorScheme","Orientation","isUnistylesMq","parseMq","UnistylesState","keyInObject","reduceObject","schemeToTheme","scheme","Dark","Light","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","enumerable","configurable","isInDocument","element","document","body","contains","extractMediaQueryValue","query","_","px","match","undefined","Number","getMediaQuery","includes","minWidth","maxWidth","minHeight","maxHeight","Boolean","join","breakpoints","extractUnistyleDependencies","dependencies","uni__dependencies","Array","isArray"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+import { deepMergeObjects } from '../../utils';
+const hasVariants = value => 'variants' in value[1];
+export 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 = deepMergeObjects(...variantStyles, ...compoundVariantStyles);
+    return [key, mergedVariantStyles];
+  });
+};
+//# sourceMappingURL=getVariants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["deepMergeObjects","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"],"sourceRoot":"../../../../src","sources":["web/variants/getVariants.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,aAAa;AAQ9C,MAAMC,WAAW,GAAsBC,KAAkB,IAAgD,UAAU,IAAIA,KAAK,CAAC,CAAC,CAAC;AAE/H,OAAO,MAAMC,WAAW,GAAGA,CAACC,MAAyC,EAAEC,gBAAqC,KAAK;EAC7G,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;IACjD,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;MAE1E,IAAI,CAACgB,qBAAqB,EAAE;QACxB,OAAO,EAAE;MACb;MAEA,OAAOA,qBAAqB;IAChC,CAAC,CAAC;IAEF,MAAMC,qBAAqB,GAAGL,gBAAgB,CAACE,OAAO,CAACI,eAAe,IAAI;MACtE,MAAM;QAAElB,MAAM;QAAE,GAAGmB;MAAW,CAAC,GAAGD,eAAe;MAEjD,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;MAEA,OAAOE,MAAM;IACjB,CAAC,CAAC;IAEF,MAAMqB,mBAAmB,GAAGzB,gBAAgB,CAAC,GAAGiB,aAAa,EAAE,GAAGI,qBAAqB,CAAC;IAExF,OAAO,CAACN,GAAG,EAAEU,mBAAmB,CAAC;EACrC,CAAC,CAAC;AACV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from './useVariants';
+export * from './getVariants';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["web/variants/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,eAAe","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+import { useMemo, useRef, useState } from 'react';
+import { equal, keyInObject, reduceObject } from '../utils';
+import { getVariants } from './getVariants';
+export const createUseVariants = (styles, setSelectedVariants) => {
+  const useVariants = selectedVariants => {
+    const [selectedVariantStylesMap] = useState(() => new Map());
+    const lastSelectedVariantsRef = useRef();
+    // Variable that determines if variants have changed and we need to recalculate styles
+    const variantsChanged = !equal(lastSelectedVariantsRef.current, selectedVariants);
+    if (variantsChanged) {
+      lastSelectedVariantsRef.current = selectedVariants;
+      setSelectedVariants(selectedVariants);
+    }
+    const combinedVariantStyles = useMemo(() => {
+      const result = 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, 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 = keyInObject(styleEntry, key) ? styleEntry[key] : undefined;
+        if (!secret) {
+          return;
+        }
+        Object.defineProperty(secret, '__uni__variants', {
+          value: selectedVariants
+        });
+      });
+    });
+  };
+  Object.defineProperty(styles, 'useVariants', {
+    value: useVariants
+  });
+};
+//# sourceMappingURL=useVariants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useRef","useState","equal","keyInObject","reduceObject","getVariants","createUseVariants","styles","setSelectedVariants","useVariants","selectedVariants","selectedVariantStylesMap","Map","lastSelectedVariantsRef","variantsChanged","current","combinedVariantStyles","result","forEach","key","value","set","styleEntry","selectedVariantStyles","get","Object","defineProperties","enumerable","configurable","keys","startsWith","secret","undefined","defineProperty"],"sourceRoot":"../../../../src","sources":["web/variants/useVariants.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEjD,SAASC,KAAK,EAAEC,WAAW,EAAEC,YAAY,QAAQ,UAAU;AAC3D,SAASC,WAAW,QAAQ,eAAe;AAE3C,OAAO,MAAMC,iBAAiB,GAAGA,CAACC,MAAyC,EAAEC,mBAA4D,KAAK;EAC1I,MAAMC,WAAW,GAAIC,gBAAqC,IAAK;IAC3D,MAAM,CAACC,wBAAwB,CAAC,GAAGV,QAAQ,CAAC,MAAM,IAAIW,GAAG,CAA8B,CAAC,CAAC;IACzF,MAAMC,uBAAuB,GAAGb,MAAM,CAAsB,CAAC;IAC7D;IACA,MAAMc,eAAe,GAAG,CAACZ,KAAK,CAACW,uBAAuB,CAACE,OAAO,EAAEL,gBAAgB,CAAC;IAEjF,IAAII,eAAe,EAAE;MACjBD,uBAAuB,CAACE,OAAO,GAAGL,gBAAgB;MAClDF,mBAAmB,CAACE,gBAAgB,CAAC;IACzC;IAEA,MAAMM,qBAAqB,GAAGjB,OAAO,CAAC,MAAM;MACxC,MAAMkB,MAAM,GAAGZ,WAAW,CAACE,MAAM,EAAEG,gBAAgB,CAAC;MAEpDO,MAAM,CAACC,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;QAC7BT,wBAAwB,CAACU,GAAG,CAACF,GAAG,EAAEC,KAAK,CAAC;MAC5C,CAAC,CAAC;MAEF,OAAOH,MAAM;IACjB,CAAC,EAAE,CAACJ,uBAAuB,CAACE,OAAO,CAAC,CAAC;IAErCC,qBAAqB,CAACE,OAAO,CAAC,CAAC,CAACC,GAAG,CAAC,KAAK;MACrC,MAAMG,UAAU,GAAGf,MAAM,CAACY,GAAG,CAAC;MAE9B,IAAI,CAACG,UAAU,EAAE;QACb;MACJ;MAEA,MAAMC,qBAAqB,GAAGZ,wBAAwB,CAACa,GAAG,CAACL,GAAG,CAAC;MAE/DM,MAAM,CAACC,gBAAgB,CAACJ,UAAU,EAAElB,YAAY,CAACmB,qBAAqB,IAAI,CAAC,CAAC,EAAEH,KAAK,KAAK;QACpFA,KAAK;QACLO,UAAU,EAAE,KAAK;QACjBC,YAAY,EAAE;MAClB,CAAC,CAAC,CAAC,CAAC;;MAEJ;MACAH,MAAM,CAACI,IAAI,CAACP,UAAU,CAAC,CAACJ,OAAO,CAACC,GAAG,IAAI;QACnC,IAAI,CAACA,GAAG,CAACW,UAAU,CAAC,kBAAkB,CAAC,EAAE;UACrC;QACJ;QAEA,MAAMC,MAAM,GAAG5B,WAAW,CAACmB,UAAU,EAAEH,GAAG,CAAC,GAAGG,UAAU,CAACH,GAAG,CAAC,GAAGa,SAAS;QAEzE,IAAI,CAACD,MAAM,EAAE;UACT;QACJ;QAEAN,MAAM,CAACQ,cAAc,CAACF,MAAM,EAAE,iBAAiB,EAAE;UAC7CX,KAAK,EAAEV;QACX,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EAEDe,MAAM,CAACQ,cAAc,CAAC1B,MAAM,EAAE,aAAa,EAAE;IACzCa,KAAK,EAAEX;EACX,CAAC,CAAC;AACN,CAAC","ignoreList":[]}