react-native-unistyles 3.0.0-alpha.9 → 3.0.0-beta.1

package/lib/commonjs/web/state.js

@@ -4,21 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnistylesState = void 0;
-var _react = require("react");
 var _runtime = require("./runtime");
 var _utils = require("./utils");
 var _listener = require("./listener");
 var _NativePlatform = require("../specs/NativePlatform");
 class UnistylesStateBuilder {
-  isSSR = (0, _utils.isServer)();
-  tags = [];
   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 (this.isSSR) {
+    if (config.settings) {
+      this.initSettings(config.settings);
+    }
+    if ((0, _utils.isServer)()) {
       return;
     }
     _listener.UnistylesListener.initListeners();
@@ -30,92 +34,47 @@ class UnistylesStateBuilder {
   };
   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');
+    if (settings.initialTheme && settings.adaptiveThemes) {
+      throw (0, _utils.error)('You\'re trying to set initial theme and enable adaptiveThemes, but these options are mutually exclusive.');
     }
 
     // Adaptive themes
     if (settings.adaptiveThemes) {
+      if (!this.themes.get('light') || !this.themes.get('dark')) {
+        throw (0, _utils.error)(`You're trying to enable adaptiveThemes, but you didn't register both 'light' and 'dark' themes.`);
+      }
       this.themeName = (0, _utils.schemeToTheme)(_runtime.UnistylesRuntime.colorScheme);
       return;
     }
-
-    // Initial theme
-    this.themeName = typeof settings.initialTheme === 'function' ? settings.initialTheme() : settings.initialTheme;
+    if (settings.initialTheme) {
+      const initialTheme = typeof settings.initialTheme === 'function' ? settings.initialTheme() : settings.initialTheme;
+      if (!this.themes.get(initialTheme)) {
+        throw (0, _utils.error)(`You're trying to select theme "${initialTheme}" but it wasn't registered.`);
+      }
+      this.themeName = initialTheme;
+    }
   };
   initBreakpoints = (breakpoints = {}) => {
-    const breakpointsMap = new Map();
     this.breakpoints = breakpoints;
-    Object.entries(breakpoints).sort(([, a], [, b]) => a - b).forEach(([breakpoint, value]) => {
+    const breakpointsEntries = Object.entries(breakpoints);
+    if (breakpointsEntries.length === 0) {
+      throw (0, _utils.error)('StyleSheet.configure\'s breakpoints can\'t be empty.');
+    }
+    if (breakpointsEntries?.[0]?.[1] !== 0) {
+      throw (0, _utils.error)('StyleSheet.configure\'s first breakpoint must start from 0.');
+    }
+    breakpointsEntries.sort(([, a], [, b]) => a - b).forEach(([breakpoint, value]) => {
       if ((0, _utils.isServer)()) {
         return;
       }
       const mediaQuery = window.matchMedia(`(min-width: ${value}px)`);
-      breakpointsMap.set(breakpoint, mediaQuery);
-      if (mediaQuery.matches) {
-        this.breakpoint = breakpoint;
-      }
+      this.matchingBreakpoints.set(breakpoint, mediaQuery.matches);
       mediaQuery.addEventListener('change', event => {
-        if (!event.matches) {
-          const [currentBreakpoint] = Array.from(breakpointsMap).find(([, mq]) => mq.matches) ?? [];
-          if (currentBreakpoint) {
-            this.breakpoint = currentBreakpoint;
-            _listener.UnistylesListener.emitChange(_NativePlatform.UnistyleDependency.Breakpoints);
-          }
-          return;
-        }
-        this.breakpoint = breakpoint;
+        this.matchingBreakpoints.set(breakpoint, event.matches);
         _listener.UnistylesListener.emitChange(_NativePlatform.UnistyleDependency.Breakpoints);
       });
     });
   };
-  createTag() {
-    if (!this.isSSR) {
-      const tag = document.createElement('style');
-      document.head.appendChild(tag);
-      return tag;
-    }
-    const tagRef = new Proxy(/*#__PURE__*/(0, _react.createRef)(), {
-      set: (target, prop, value) => {
-        // When ref is assigned
-        if ('textContent' in value) {
-          value.textContent = tag.textContent;
-        }
-        return Reflect.set(target, prop, value);
-      }
-    });
-    const tagElement = /*#__PURE__*/(0, _react.createElement)('style', {
-      ref: tagRef,
-      key: this.tags.length
-    }, '');
-    const tag = new Proxy({
-      textContent: ''
-    }, {
-      set: (target, prop, value) => {
-        if (prop !== 'textContent') {
-          return false;
-        }
-
-        // When css is updated
-        target.textContent = value;
-        if (tagRef.current) {
-          tagRef.current.textContent = value;
-        }
-        return true;
-      }
-    });
-    this.tags.push(tagElement);
-    return tag;
-  }
 }
 const UnistylesState = exports.UnistylesState = new UnistylesStateBuilder();
 //# sourceMappingURL=state.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_runtime","_utils","_listener","_NativePlatform","UnistylesStateBuilder","isSSR","isServer","tags","themes","Map","hasAdaptiveThemes","init","config","initThemes","initBreakpoints","breakpoints","initSettings","settings","UnistylesListener","initListeners","Object","entries","forEach","themeName","theme","set","adaptiveThemes","themeNames","Array","from","keys","initialTheme","length","Error","schemeToTheme","UnistylesRuntime","colorScheme","breakpointsMap","sort","a","b","breakpoint","value","mediaQuery","window","matchMedia","matches","addEventListener","event","currentBreakpoint","find","mq","emitChange","UnistyleDependency","Breakpoints","createTag","tag","document","createElement","head","appendChild","tagRef","Proxy","createRef","target","prop","textContent","Reflect","tagElement","ref","key","current","push","UnistylesState","exports"],"sourceRoot":"../../../src","sources":["web/state.ts"],"mappings":"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","ignoreList":[]}
+{"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","settings","initSettings","isServer","UnistylesListener","initListeners","Object","entries","forEach","themeName","theme","set","adaptiveThemes","initialTheme","error","get","schemeToTheme","UnistylesRuntime","colorScheme","breakpointsEntries","length","sort","a","b","mediaQuery","window","matchMedia","matches","addEventListener","event","emitChange","UnistyleDependency","Breakpoints","UnistylesState","exports"],"sourceRoot":"../../../src","sources":["web/state.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reduceObject = exports.keyInObject = exports.isServer = exports.hyphenate = exports.generateHash = exports.error = exports.equal = 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';
+exports.isServer = isServer;
+const error = message => new Error(`Unistyles: ${message}`);
+exports.error = error;
+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 hyphenate = propertyName => propertyName.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`);
+exports.hyphenate = hyphenate;
+//# 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","error","message","Error","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":";;;;;;AAAO,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;AAAAE,OAAA,CAAAT,YAAA,GAAAA,YAAA;AAE9I,MAAMU,WAAW,GAAGA,CAAgCT,GAAM,EAAEM,GAAgB,KAAqBA,GAAG,IAAIN,GAAG;AAAAQ,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAE3G,MAAMC,QAAQ,GAAGA,CAAA,KAAM,OAAOC,MAAM,KAAK,WAAW;AAAAH,OAAA,CAAAE,QAAA,GAAAA,QAAA;AAEpD,MAAME,KAAK,GAAIC,OAAe,IAAK,IAAIC,KAAK,CAAC,cAAcD,OAAO,EAAE,CAAC;AAAAL,OAAA,CAAAI,KAAA,GAAAA,KAAA;AAErE,MAAMG,KAAK,GAAGA,CAAIC,CAAI,EAAEC,CAAI,KAAK;EACpC,IAAIf,MAAM,CAACgB,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,GAAGjB,MAAM,CAACkB,IAAI,CAACJ,CAAC,CAAmB;EAE9C,IAAIG,KAAK,CAACE,MAAM,KAAKnB,MAAM,CAACkB,IAAI,CAACH,CAAC,CAAC,CAACI,MAAM,EAAE;IACxC,OAAO,KAAK;EAChB;EAEA,OAAOF,KAAK,CAACG,KAAK,CAAChB,GAAG,IAAIJ,MAAM,CAACgB,EAAE,CAACF,CAAC,CAACV,GAAG,CAAC,EAAEW,CAAC,CAACX,GAAG,CAAC,CAAC,IAAIJ,MAAM,CAACqB,SAAS,CAACC,cAAc,CAACC,IAAI,CAACR,CAAC,EAAEX,GAAG,CAAC,CAAC;AACxG,CAAC;AAAAE,OAAA,CAAAO,KAAA,GAAAA,KAAA;AAEM,MAAMW,YAAY,GAAInB,KAAU,IAAK;EACxC,MAAMoB,GAAG,GAAGC,IAAI,CAACC,SAAS,CAACtB,KAAK,CAAC;EACjC,IAAIuB,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;AAAAxB,OAAA,CAAAkB,YAAA,GAAAA,YAAA;AAEM,MAAMO,SAAS,GAAIC,YAAoB,IAAKA,YAAY,CAACC,OAAO,CAAC,QAAQ,EAAGC,CAAS,IAAK,IAAIA,CAAC,CAACC,WAAW,CAAC,CAAC,EAAE,CAAC;AAAA7B,OAAA,CAAAyB,SAAA,GAAAA,SAAA","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.ts"],"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,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.schemeToTheme = exports.isInDocument = 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 assignSecrets = (object, secrets) => {
+  // @ts-expect-error - assign secrets to object
+  object.__uni__secrets__ = secrets;
+  return object;
+};
+exports.assignSecrets = assignSecrets;
+const extractSecrets = object => {
+  return (0, _common.keyInObject)(object, '__uni__secrets__') ? object.__uni__secrets__ : undefined;
+};
+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 Number.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 => {
+  if (!value) {
+    return [];
+  }
+  const dependencies = (0, _common.keyInObject)(value, 'uni__dependencies') ? value.uni__dependencies : [];
+  return Array.isArray(dependencies) ? dependencies : [];
+};
+exports.extractUnistyleDependencies = extractUnistyleDependencies;
+//# sourceMappingURL=unistyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_mq","_state","_common","schemeToTheme","scheme","ColorScheme","Dark","Light","exports","assignSecrets","object","secrets","__uni__secrets__","extractSecrets","keyInObject","undefined","getStyles","values","returnValue","Object","defineProperties","reduceObject","value","enumerable","configurable","isInDocument","element","document","body","contains","extractMediaQueryValue","query","_","px","match","Number","isNaN","getMediaQuery","Orientation","includes","isUnistylesMq","minWidth","maxWidth","minHeight","maxHeight","parseMq","filter","Boolean","join","UnistylesState","breakpoints","extractUnistyleDependencies","dependencies","uni__dependencies","Array","isArray"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/web/{variants/getVariants.js → variants.js}

@@ -15,7 +15,7 @@ const getVariants = (styles, selectedVariants) => {
   }]) => {
     const variantStyles = Object.entries(variants).flatMap(([variant, styles]) => {
       const selectedVariant = selectedVariants[variant];
-      const selectedVariantStyles = styles[selectedVariant] ?? styles['default'];
+      const selectedVariantStyles = styles[selectedVariant] ?? styles.default;
       if (!selectedVariantStyles) {
         return [];
       }
@@ -36,4 +36,4 @@ const getVariants = (styles, selectedVariants) => {
   });
 };
 exports.getVariants = getVariants;
-//# sourceMappingURL=getVariants.js.map
+//# sourceMappingURL=variants.js.map

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

@@ -0,0 +1 @@
+{"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","default","compoundVariantStyles","compoundVariant","conditions","String","mergedVariantStyles","deepMergeObjects","exports"],"sourceRoot":"../../../src","sources":["web/variants.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAQA,MAAMC,WAAW,GAAsBC,KAAkB,IAAgD,UAAU,IAAIA,KAAK,CAAC,CAAC,CAAC;AAExH,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,CAACiB,OAAO;MAEvE,IAAI,CAACD,qBAAqB,EAAE;QACxB,OAAO,EAAE;MACb;MAEA,OAAOA,qBAAqB;IAChC,CAAC,CAAC;IAEF,MAAME,qBAAqB,GAAGN,gBAAgB,CAACE,OAAO,CAACK,eAAe,IAAI;MACtE,MAAM;QAAEnB,MAAM;QAAE,GAAGoB;MAAW,CAAC,GAAGD,eAAe;MAEjD,IAAIjB,MAAM,CAACC,OAAO,CAACiB,UAAU,CAAC,CAACZ,IAAI,CAAC,CAAC,CAACC,OAAO,EAAEX,KAAK,CAAC,KAAKuB,MAAM,CAACpB,gBAAgB,CAACQ,OAAO,CAAC,CAAC,KAAKY,MAAM,CAACvB,KAAK,CAAC,CAAC,EAAE;QAC5G,OAAO,EAAE;MACb;MAEA,OAAOE,MAAM;IACjB,CAAC,CAAC;IAEF,MAAMsB,mBAAmB,GAAG,IAAAC,uBAAgB,EAAC,GAAGV,aAAa,EAAE,GAAGK,qBAAqB,CAAC;IAExF,OAAO,CAACP,GAAG,EAAEW,mBAAmB,CAAC;EACrC,CAAC,CAAC;AACV,CAAC;AAAAE,OAAA,CAAAzB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/module/components/Display.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { useMedia } from '../hooks';
+export const Display = ({
+  children,
+  ...props
+}) => {
+  const {
+    isVisible
+  } = useMedia(props);
+  return isVisible ? children : null;
+};
+//# sourceMappingURL=Display.js.map

package/lib/module/components/Display.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMedia","Display","children","props","isVisible"],"sourceRoot":"../../../src","sources":["components/Display.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,UAAU;AAInC,OAAO,MAAMC,OAA8C,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAAK;EACtF,MAAM;IAAEC;EAAU,CAAC,GAAGJ,QAAQ,CAACG,KAAK,CAAC;EAErC,OAAOC,SAAS,GACVF,QAAQ,GACR,IAAI;AACd,CAAC","ignoreList":[]}

package/lib/module/components/Hide.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { useMedia } from '../hooks';
+export const Hide = ({
+  children,
+  ...props
+}) => {
+  const {
+    isVisible
+  } = useMedia(props);
+  return !isVisible ? children : null;
+};
+//# sourceMappingURL=Hide.js.map

package/lib/module/components/Hide.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMedia","Hide","children","props","isVisible"],"sourceRoot":"../../../src","sources":["components/Hide.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,UAAU;AAInC,OAAO,MAAMC,IAAwC,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAAK;EAChF,MAAM;IAAEC;EAAU,CAAC,GAAGJ,QAAQ,CAACG,KAAK,CAAC;EAErC,OAAO,CAACC,SAAS,GACXF,QAAQ,GACR,IAAI;AACd,CAAC","ignoreList":[]}

package/lib/module/components/Pressable.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import React, { forwardRef, useRef } from 'react';
+import { Pressable as NativePressableReactNative } from 'react-native';
+import { UnistylesShadowRegistry } from '../specs';
+import { getId } from '../core';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Pressable = /*#__PURE__*/forwardRef(({
+  variants,
+  style,
+  rawStyle,
+  ...props
+}, passedRef) => {
+  const storedRef = useRef();
+  return /*#__PURE__*/_jsx(NativePressableReactNative, {
+    ...props,
+    ref: ref => {
+      storedRef.current = ref;
+      const styleResult = typeof style === 'function' ? style({
+        pressed: false
+      }) : style;
+      const fnArgs = typeof styleResult === 'function'
+      // @ts-expect-error - this is hidden from TS
+      ? styleResult.getBoundArgs() : Array.isArray(styleResult) ? styleResult
+      // @ts-expect-error - this is hidden from TS
+      .map(style => typeof style === 'function' ? style.getBoundArgs() : []) : [];
+      if (typeof passedRef === 'object' && passedRef !== null) {
+        passedRef.current = ref;
+      }
+      const returnFn = typeof passedRef === 'function' ? passedRef(ref) : () => {};
+      const unistyles = typeof rawStyle === 'function' ? rawStyle({
+        pressed: false
+      }) : rawStyle ?? [];
+
+      // @ts-expect-error - this is hidden from TS
+      UnistylesShadowRegistry.add(ref, unistyles, variants, Array.isArray(styleResult) ? fnArgs : [fnArgs]);
+      return () => {
+        // @ts-expect-error - this is hidden from TS
+        UnistylesShadowRegistry.remove(ref);
+        if (typeof returnFn === 'function') {
+          returnFn();
+        }
+      };
+    },
+    style: state => {
+      const styleResult = typeof style === 'function' ? style(state) : style;
+      const fnArgs = typeof styleResult === 'function'
+      // @ts-expect-error - this is hidden from TS
+      ? styleResult.getBoundArgs() : Array.isArray(styleResult) ? styleResult
+      // @ts-expect-error - this is hidden from TS
+      .map(style => typeof style === 'function' ? style.getBoundArgs() : []) : [];
+      const pressId = getId();
+      const unistyles = typeof rawStyle === 'function' ? rawStyle(state) : rawStyle ?? [];
+      if (storedRef.current) {
+        // @ts-expect-error - this is hidden from TS
+        UnistylesShadowRegistry.remove(storedRef.current);
+        // @ts-expect-error - this is hidden from TS
+        UnistylesShadowRegistry.add(storedRef.current, unistyles, variants, Array.isArray(styleResult) ? fnArgs : [fnArgs], pressId);
+      }
+      return typeof styleResult === 'function'
+      // @ts-expect-error - this is hidden from TS
+      ? styleResult(pressId) : Array.isArray(styleResult)
+      // @ts-expect-error - this is hidden from TS
+      ? styleResult.map(style => typeof style === 'function' ? style(pressId) : style) : styleResult;
+    }
+  });
+});
+//# sourceMappingURL=Pressable.js.map

package/lib/module/components/Pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useRef","Pressable","NativePressableReactNative","UnistylesShadowRegistry","getId","jsx","_jsx","variants","style","rawStyle","props","passedRef","storedRef","ref","current","styleResult","pressed","fnArgs","getBoundArgs","Array","isArray","map","returnFn","unistyles","add","remove","state","pressId"],"sourceRoot":"../../../src","sources":["components/Pressable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Pressable.web.js

@@ -0,0 +1,109 @@
+"use strict";
+
+import React, { forwardRef, useEffect, useRef } from 'react';
+import { Pressable as NativePressableReactNative } from 'react-native';
+import { UnistylesShadowRegistry } from '../specs';
+import { jsx as _jsx } from "react/jsx-runtime";
+const initialState = {
+  pressed: false,
+  hovered: false,
+  focused: false
+};
+const events = {
+  'pointerdown': {
+    pressed: true
+  },
+  'pointerup': {
+    pressed: false
+  },
+  'pointerenter': {
+    hovered: true
+  },
+  'pointerleave': {
+    hovered: false
+  },
+  'focus': {
+    focused: true
+  },
+  'blur': {
+    focused: false
+  }
+};
+const isFunctionWithBoundArgs = fn => {
+  return typeof fn === 'function' && 'getBoundArgs' in fn;
+};
+const extractFunctionArgs = styleResult => {
+  return isFunctionWithBoundArgs(styleResult) ? [styleResult.getBoundArgs()] : Array.isArray(styleResult) ? styleResult.map(style => isFunctionWithBoundArgs(style) ? style.getBoundArgs() : []) : [];
+};
+const extractStyleResult = style => {
+  return typeof style === 'function' ? [style()] : Array.isArray(style) ? style.map(style => typeof style === 'function' ? style() : style) : [style];
+};
+const updateStyles = ({
+  ref,
+  style,
+  variants,
+  state
+}) => {
+  const styleResult = typeof style === 'function' ? style(state) : style;
+  const fnArgs = extractFunctionArgs(styleResult);
+  const extractedResult = extractStyleResult(styleResult);
+
+  // @ts-expect-error - this is hidden from TS
+  UnistylesShadowRegistry.add(ref, extractedResult, variants, fnArgs);
+};
+export const Pressable = /*#__PURE__*/forwardRef(({
+  variants,
+  style,
+  ...props
+}, passedRef) => {
+  const storedRef = useRef(null);
+  const state = useRef(initialState);
+  const styleRef = useRef(style);
+  useEffect(() => {
+    styleRef.current = style;
+  }, [style]);
+  useEffect(() => {
+    const handler = newState => () => {
+      state.current = {
+        ...state.current,
+        ...newState
+      };
+      updateStyles({
+        ref: storedRef.current,
+        style: styleRef.current,
+        variants,
+        state: state.current
+      });
+    };
+    if (!storedRef.current) {
+      return;
+    }
+
+    // ref on the web is dom element
+    const ref = storedRef.current;
+    Object.entries(events).forEach(([event, state]) => {
+      ref.addEventListener(event, handler(state));
+    });
+    return () => {
+      Object.entries(events).forEach(([event, state]) => {
+        ref.removeEventListener(event, handler(state));
+      });
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(NativePressableReactNative, {
+    ...props,
+    ref: ref => {
+      storedRef.current = ref;
+      updateStyles({
+        ref,
+        style: style,
+        variants,
+        state: initialState
+      });
+      if (typeof passedRef === 'object' && passedRef !== null) {
+        passedRef.current = ref;
+      }
+    }
+  });
+});
+//# sourceMappingURL=Pressable.web.js.map

package/lib/module/components/Pressable.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useEffect","useRef","Pressable","NativePressableReactNative","UnistylesShadowRegistry","jsx","_jsx","initialState","pressed","hovered","focused","events","isFunctionWithBoundArgs","fn","extractFunctionArgs","styleResult","getBoundArgs","Array","isArray","map","style","extractStyleResult","updateStyles","ref","variants","state","fnArgs","extractedResult","add","props","passedRef","storedRef","styleRef","current","handler","newState","Object","entries","forEach","event","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["components/Pressable.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Hide","Display","Pressable"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,SAAS,QAAQ,aAAa","ignoreList":[]}