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

package/lib/commonjs/core/withUnistyles/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "withUnistyles", {
+  enumerable: true,
+  get: function () {
+    return _withUnistyles.withUnistyles;
+  }
+});
+var _withUnistyles = require("./withUnistyles");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/core/withUnistyles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_withUnistyles","require"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/core/withUnistyles/types.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SUPPORTED_STYLE_PROPS = void 0;
+const SUPPORTED_STYLE_PROPS = exports.SUPPORTED_STYLE_PROPS = ['style', 'contentContainerStyle'];
+//# sourceMappingURL=types.js.map

package/lib/commonjs/core/withUnistyles/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SUPPORTED_STYLE_PROPS","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/types.ts"],"mappings":";;;;;;AAGO,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,CAAC,OAAO,EAAE,uBAAuB,CAAU","ignoreList":[]}

package/lib/commonjs/core/withUnistyles/useDependencies.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDependencies = void 0;
+var _react = require("react");
+var _specs = require("../../specs");
+var _NativePlatform = require("../../specs/NativePlatform");
+// It's imported that way because of circular dependency
+
+const RTDependencyMap = {
+  breakpoint: _NativePlatform.UnistyleDependency.Breakpoints,
+  colorScheme: _NativePlatform.UnistyleDependency.ColorScheme,
+  contentSizeCategory: _NativePlatform.UnistyleDependency.ContentSizeCategory,
+  hasAdaptiveThemes: _NativePlatform.UnistyleDependency.AdaptiveThemes,
+  insets: _NativePlatform.UnistyleDependency.Insets,
+  fontScale: _NativePlatform.UnistyleDependency.FontScale,
+  isLandscape: _NativePlatform.UnistyleDependency.Orientation,
+  isPortrait: _NativePlatform.UnistyleDependency.Orientation,
+  navigationBar: _NativePlatform.UnistyleDependency.NavigationBar,
+  screen: _NativePlatform.UnistyleDependency.Dimensions,
+  statusBar: _NativePlatform.UnistyleDependency.StatusBar,
+  pixelRatio: _NativePlatform.UnistyleDependency.PixelRatio,
+  themeName: _NativePlatform.UnistyleDependency.ThemeName
+};
+const useDependencies = listener => {
+  const scopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
+  const [dependencies] = (0, _react.useState)(() => new Set());
+  const [theme, setTheme] = (0, _react.useState)(_specs.UnistylesRuntime.getTheme(scopedTheme));
+  const [_, runtimeChanged] = (0, _react.useReducer)(() => ({}), {});
+  const disposeRef = (0, _react.useRef)();
+  const reinitListener = () => {
+    disposeRef.current?.();
+    disposeRef.current = listener({
+      dependencies: Array.from(dependencies),
+      updateTheme: () => {
+        if (scopedTheme) {
+          return;
+        }
+        setTheme(_specs.UnistylesRuntime.getTheme(scopedTheme));
+      },
+      updateRuntime: () => runtimeChanged()
+    });
+  };
+  (0, _react.useEffect)(() => {
+    reinitListener();
+    return () => disposeRef.current?.();
+  }, [dependencies.size]);
+  return {
+    mappingsCallback: callback => {
+      const proxifiedTheme = new Proxy(theme, {
+        get: (target, prop) => {
+          dependencies.add(_NativePlatform.UnistyleDependency.Theme);
+          return target[prop];
+        }
+      });
+      const proxifiedRuntime = new Proxy(_specs.UnistylesRuntime.miniRuntime, {
+        get: (target, prop) => {
+          if (prop in RTDependencyMap) {
+            dependencies.add(RTDependencyMap[prop]);
+          }
+          return target[prop];
+        }
+      });
+      return callback(proxifiedTheme, proxifiedRuntime);
+    },
+    addDependencies: newDependencies => {
+      const dependenciesSize = dependencies.size;
+      newDependencies.forEach(dependency => {
+        dependencies.add(dependency);
+      });
+      if (dependenciesSize === dependencies.size) {
+        return;
+      }
+      reinitListener();
+    }
+  };
+};
+exports.useDependencies = useDependencies;
+//# sourceMappingURL=useDependencies.js.map

package/lib/commonjs/core/withUnistyles/useDependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_specs","_NativePlatform","RTDependencyMap","breakpoint","UnistyleDependency","Breakpoints","colorScheme","ColorScheme","contentSizeCategory","ContentSizeCategory","hasAdaptiveThemes","AdaptiveThemes","insets","Insets","fontScale","FontScale","isLandscape","Orientation","isPortrait","navigationBar","NavigationBar","screen","Dimensions","statusBar","StatusBar","pixelRatio","PixelRatio","themeName","ThemeName","useDependencies","listener","scopedTheme","UnistylesShadowRegistry","getScopedTheme","dependencies","useState","Set","theme","setTheme","UnistylesRuntime","getTheme","_","runtimeChanged","useReducer","disposeRef","useRef","reinitListener","current","Array","from","updateTheme","updateRuntime","useEffect","size","mappingsCallback","callback","proxifiedTheme","Proxy","get","target","prop","add","Theme","proxifiedRuntime","miniRuntime","addDependencies","newDependencies","dependenciesSize","forEach","dependency","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/useDependencies.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/withUnistyles/withUnistyles.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withUnistyles = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _listener = require("../../web/listener");
+var _web = require("../../web");
+var _utils = require("../../web/utils");
+var _utils2 = require("../../utils");
+var _useDependencies = require("./useDependencies");
+var _NativePlatform = require("../../specs/NativePlatform");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useShadowRegistry = style => {
+  const [ref] = (0, _react.useState)(document.createElement('div'));
+  const oldClassNames = (0, _react.useRef)([]);
+  const classNames = (0, _react.useMemo)(() => {
+    if (!style) {
+      return [];
+    }
+    const newClassNames = _web.UnistylesShadowRegistry.add(ref, [style]) ?? [];
+    if ((0, _utils.equal)(oldClassNames.current, newClassNames)) {
+      return oldClassNames.current;
+    }
+    oldClassNames.current = newClassNames;
+    return newClassNames;
+  }, [style]);
+  (0, _react.useEffect)(() => () => {
+    // Remove styles on unmount
+    if (style) {
+      _web.UnistylesShadowRegistry.add(null, [style]);
+    }
+  });
+  return classNames;
+};
+
+// @ts-expect-error
+
+// @ts-expect-error
+
+const withUnistyles = (Component, mappings) => {
+  return /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+    const narrowedProps = props;
+    const styleClassNames = useShadowRegistry(narrowedProps.style);
+    const contentContainerStyleClassNames = useShadowRegistry(narrowedProps.contentContainerStyle);
+    const {
+      mappingsCallback
+    } = (0, _useDependencies.useDependencies)(({
+      dependencies,
+      updateTheme,
+      updateRuntime
+    }) => {
+      const disposeTheme = _listener.UnistylesListener.addListeners(dependencies.filter(dependency => dependency === _NativePlatform.UnistyleDependency.Theme), updateTheme);
+      const disposeRuntime = _listener.UnistylesListener.addListeners(dependencies.filter(dependency => dependency !== _NativePlatform.UnistyleDependency.Theme), updateRuntime);
+      return () => {
+        disposeTheme();
+        disposeRuntime();
+      };
+    });
+    const mappingsProps = mappings ? mappingsCallback(mappings) : {};
+    const unistyleProps = narrowedProps.uniProps ? mappingsCallback(narrowedProps.uniProps) : {};
+    const combinedProps = {
+      ...(0, _utils2.deepMergeObjects)(mappingsProps, unistyleProps, props),
+      ...(narrowedProps.style ? {
+        style: {
+          $$css: true,
+          'unistyles': styleClassNames.join(' ')
+        }
+      } : {}),
+      ...(narrowedProps.contentContainerStyle ? {
+        style: {
+          $$css: true,
+          'unistyles': contentContainerStyleClassNames.join(' ')
+        }
+      } : {})
+    };
+    const NativeComponent = Component;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeComponent, {
+      ...combinedProps,
+      ref: ref
+    });
+  });
+};
+exports.withUnistyles = withUnistyles;
+//# sourceMappingURL=withUnistyles.js.map

package/lib/commonjs/core/withUnistyles/withUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_listener","_web","_utils","_utils2","_useDependencies","_NativePlatform","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useShadowRegistry","style","ref","useState","document","createElement","oldClassNames","useRef","classNames","useMemo","newClassNames","UnistylesShadowRegistry","add","equal","current","useEffect","withUnistyles","Component","mappings","forwardRef","props","narrowedProps","styleClassNames","contentContainerStyleClassNames","contentContainerStyle","mappingsCallback","useDependencies","dependencies","updateTheme","updateRuntime","disposeTheme","UnistylesListener","addListeners","filter","dependency","UnistyleDependency","Theme","disposeRuntime","mappingsProps","unistyleProps","uniProps","combinedProps","deepMergeObjects","$$css","join","NativeComponent","jsx","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/withUnistyles/withUnistyles.native.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withUnistyles = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _specs = require("../../specs");
+var _utils = require("../../utils");
+var _types = require("./types");
+var _useDependencies = require("./useDependencies");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// @ts-expect-error
+
+// @ts-expect-error
+
+const withUnistyles = (Component, mappings) => {
+  return /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+    const narrowedProps = props;
+    const stylesRef = (0, _react.useRef)({});
+    const isForcedRef = (0, _react.useRef)(false);
+    const NativeComponent = Component;
+    if (!isForcedRef.current) {
+      _types.SUPPORTED_STYLE_PROPS.forEach(propName => {
+        if (narrowedProps?.[propName]) {
+          if (Array.isArray(narrowedProps[propName])) {
+            console.error(`🦄 Unistyles: withUnistyles requires ${propName} to be an object. Please check props for component: ${NativeComponent.displayName}`);
+          }
+
+          // @ts-expect-error - this is hidden from TS
+          if (props[propName].__unistyles_name && !props[propName].__proto__?.getStyle) {
+            console.error(`🦄 Unistyles: withUnistyles received style that is not bound. You likely used the spread operator on a Unistyle style. Please check props for component: ${NativeComponent.displayName}`);
+          }
+          stylesRef.current = {
+            ...stylesRef.current,
+            [propName]: narrowedProps[propName]
+          };
+        }
+      });
+    }
+    const {
+      mappingsCallback,
+      addDependencies
+    } = (0, _useDependencies.useDependencies)(({
+      dependencies,
+      updateTheme,
+      updateRuntime
+    }) => {
+      const listensToTheme = dependencies.includes(_specs.UnistyleDependency.Theme);
+      // @ts-expect-error - this is hidden from TS
+      const dispose = _specs.StyleSheet.addChangeListener(changedDependencies => {
+        if (listensToTheme && changedDependencies.includes(_specs.UnistyleDependency.Theme)) {
+          updateTheme();
+        }
+        if (changedDependencies.some(dependency => dependencies.includes(dependency))) {
+          _types.SUPPORTED_STYLE_PROPS.forEach(propName => {
+            if (narrowedProps?.[propName]) {
+              stylesRef.current = {
+                ...stylesRef.current,
+                // @ts-expect-error - this is hidden from TS
+                [propName]: props[propName].__proto__?.getStyle?.() || props[propName]
+              };
+              isForcedRef.current = true;
+            }
+          });
+          updateRuntime();
+        }
+      });
+      return () => dispose();
+    });
+    (0, _react.useEffect)(() => {
+      const styleDependencies = narrowedProps.style?.__proto__.uni__dependencies ?? [];
+      const contentContainerStyleDependencies = narrowedProps.contentContainerStyle?.__proto__.uni__dependencies ?? [];
+      addDependencies([...styleDependencies, ...contentContainerStyleDependencies]);
+    }, [narrowedProps.style, narrowedProps.contentContainerStyle]);
+    const mappingProps = mappings ? mappingsCallback(mappings) : {};
+    const unistyleProps = narrowedProps.uniProps ? mappingsCallback(narrowedProps.uniProps) : {};
+    const finalProps = (0, _utils.deepMergeObjects)(mappingProps, unistyleProps, props);
+
+    // override with Unistyles styles
+    _types.SUPPORTED_STYLE_PROPS.forEach(propName => {
+      if (finalProps[propName]) {
+        finalProps[propName] = stylesRef.current[propName];
+      }
+    });
+    isForcedRef.current = false;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeComponent, {
+      ...finalProps,
+      ref: ref
+    });
+  });
+};
+exports.withUnistyles = withUnistyles;
+//# sourceMappingURL=withUnistyles.native.js.map

package/lib/commonjs/core/withUnistyles/withUnistyles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_types","_useDependencies","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","withUnistyles","Component","mappings","forwardRef","props","ref","narrowedProps","stylesRef","useRef","isForcedRef","NativeComponent","current","SUPPORTED_STYLE_PROPS","forEach","propName","Array","isArray","console","error","displayName","__unistyles_name","getStyle","mappingsCallback","addDependencies","useDependencies","dependencies","updateTheme","updateRuntime","listensToTheme","includes","UnistyleDependency","Theme","dispose","StyleSheet","addChangeListener","changedDependencies","some","dependency","useEffect","styleDependencies","style","uni__dependencies","contentContainerStyleDependencies","contentContainerStyle","mappingProps","unistyleProps","uniProps","finalProps","deepMergeObjects","jsx","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.native.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useMedia", {
+  enumerable: true,
+  get: function () {
+    return _useMedia.useMedia;
+  }
+});
+var _useMedia = require("./useMedia");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useMedia","require"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/hooks/useMedia.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMedia = void 0;
+var _react = require("react");
+var _mq = require("../mq");
+const useMedia = config => {
+  const disposeRef = (0, _react.useRef)(() => {});
+  const [isVisible, setIsVisible] = (0, _react.useState)(() => {
+    const maybeMq = config.mq;
+    if (!(0, _mq.isUnistylesMq)(maybeMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq: ${maybeMq}`);
+      return false;
+    }
+    const parsedMq = (0, _mq.parseMq)(maybeMq);
+    if (!(0, _mq.isValidMq)(parsedMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq where min is greater than max: ${maybeMq}`);
+      return false;
+    }
+    const {
+      minWidth,
+      maxWidth,
+      minHeight,
+      maxHeight
+    } = parsedMq;
+    const mediaQuery = [minWidth !== undefined ? `(min-width: ${minWidth}px)` : undefined, maxWidth !== undefined ? `(max-width: ${maxWidth}px)` : undefined, minHeight !== undefined ? `(min-height: ${minHeight}px)` : undefined, maxHeight !== undefined ? `(max-height: ${maxHeight}px)` : undefined].filter(Boolean).join(' and ');
+    const media = window.matchMedia(mediaQuery);
+    const handler = event => setIsVisible(event.matches);
+    media.addEventListener('change', handler);
+    disposeRef.current = () => media.removeEventListener('change', handler);
+    return media.matches;
+  });
+
+  // Unmount
+  (0, _react.useEffect)(() => () => disposeRef.current(), []);
+  return {
+    isVisible
+  };
+};
+exports.useMedia = useMedia;
+//# sourceMappingURL=useMedia.js.map

package/lib/commonjs/hooks/useMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_mq","useMedia","config","disposeRef","useRef","isVisible","setIsVisible","useState","maybeMq","mq","isUnistylesMq","console","error","parsedMq","parseMq","isValidMq","minWidth","maxWidth","minHeight","maxHeight","mediaQuery","undefined","filter","Boolean","join","media","window","matchMedia","handler","event","matches","addEventListener","current","removeEventListener","useEffect","exports"],"sourceRoot":"../../../src","sources":["hooks/useMedia.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AAEO,MAAME,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAC,MAAM,CAAC,CAAC,CAAC;EACnC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC7C,MAAMC,OAAO,GAAGN,MAAM,CAACO,EAAuB;IAE9C,IAAI,CAAC,IAAAC,iBAAa,EAACF,OAAO,CAAC,EAAE;MACzBG,OAAO,CAACC,KAAK,CAAC,sCAAsCJ,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMK,QAAQ,GAAG,IAAAC,WAAO,EAACN,OAAO,CAAC;IAEjC,IAAI,CAAC,IAAAO,aAAS,EAACF,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEJ,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEQ,QAAQ;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAU,CAAC,GAAGN,QAAQ;IAE7D,MAAMO,UAAU,GAAG,CACfJ,QAAQ,KAAKK,SAAS,GAAG,eAAeL,QAAQ,KAAK,GAAGK,SAAS,EACjEJ,QAAQ,KAAKI,SAAS,GAAG,eAAeJ,QAAQ,KAAK,GAAGI,SAAS,EACjEH,SAAS,KAAKG,SAAS,GAAG,gBAAgBH,SAAS,KAAK,GAAGG,SAAS,EACpEF,SAAS,KAAKE,SAAS,GAAG,gBAAgBF,SAAS,KAAK,GAAGE,SAAS,CACvE,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,OAAO,CAAC;IAE/B,MAAMC,KAAK,GAAGC,MAAM,CAACC,UAAU,CAACP,UAAU,CAAC;IAC3C,MAAMQ,OAAO,GAAIC,KAA0B,IAAKvB,YAAY,CAACuB,KAAK,CAACC,OAAO,CAAC;IAE3EL,KAAK,CAACM,gBAAgB,CAAC,QAAQ,EAAEH,OAAO,CAAC;IACzCzB,UAAU,CAAC6B,OAAO,GAAG,MAAMP,KAAK,CAACQ,mBAAmB,CAAC,QAAQ,EAAEL,OAAO,CAAC;IAEvE,OAAOH,KAAK,CAACK,OAAO;EACxB,CAAC,CAAC;;EAEF;EACA,IAAAI,gBAAS,EAAC,MAAM,MAAM/B,UAAU,CAAC6B,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,OAAO;IACH3B;EACJ,CAAC;AACL,CAAC;AAAA8B,OAAA,CAAAlC,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/hooks/useMedia.native.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMedia = void 0;
+var _react = require("react");
+var _specs = require("../specs");
+var _mq = require("../mq");
+const useMedia = config => {
+  const computeIsVisible = () => {
+    const maybeMq = config.mq;
+    if (!(0, _mq.isUnistylesMq)(maybeMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq: ${maybeMq}`);
+      return false;
+    }
+    const parsedMq = (0, _mq.parseMq)(maybeMq);
+    if (!(0, _mq.isValidMq)(parsedMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq where min is greater than max: ${maybeMq}`);
+      return false;
+    }
+    const {
+      width,
+      height
+    } = _specs.UnistylesRuntime.screen;
+    if (parsedMq.minWidth !== undefined && width < parsedMq.minWidth) {
+      return false;
+    }
+    if (parsedMq.maxWidth !== undefined && width > parsedMq.maxWidth) {
+      return false;
+    }
+    if (parsedMq.minHeight !== undefined && height < parsedMq.minHeight) {
+      return false;
+    }
+    if (parsedMq.maxHeight !== undefined && height > parsedMq.maxHeight) {
+      return false;
+    }
+    return true;
+  };
+  const [isVisible, setIsVisible] = (0, _react.useState)(computeIsVisible());
+  (0, _react.useEffect)(() => {
+    setIsVisible(computeIsVisible());
+  }, [config.mq]);
+  (0, _react.useLayoutEffect)(() => {
+    // @ts-expect-error - this is hidden from TS
+    const removeChangeListener = _specs.StyleSheet.addChangeListener(dependencies => {
+      if (dependencies.includes(_specs.UnistyleDependency.Breakpoints)) {
+        setIsVisible(computeIsVisible());
+      }
+    });
+    return () => {
+      removeChangeListener();
+    };
+  }, [config.mq]);
+  return {
+    isVisible
+  };
+};
+exports.useMedia = useMedia;
+//# sourceMappingURL=useMedia.native.js.map

package/lib/commonjs/hooks/useMedia.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_specs","_mq","useMedia","config","computeIsVisible","maybeMq","mq","isUnistylesMq","console","error","parsedMq","parseMq","isValidMq","width","height","UnistylesRuntime","screen","minWidth","undefined","maxWidth","minHeight","maxHeight","isVisible","setIsVisible","useState","useEffect","useLayoutEffect","removeChangeListener","StyleSheet","addChangeListener","dependencies","includes","UnistyleDependency","Breakpoints","exports"],"sourceRoot":"../../../src","sources":["hooks/useMedia.native.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AAEO,MAAMG,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,gBAAgB,GAAGA,CAAA,KAAe;IACpC,MAAMC,OAAO,GAAGF,MAAM,CAACG,EAAuB;IAE9C,IAAI,CAAC,IAAAC,iBAAa,EAACF,OAAO,CAAC,EAAE;MACzBG,OAAO,CAACC,KAAK,CAAC,sCAAsCJ,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMK,QAAQ,GAAG,IAAAC,WAAO,EAACN,OAAO,CAAC;IAEjC,IAAI,CAAC,IAAAO,aAAS,EAACF,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEJ,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEQ,KAAK;MAAEC;IAAO,CAAC,GAAGC,uBAAgB,CAACC,MAAM;IAEjD,IAAIN,QAAQ,CAACO,QAAQ,KAAKC,SAAS,IAAIL,KAAK,GAAGH,QAAQ,CAACO,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIP,QAAQ,CAACS,QAAQ,KAAKD,SAAS,IAAIL,KAAK,GAAGH,QAAQ,CAACS,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIT,QAAQ,CAACU,SAAS,KAAKF,SAAS,IAAIJ,MAAM,GAAGJ,QAAQ,CAACU,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,IAAIV,QAAQ,CAACW,SAAS,KAAKH,SAAS,IAAIJ,MAAM,GAAGJ,QAAQ,CAACW,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,OAAO,IAAI;EACf,CAAC;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAiBpB,gBAAgB,CAAC,CAAC,CAAC;EAE9E,IAAAqB,gBAAS,EAAC,MAAM;IACZF,YAAY,CAACnB,gBAAgB,CAAC,CAAC,CAAC;EACpC,CAAC,EAAE,CAACD,MAAM,CAACG,EAAE,CAAC,CAAC;EAEf,IAAAoB,sBAAe,EAAC,MAAM;IAClB;IACA,MAAMC,oBAAoB,GAAGC,iBAAU,CAACC,iBAAiB,CAAEC,YAAuC,IAAK;MACnG,IAAIA,YAAY,CAACC,QAAQ,CAACC,yBAAkB,CAACC,WAAW,CAAC,EAAE;QACvDV,YAAY,CAACnB,gBAAgB,CAAC,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTuB,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,CAACxB,MAAM,CAACG,EAAE,CAAC,CAAC;EAEf,OAAO;IACHgB;EACJ,CAAC;AACL,CAAC;AAAAY,OAAA,CAAAhC,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -4,15 +4,56 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  mq: true
+  mq: true,
+  createUnistylesComponent: true,
+  withUnistyles: true,
+  Display: true,
+  Hide: true,
+  Variants: true,
+  ScopedTheme: true
 };
+Object.defineProperty(exports, "Display", {
+  enumerable: true,
+  get: function () {
+    return _components.Display;
+  }
+});
+Object.defineProperty(exports, "Hide", {
+  enumerable: true,
+  get: function () {
+    return _components.Hide;
+  }
+});
+Object.defineProperty(exports, "ScopedTheme", {
+  enumerable: true,
+  get: function () {
+    return _components.ScopedTheme;
+  }
+});
+Object.defineProperty(exports, "Variants", {
+  enumerable: true,
+  get: function () {
+    return _components.Variants;
+  }
+});
+Object.defineProperty(exports, "createUnistylesComponent", {
+  enumerable: true,
+  get: function () {
+    return _core.createUnistylesComponent;
+  }
+});
 Object.defineProperty(exports, "mq", {
   enumerable: true,
   get: function () {
     return _mq.mq;
   }
 });
-var _react = _interopRequireDefault(require("react"));
+Object.defineProperty(exports, "withUnistyles", {
+  enumerable: true,
+  get: function () {
+    return _core.withUnistyles;
+  }
+});
 var _specs = require("./specs");
 Object.keys(_specs).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -26,13 +67,6 @@ Object.keys(_specs).forEach(function (key) {
   });
 });
 var _mq = require("./mq");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// todo verify true min version
-const minReactVersionRequiredByUnistyles = '18.3.1';
-if (_react.default.version < minReactVersionRequiredByUnistyles) {
-  throw new Error(`
-        You are using an outdated version of React (${_react.default.version}).
-        Unistyles requires at least React ${minReactVersionRequiredByUnistyles}.
-    `);
-}
+var _core = require("./core");
+var _components = require("./components");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_specs","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_mq","e","__esModule","default","minReactVersionRequiredByUnistyles","React","version","Error"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,GAAA,GAAAd,OAAA;AAAyB,SAAAD,uBAAAgB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGzB;AACA,MAAMG,kCAAkC,GAAG,QAAQ;AAEnD,IAAIC,cAAK,CAACC,OAAO,GAAGF,kCAAkC,EAAE;EACpD,MAAM,IAAIG,KAAK,CAAC;AACpB,sDAAsDF,cAAK,CAACC,OAAO;AACnE,4CAA4CF,kCAAkC;AAC9E,KAAK,CAAC;AACN","ignoreList":[]}
+{"version":3,"names":["_specs","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_mq","_core","_components"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,GAAA,GAAAb,OAAA;AAEA,IAAAc,KAAA,GAAAd,OAAA;AAEA,IAAAe,WAAA,GAAAf,OAAA","ignoreList":[]}

package/lib/commonjs/mq.js

@@ -3,7 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mq = void 0;
+exports.parseMq = exports.mq = exports.isValidMq = exports.isUnistylesMq = void 0;
+var _specs = require("./specs");
+const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+const UNISTYLES_WIDTH_REGEX = /:(w)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+const UNISTYLES_HEIGHT_REGEX = /:(h)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
 const getMQValue = value => {
   if (typeof value === 'number') {
     return value;
@@ -11,17 +15,7 @@ const getMQValue = value => {
   if (value === null) {
     return 0;
   }
-
-  // todo take it from js
-  const breakpoints = {
-    xs: 0,
-    sm: 300,
-    md: 500,
-    lg: 800,
-    xl: 1200
-  };
-
-  // @ts-ignore
+  const breakpoints = _specs.UnistylesRuntime.breakpoints;
   return breakpoints[value] ?? 0;
 };
 
@@ -31,18 +25,37 @@ const getMQValue = value => {
  */
 const mq = exports.mq = {
   only: {
-    width: (wMin = 0, wMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]`,
-    height: (hMin = 0, hMax = Infinity) => `:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
+    width: (wMin = 0, wMax = Number.POSITIVE_INFINITY) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]`,
+    height: (hMin = 0, hMax = Number.POSITIVE_INFINITY) => `:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
   },
-  width: (wMin = 0, wMax = Infinity) => ({
+  width: (wMin = 0, wMax = Number.POSITIVE_INFINITY) => ({
     and: {
-      height: (hMin = 0, hMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
+      height: (hMin = 0, hMax = Number.POSITIVE_INFINITY) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
     }
   }),
-  height: (hMin = 0, hMax = Infinity) => ({
+  height: (hMin = 0, hMax = Number.POSITIVE_INFINITY) => ({
     and: {
-      width: (wMin = 0, wMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
+      width: (wMin = 0, wMax = Number.POSITIVE_INFINITY) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
     }
   })
 };
+const parseMq = mq => {
+  const [, width, fromW, toW] = UNISTYLES_WIDTH_REGEX.exec(mq) || [];
+  const [, height, fromH, toH] = UNISTYLES_HEIGHT_REGEX.exec(mq) || [];
+  return {
+    minWidth: !width || fromW === 'Infinity' ? undefined : Number(fromW),
+    maxWidth: !width || toW === 'Infinity' ? undefined : Number(toW),
+    minHeight: !height || fromH === 'Infinity' ? undefined : Number(fromH),
+    maxHeight: !height || toH === 'Infinity' ? undefined : Number(toH)
+  };
+};
+exports.parseMq = parseMq;
+const isUnistylesMq = mq => IS_UNISTYLES_REGEX.test(mq);
+exports.isUnistylesMq = isUnistylesMq;
+const isValidMq = parsedMQ => {
+  const isWidthValid = parsedMQ.minWidth === undefined || parsedMQ.maxWidth === undefined || parsedMQ.minWidth <= parsedMQ.maxWidth;
+  const isHeightValid = parsedMQ.minHeight === undefined || parsedMQ.maxHeight === undefined || parsedMQ.minHeight <= parsedMQ.maxHeight;
+  return isWidthValid && isHeightValid;
+};
+exports.isValidMq = isValidMq;
 //# sourceMappingURL=mq.js.map

package/lib/commonjs/mq.js.map

@@ -1 +1 @@
-{"version":3,"names":["getMQValue","value","breakpoints","xs","sm","md","lg","xl","mq","exports","only","width","wMin","wMax","Infinity","height","hMin","hMax","and"],"sourceRoot":"../../src","sources":["mq.ts"],"mappings":";;;;;;AAsBA,MAAMA,UAAU,GAAIC,KAAwB,IAAK;EAC7C,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOA,KAAK;EAChB;EAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;IAChB,OAAO,CAAC;EACZ;;EAEA;EACA,MAAMC,WAAW,GAAG;IAChBC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,GAAG;IACPC,EAAE,EAAE,GAAG;IACPC,EAAE,EAAE,GAAG;IACPC,EAAE,EAAE;EACR,CAAC;;EAED;EACA,OAAOL,WAAW,CAACD,KAAK,CAAC,IAAI,CAAC;AAClC,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMO,EAAa,GAAAC,OAAA,CAAAD,EAAA,GAAG;EACzBE,IAAI,EAAE;IACFC,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,QAAQ,KAAM,MAAMd,UAAU,CAACY,IAAI,CAAC,KAAKZ,UAAU,CAACa,IAAI,CAAC,GAAyB;IACvIE,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGH,QAAQ,KAAM,MAAMd,UAAU,CAACgB,IAAI,CAAC,KAAKhB,UAAU,CAACiB,IAAI,CAAC;EACnH,CAAC;EACDN,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,QAAQ,MAAM;IAC/DI,GAAG,EAAE;MACDH,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGH,QAAQ,KACzD,MAAMd,UAAU,CAACY,IAAI,CAAC,KAAKZ,UAAU,CAACa,IAAI,CAAC,OAAOb,UAAU,CAACgB,IAAI,CAAC,KAAKhB,UAAU,CAACiB,IAAI,CAAC;IAChG;EACJ,CAAC,CAAC;EACFF,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGH,QAAQ,MAAM;IAChEI,GAAG,EAAE;MACDP,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,QAAQ,KACxD,MAAMd,UAAU,CAACY,IAAI,CAAC,KAAKZ,UAAU,CAACa,IAAI,CAAC,OAAOb,UAAU,CAACgB,IAAI,CAAC,KAAKhB,UAAU,CAACiB,IAAI,CAAC;IAChG;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["_specs","require","IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","getMQValue","value","breakpoints","UnistylesRuntime","mq","exports","only","width","wMin","wMax","Number","POSITIVE_INFINITY","height","hMin","hMax","and","parseMq","fromW","toW","exec","fromH","toH","minWidth","undefined","maxWidth","minHeight","maxHeight","isUnistylesMq","test","isValidMq","parsedMQ","isWidthValid","isHeightValid"],"sourceRoot":"../../src","sources":["mq.ts"],"mappings":"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","ignoreList":[]}