react-native-unistyles 3.0.0-alpha.7 → 3.0.0-alpha.8

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

@@ -0,0 +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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAEA,MAAMK,qBAAqB,CAAC;EACPC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC1BC,IAAI,GAAG,EAAE;EAElBC,MAAM,GAAG,IAAIC,GAAG,CAAyB,CAAC;EAM1CC,iBAAiB,GAAG,KAAK;EAEzBC,IAAI,GAAIC,MAAuB,IAAK;IAChC,IAAI,CAACC,UAAU,CAACD,MAAM,CAACJ,MAAM,CAAC;IAC9B,IAAI,CAACM,eAAe,CAACF,MAAM,CAACG,WAAW,CAAC;IACxC,IAAI,CAACC,YAAY,CAACJ,MAAM,CAACK,QAAQ,CAAC;IAElC,IAAI,IAAI,CAACZ,KAAK,EAAE;MACZ;IACJ;IAEAa,2BAAiB,CAACC,aAAa,CAAC,CAAC;EACrC,CAAC;EAEON,UAAU,GAAGA,CAACL,MAAM,GAAG,CAAC,CAAoB,KAAK;IACrDY,MAAM,CAACC,OAAO,CAACb,MAAM,CAAC,CAACc,OAAO,CAAC,CAAC,CAACC,SAAS,EAAEC,KAAK,CAAC,KAAK;MACnD,IAAI,CAAChB,MAAM,CAACiB,GAAG,CAACF,SAAS,EAAEC,KAAK,CAAC;IACrC,CAAC,CAAC;EACN,CAAC;EAEOR,YAAY,GAAIC,QAAqC,IAAK;IAC9D,IAAI,CAACP,iBAAiB,GAAGO,QAAQ,EAAES,cAAc,IAAI,KAAK;IAC1D,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACrB,MAAM,CAACsB,IAAI,CAAC,CAAC,CAAwB;;IAExE;IACA,IAAI,CAACb,QAAQ,EAAES,cAAc,IAAI,CAACT,QAAQ,EAAEc,YAAY,IAAIJ,UAAU,CAACK,MAAM,KAAK,CAAC,EAAE;MACjF,IAAI,CAACT,SAAS,GAAGI,UAAU,CAAC,CAAC,CAAC;MAE9B;IACJ;;IAEA;IACA,IAAI,CAACV,QAAQ,EAAES,cAAc,IAAI,CAACT,QAAQ,EAAEc,YAAY,EAAE;MACtD,MAAM,IAAIE,KAAK,CAAC,iFAAiF,CAAC;IACtG;;IAEA;IACA,IAAIhB,QAAQ,CAACS,cAAc,EAAE;MACzB,IAAI,CAACH,SAAS,GAAG,IAAAW,oBAAa,EAACC,yBAAgB,CAACC,WAAW,CAAC;MAE5D;IACJ;;IAEA;IACA,IAAI,CAACb,SAAS,GAAG,OAAON,QAAQ,CAACc,YAAY,KAAK,UAAU,GAAGd,QAAQ,CAACc,YAAY,CAAC,CAAC,GAAGd,QAAQ,CAACc,YAAY;EAClH,CAAC;EAEOjB,eAAe,GAAGA,CAACC,WAAW,GAAG,CAAC,CAAyB,KAAK;IACpE,MAAMsB,cAAc,GAAG,IAAI5B,GAAG,CAAyB,CAAC;IAExD,IAAI,CAACM,WAAW,GAAGA,WAAW;IAE9BK,MAAM,CAACC,OAAO,CAACN,WAAW,CAAC,CACtBuB,IAAI,CAAC,CAAC,GAAGC,CAAC,CAAC,EAAE,GAAGC,CAAC,CAAC,KAAKD,CAAC,GAAGC,CAAC,CAAC,CAC7BlB,OAAO,CAAC,CAAC,CAACmB,UAAU,EAAEC,KAAK,CAAC,KAAK;MAC9B,IAAI,IAAApC,eAAQ,EAAC,CAAC,EAAE;QACZ;MACJ;MAEA,MAAMqC,UAAU,GAAGC,MAAM,CAACC,UAAU,CAAC,eAAeH,KAAK,KAAK,CAAC;MAC/DL,cAAc,CAACZ,GAAG,CAACgB,UAAU,EAAEE,UAAU,CAAC;MAE1C,IAAIA,UAAU,CAACG,OAAO,EAAE;QACpB,IAAI,CAACL,UAAU,GAAGA,UAA2B;MACjD;MAEAE,UAAU,CAACI,gBAAgB,CAAC,QAAQ,EAAEC,KAAK,IAAI;QAC3C,IAAI,CAACA,KAAK,CAACF,OAAO,EAAE;UAChB,MAAM,CAACG,iBAAiB,CAAC,GAAGrB,KAAK,CAACC,IAAI,CAACQ,cAAc,CAAC,CAACa,IAAI,CAAC,CAAC,GAAEC,EAAE,CAAC,KAAKA,EAAE,CAACL,OAAO,CAAC,IAAI,EAAE;UAExF,IAAIG,iBAAiB,EAAE;YACnB,IAAI,CAACR,UAAU,GAAGQ,iBAAkC;YACpD/B,2BAAiB,CAACkC,UAAU,CAACC,kCAAkB,CAACC,WAAW,CAAC;UAChE;UAEA;QACJ;QAEA,IAAI,CAACb,UAAU,GAAGA,UAA2B;QAC7CvB,2BAAiB,CAACkC,UAAU,CAACC,kCAAkB,CAACC,WAAW,CAAC;MAChE,CAAC,CAAC;IACN,CAAC,CAAC;EACV,CAAC;EAEDC,SAASA,CAAA,EAAG;IACR,IAAI,CAAC,IAAI,CAAClD,KAAK,EAAE;MACb,MAAMmD,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;MAE3CD,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACJ,GAAG,CAAC;MAE9B,OAAOA,GAAG;IACd;IAEA,MAAMK,MAAM,GAAG,IAAIC,KAAK,cAAC,IAAAC,gBAAS,EAAmB,CAAC,EAAE;MACpDtC,GAAG,EAAEA,CAACuC,MAAM,EAAEC,IAAI,EAAEvB,KAAK,KAAK;QAC1B;QACA,IAAI,aAAa,IAAIA,KAAK,EAAE;UACxBA,KAAK,CAACwB,WAAW,GAAGV,GAAG,CAACU,WAAW;QACvC;QAEA,OAAOC,OAAO,CAAC1C,GAAG,CAACuC,MAAM,EAAEC,IAAI,EAAEvB,KAAK,CAAC;MAC3C;IACJ,CAAC,CAAC;IACF,MAAM0B,UAAU,gBAAG,IAAAV,oBAAa,EAAC,OAAO,EAAE;MAAEW,GAAG,EAAER,MAAM;MAAES,GAAG,EAAE,IAAI,CAAC/D,IAAI,CAACyB;IAAO,CAAC,EAAE,EAAE,CAAC;IACrF,MAAMwB,GAAG,GAAG,IAAIM,KAAK,CAAC;MAAEI,WAAW,EAAE;IAAG,CAAC,EAAE;MACvCzC,GAAG,EAAEA,CAACuC,MAAM,EAAEC,IAAI,EAAEvB,KAAK,KAAK;QAC1B,IAAIuB,IAAI,KAAK,aAAa,EAAE;UACxB,OAAO,KAAK;QAChB;;QAEA;QACAD,MAAM,CAACE,WAAW,GAAGxB,KAAK;QAE1B,IAAImB,MAAM,CAACU,OAAO,EAAE;UAChBV,MAAM,CAACU,OAAO,CAACL,WAAW,GAAGxB,KAAK;QACtC;QAEA,OAAO,IAAI;MACf;IACJ,CAAC,CAAC;IAEF,IAAI,CAACnC,IAAI,CAACiE,IAAI,CAACJ,UAAU,CAAC;IAE1B,OAAOZ,GAAG;EACd;AACJ;AAEO,MAAMiB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAIrE,qBAAqB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/web/utils.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.warn = exports.toReactNativeClassName = exports.schemeToTheme = exports.reduceObject = exports.keyInObject = exports.isServer = exports.hexToRGBA = exports.equal = exports.deepMergeObjects = void 0;
+var _types = require("../specs/types");
+const reduceObject = (obj, reducer) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, reducer(value, key)]));
+exports.reduceObject = reduceObject;
+const toReactNativeClassName = (className, values) => {
+  const returnValue = className ? {
+    $$css: true,
+    [className]: className
+  } : {};
+  Object.defineProperties(returnValue, reduceObject(values, value => ({
+    value,
+    enumerable: false,
+    configurable: true
+  })));
+  return returnValue;
+};
+exports.toReactNativeClassName = toReactNativeClassName;
+const keyInObject = (obj, key) => key in obj;
+exports.keyInObject = keyInObject;
+const schemeToTheme = scheme => {
+  switch (scheme) {
+    case _types.ColorScheme.Dark:
+      return 'dark';
+    case _types.ColorScheme.Light:
+    default:
+      return 'light';
+  }
+};
+exports.schemeToTheme = schemeToTheme;
+const hexToRGBA = (hex, opacity) => hex.replace('#', '').split(/(?=(?:..)*$)/).map(x => parseInt(x, 16)).filter(num => !isNaN(num)).reduce((acc, color) => `${acc}${color},`, 'rgba(').concat(`${opacity})`);
+exports.hexToRGBA = hexToRGBA;
+const isServer = () => typeof window === 'undefined';
+
+/**
+* Deeply merges properties of passed object
+*/
+exports.isServer = isServer;
+const deepMergeObjects = (...sources) => {
+  const target = {};
+  sources.forEach(source => {
+    Object.keys(source).forEach(key => {
+      const sourceValue = source[key];
+      const targetValue = target[key];
+      if (Object(sourceValue) == sourceValue && Object(targetValue) === targetValue) {
+        // @ts-expect-error - can't assign to generic
+        target[key] = deepMergeObjects(targetValue, sourceValue);
+        return;
+      }
+
+      // @ts-expect-error - can't assign to generic
+      target[key] = sourceValue;
+    });
+  });
+  return target;
+};
+exports.deepMergeObjects = deepMergeObjects;
+const warn = message => console.warn(`🦄 [react-native-unistyles] ${message}`);
+exports.warn = warn;
+const equal = (a, b) => {
+  if (Object.is(a, b)) {
+    return true;
+  }
+  if (typeof a !== 'object' || a === null || typeof b !== 'object' || b === null) {
+    return false;
+  }
+  const keysA = Object.keys(a);
+  if (keysA.length !== Object.keys(b).length) {
+    return false;
+  }
+  return keysA.every(key => Object.is(a[key], b[key]) && Object.prototype.hasOwnProperty.call(b, key));
+};
+exports.equal = equal;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","reduceObject","obj","reducer","Object","fromEntries","entries","map","key","value","exports","toReactNativeClassName","className","values","returnValue","$$css","defineProperties","enumerable","configurable","keyInObject","schemeToTheme","scheme","ColorScheme","Dark","Light","hexToRGBA","hex","opacity","replace","split","x","parseInt","filter","num","isNaN","reduce","acc","color","concat","isServer","window","deepMergeObjects","sources","target","forEach","source","keys","sourceValue","targetValue","warn","message","console","equal","a","b","is","keysA","length","every","prototype","hasOwnProperty","call"],"sourceRoot":"../../../src","sources":["web/utils.ts"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","hasVariants","value","getVariants","styles","selectedVariants","Object","entries","filter","_key","variants","keys","some","variant","map","key","compoundVariants","variantStyles","flatMap","selectedVariant","selectedVariantStyles","compoundVariantStyles","compoundVariant","conditions","String","mergedVariantStyles","deepMergeObjects","exports"],"sourceRoot":"../../../../src","sources":["web/variants/getVariants.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,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,GAAG,IAAAC,uBAAgB,EAAC,GAAGT,aAAa,EAAE,GAAGI,qBAAqB,CAAC;IAExF,OAAO,CAACN,GAAG,EAAEU,mBAAmB,CAAC;EACrC,CAAC,CAAC;AACV,CAAC;AAAAE,OAAA,CAAAxB,WAAA,GAAAA,WAAA","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUseVariants = void 0;
+var _react = require("react");
+var _utils = require("../utils");
+var _registry = require("../registry");
+var _getVariants = require("./getVariants");
+const createUseVariants = (styles, setSelectedVariants) => {
+  const useVariants = selectedVariants => {
+    const [unistylesMap] = (0, _react.useState)(() => new Map());
+    const [classNameMap] = (0, _react.useState)(() => new Map());
+    const [selectedVariantStylesMap] = (0, _react.useState)(() => new Map());
+    const lastSelectedVariantsRef = (0, _react.useRef)();
+    // Variable that determines if variants have changed and we need to recalculate styles
+    const variantsChanged = !(0, _utils.equal)(lastSelectedVariantsRef.current, selectedVariants);
+    if (variantsChanged) {
+      lastSelectedVariantsRef.current = selectedVariants;
+      setSelectedVariants(selectedVariants);
+    }
+    const combinedVariantStyles = (0, _react.useMemo)(() => {
+      const result = (0, _getVariants.getVariants)(styles, selectedVariants);
+      result.forEach(([key, value]) => {
+        selectedVariantStylesMap.set(key, value);
+      });
+      return result;
+    }, [lastSelectedVariantsRef.current]);
+    if (unistylesMap.size === 0 && combinedVariantStyles.length > 0) {
+      combinedVariantStyles.forEach(([key, value]) => {
+        const {
+          className,
+          unistyles
+        } = _registry.UnistylesRegistry.createStyles(value, `variant-${key}`);
+        unistylesMap.set(key, unistyles);
+        classNameMap.set(key, className);
+      });
+    }
+    combinedVariantStyles.forEach(([key, value]) => {
+      const styleEntry = styles[key];
+      const unistyles = unistylesMap.get(key);
+      const className = classNameMap.get(key);
+      const selectedVariantStyles = selectedVariantStylesMap.get(key);
+      if (!unistyles || !className) {
+        return;
+      }
+      if (variantsChanged) {
+        _registry.UnistylesRegistry.updateStyles(unistyles, value, className);
+      }
+      Object.defineProperties(styleEntry, (0, _utils.reduceObject)(selectedVariantStyles ?? {}, value => ({
+        value,
+        enumerable: false,
+        configurable: true
+      })));
+      if (styleEntry) {
+        Object.keys(styleEntry ?? {}).forEach(key => {
+          if (!key.startsWith('variant-')) {
+            return;
+          }
+
+          // @ts-expect-error - remove old variants
+          delete styleEntry[key];
+        });
+        // @ts-expect-error - apply variant className
+        styleEntry[className] = className;
+      }
+    });
+  };
+  Object.defineProperty(styles, 'useVariants', {
+    value: useVariants
+  });
+};
+exports.createUseVariants = createUseVariants;
+//# sourceMappingURL=useVariants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_registry","_getVariants","createUseVariants","styles","setSelectedVariants","useVariants","selectedVariants","unistylesMap","useState","Map","classNameMap","selectedVariantStylesMap","lastSelectedVariantsRef","useRef","variantsChanged","equal","current","combinedVariantStyles","useMemo","result","getVariants","forEach","key","value","set","size","length","className","unistyles","UnistylesRegistry","createStyles","styleEntry","get","selectedVariantStyles","updateStyles","Object","defineProperties","reduceObject","enumerable","configurable","keys","startsWith","defineProperty","exports"],"sourceRoot":"../../../../src","sources":["web/variants/useVariants.ts"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 "use strict";
 
 export const getSSRUnistyles = () => [];
-export * from '../../web';
+export * from '../web';
 //# sourceMappingURL=index.web.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getSSRUnistyles"],"sourceRoot":"../../../src","sources":["specs/index.web.ts"],"mappings":";;AAEA,OAAO,MAAMA,eAAe,GAAGA,CAAA,KAAM,EAAyB;AAE9D,cAAc,WAAW","ignoreList":[]}
+{"version":3,"names":["getSSRUnistyles"],"sourceRoot":"../../../src","sources":["specs/index.web.ts"],"mappings":";;AAEA,OAAO,MAAMA,eAAe,GAAGA,CAAA,KAAM,EAAyB;AAE9D,cAAc,QAAQ","ignoreList":[]}

package/lib/module/web/convert/boxShadow.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { media } from 'typestyle';
+import { deepMergeObjects, warn } from '../utils';
+import { validateShadow } from './shadow';
+import { convertBreakpoint } from './breakpoint';
+import { BOX_SHADOW_STYLES } from './types';
+import { extractShadowValue, normalizeColor, normalizeNumericValue } from './utils';
+const createBoxShadowValue = style => {
+  // at this point every prop is present
+  const {
+    shadowColor,
+    shadowOffset,
+    shadowOpacity,
+    shadowRadius
+  } = style;
+  const offsetX = normalizeNumericValue(shadowOffset.width);
+  const offsetY = normalizeNumericValue(shadowOffset.height);
+  const radius = normalizeNumericValue(shadowRadius);
+  const color = normalizeColor(shadowColor, shadowOpacity);
+  return `${offsetX} ${offsetY} ${radius} ${color}`;
+};
+export const getBoxShadowStyle = styles => {
+  const missingStyles = BOX_SHADOW_STYLES.filter(key => !(key in styles));
+  if (missingStyles.length) {
+    warn(`can't apply box shadow as you miss these properties: ${missingStyles.join(', ')}`);
+    return {};
+  }
+  const breakpointsSet = new Set();
+  try {
+    validateShadow(BOX_SHADOW_STYLES, styles, breakpointsSet);
+  } catch (error) {
+    if (typeof error === 'string') {
+      warn(error);
+    }
+    return {};
+  }
+  const breakpoints = Array.from(breakpointsSet);
+
+  // If no breakpoints were used return styles without media queries
+  if (breakpoints.length === 0) {
+    return {
+      boxShadow: createBoxShadowValue(styles)
+    };
+  }
+
+  // Create boxShadow for each breakpoint
+  const breakpointStyles = breakpoints.map(breakpoint => {
+    const color = extractShadowValue('shadowColor', breakpoint, styles);
+    const {
+      width,
+      height
+    } = extractShadowValue('shadowOffset', breakpoint, styles);
+    const radius = extractShadowValue('shadowRadius', breakpoint, styles);
+    const opacity = extractShadowValue('shadowOpacity', breakpoint, styles);
+    return media(convertBreakpoint(breakpoint), {
+      boxShadow: createBoxShadowValue({
+        shadowColor: color,
+        shadowOffset: {
+          width,
+          height
+        },
+        shadowRadius: radius,
+        shadowOpacity: opacity
+      })
+    });
+  });
+
+  // Merge all breakpoints styles into one
+  return deepMergeObjects(...breakpointStyles);
+};
+//# sourceMappingURL=boxShadow.js.map

package/lib/module/web/convert/boxShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["media","deepMergeObjects","warn","validateShadow","convertBreakpoint","BOX_SHADOW_STYLES","extractShadowValue","normalizeColor","normalizeNumericValue","createBoxShadowValue","style","shadowColor","shadowOffset","shadowOpacity","shadowRadius","offsetX","width","offsetY","height","radius","color","getBoxShadowStyle","styles","missingStyles","filter","key","length","join","breakpointsSet","Set","error","breakpoints","Array","from","boxShadow","breakpointStyles","map","breakpoint","opacity"],"sourceRoot":"../../../../src","sources":["web/convert/boxShadow.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,WAAW;AAEjC,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,UAAU;AACjD,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,iBAAiB,QAAQ,cAAc;AAChD,SAASC,iBAAiB,QAAwB,SAAS;AAC3D,SAASC,kBAAkB,EAAEC,cAAc,EAAEC,qBAAqB,QAAQ,SAAS;AAEnF,MAAMC,oBAAoB,GAAIC,KAAgB,IAAK;EAC/C;EACA,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC,aAAa;IAAEC;EAAa,CAAC,GAAGJ,KAAK;EACxE,MAAMK,OAAO,GAAGP,qBAAqB,CAACI,YAAY,CAACI,KAAK,CAAC;EACzD,MAAMC,OAAO,GAAGT,qBAAqB,CAACI,YAAY,CAACM,MAAM,CAAC;EAC1D,MAAMC,MAAM,GAAGX,qBAAqB,CAACM,YAAY,CAAC;EAClD,MAAMM,KAAK,GAAGb,cAAc,CAACI,WAAW,EAAYE,aAAuB,CAAC;EAE5E,OAAO,GAAGE,OAAO,IAAIE,OAAO,IAAIE,MAAM,IAAIC,KAAK,EAAE;AACrD,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAIC,MAA2B,IAA0B;EACnF,MAAMC,aAAa,GAAGlB,iBAAiB,CAACmB,MAAM,CAACC,GAAG,IAAI,EAAEA,GAAG,IAAIH,MAAM,CAAC,CAAC;EAEvE,IAAIC,aAAa,CAACG,MAAM,EAAE;IACtBxB,IAAI,CAAC,wDAAwDqB,aAAa,CAACI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;IAExF,OAAO,CAAC,CAAC;EACb;EAEA,MAAMC,cAAc,GAAG,IAAIC,GAAG,CAAS,CAAC;EAExC,IAAI;IACA1B,cAAc,CAACE,iBAAiB,EAAEiB,MAAM,EAAEM,cAAc,CAAC;EAC7D,CAAC,CAAC,OAAOE,KAAK,EAAE;IACZ,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;MAC3B5B,IAAI,CAAC4B,KAAK,CAAC;IACf;IAEA,OAAO,CAAC,CAAC;EACb;EAEA,MAAMC,WAAW,GAAGC,KAAK,CAACC,IAAI,CAACL,cAAc,CAAC;;EAE9C;EACA,IAAIG,WAAW,CAACL,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAO;MACHQ,SAAS,EAAEzB,oBAAoB,CAACa,MAAmB;IACvD,CAAC;EACL;;EAEA;EACA,MAAMa,gBAAgB,GAAGJ,WAAW,CAACK,GAAG,CAACC,UAAU,IAAI;IACnD,MAAMjB,KAAK,GAAGd,kBAAkB,CAAC,aAAa,EAAE+B,UAAU,EAAEf,MAAM,CAAC;IACnE,MAAM;MAAEN,KAAK;MAAEE;IAAO,CAAC,GAAGZ,kBAAkB,CAAC,cAAc,EAAE+B,UAAU,EAAEf,MAAM,CAAC;IAChF,MAAMH,MAAM,GAAGb,kBAAkB,CAAC,cAAc,EAAE+B,UAAU,EAAEf,MAAM,CAAC;IACrE,MAAMgB,OAAO,GAAGhC,kBAAkB,CAAC,eAAe,EAAE+B,UAAU,EAAEf,MAAM,CAAC;IAEvE,OAAOtB,KAAK,CAACI,iBAAiB,CAACiC,UAAU,CAAC,EAAE;MACxCH,SAAS,EAAEzB,oBAAoB,CAAC;QAC5BE,WAAW,EAAES,KAAK;QAClBR,YAAY,EAAE;UACVI,KAAK;UACLE;QACJ,CAAC;QACDJ,YAAY,EAAEK,MAAM;QACpBN,aAAa,EAAEyB;MACnB,CAAC;IACL,CAAC,CAAC;EACN,CAAC,CAAC;;EAEF;EACA,OAAOrC,gBAAgB,CAAC,GAAGkC,gBAAgB,CAAC;AAChD,CAAC","ignoreList":[]}

package/lib/module/web/convert/breakpoint.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { UnistylesState } from '../state';
+import { keyInObject } from '../utils';
+import { isUnistylesMq, parseMq } from '../mq';
+import { Orientation } from '../../specs/types';
+export const convertBreakpoint = breakpoint => {
+  if (Object.values(Orientation).includes(breakpoint)) {
+    return {
+      orientation: breakpoint
+    };
+  }
+  if (isUnistylesMq(breakpoint)) {
+    return parseMq(breakpoint);
+  }
+  return {
+    minWidth: UnistylesState.breakpoints && keyInObject(UnistylesState.breakpoints, breakpoint) ? UnistylesState.breakpoints[breakpoint] : undefined
+  };
+};
+//# sourceMappingURL=breakpoint.js.map

package/lib/module/web/convert/breakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnistylesState","keyInObject","isUnistylesMq","parseMq","Orientation","convertBreakpoint","breakpoint","Object","values","includes","orientation","minWidth","breakpoints","undefined"],"sourceRoot":"../../../../src","sources":["web/convert/breakpoint.ts"],"mappings":";;AACA,SAASA,cAAc,QAAQ,UAAU;AACzC,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,aAAa,EAAEC,OAAO,QAAQ,OAAO;AAC9C,SAASC,WAAW,QAAQ,mBAAmB;AAE/C,OAAO,MAAMC,iBAAiB,GAAIC,UAAkB,IAAiB;EACjE,IAAIC,MAAM,CAACC,MAAM,CAACJ,WAAW,CAAC,CAACK,QAAQ,CAACH,UAAyB,CAAC,EAAE;IAChE,OAAO;MACHI,WAAW,EAAEJ;IACjB,CAAC;EACL;EAEA,IAAIJ,aAAa,CAACI,UAAU,CAAC,EAAE;IAC3B,OAAOH,OAAO,CAACG,UAAU,CAAC;EAC9B;EAEA,OAAO;IACHK,QAAQ,EAAEX,cAAc,CAACY,WAAW,IAAIX,WAAW,CAACD,cAAc,CAACY,WAAW,EAAEN,UAAU,CAAC,GAAGN,cAAc,CAACY,WAAW,CAACN,UAAU,CAAC,GAAGO;EAC3I,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -0,0 +1,71 @@
+"use strict";
+
+import { media } from 'typestyle';
+import { isPseudo } from '../pseudo';
+import { convertBreakpoint } from './breakpoint';
+import { getStyle } from './style';
+import { deepMergeObjects } from '../utils';
+import { getTransformStyle } from './transform';
+import { isBoxShadow, isTextShadow, isTransform } from './utils';
+import { getTextShadowStyle } from './textShadow';
+import { getBoxShadowStyle } from './boxShadow';
+export const convertToTypeStyle = value => {
+  // Flag to mark if textShadow is already created
+  let hasTextShadow = false;
+  // Flag to mark if boxShadow is already created
+  let hasBoxShadow = false;
+  const stylesArray = Object.entries({
+    ...value,
+    ...value._web
+  }).flatMap(([unistylesKey, unistylesValue]) => {
+    // Keys to omit
+    if (['_css', '_web', 'variants', 'compoundVariants', 'uni__dependencies'].includes(unistylesKey)) {
+      return [];
+    }
+
+    // Pseudo classes :hover, :before etc.
+    if (isPseudo(unistylesKey)) {
+      const typestyleValues = convertToTypeStyle(unistylesValue);
+      return {
+        $nest: {
+          [unistylesKey.replace('_', '&:')]: typestyleValues
+        }
+      };
+    }
+
+    // Text shadow
+    if (isTextShadow(unistylesKey)) {
+      if (hasTextShadow) {
+        return [];
+      }
+      hasTextShadow = true;
+      return getTextShadowStyle(value);
+    }
+
+    // Box shadow
+    if (isBoxShadow(unistylesKey)) {
+      if (hasBoxShadow) {
+        return [];
+      }
+      hasBoxShadow = true;
+      return getBoxShadowStyle(value);
+    }
+
+    // Transforms
+    if (isTransform(unistylesKey, unistylesValue)) {
+      return getTransformStyle(unistylesValue);
+    }
+
+    // Breakpoints
+    if (typeof unistylesValue === 'object' && unistylesValue !== null) {
+      return Object.entries(unistylesValue).map(([breakpointKey, breakpointValue]) => {
+        return media(convertBreakpoint(breakpointKey), getStyle(unistylesKey, breakpointValue));
+      });
+    }
+
+    // Regular styles
+    return getStyle(unistylesKey, unistylesValue);
+  });
+  return deepMergeObjects(...stylesArray);
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["media","isPseudo","convertBreakpoint","getStyle","deepMergeObjects","getTransformStyle","isBoxShadow","isTextShadow","isTransform","getTextShadowStyle","getBoxShadowStyle","convertToTypeStyle","value","hasTextShadow","hasBoxShadow","stylesArray","Object","entries","_web","flatMap","unistylesKey","unistylesValue","includes","typestyleValues","$nest","replace","map","breakpointKey","breakpointValue"],"sourceRoot":"../../../../src","sources":["web/convert/index.ts"],"mappings":";;AAEA,SAASA,KAAK,QAAQ,WAAW;AACjC,SAASC,QAAQ,QAAQ,WAAW;AACpC,SAASC,iBAAiB,QAAQ,cAAc;AAChD,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,WAAW,EAAEC,YAAY,EAAEC,WAAW,QAAQ,SAAS;AAChE,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,OAAO,MAAMC,kBAAkB,GAAIC,KAAsB,IAAK;EAC1D;EACA,IAAIC,aAAa,GAAG,KAAK;EACzB;EACA,IAAIC,YAAY,GAAG,KAAK;EAExB,MAAMC,WAAW,GAAGC,MAAM,CAACC,OAAO,CAAC;IAC/B,GAAGL,KAAK;IACR,GAAGA,KAAK,CAACM;EACb,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,CAACC,YAAY,EAAEC,cAAc,CAAC,KAAK;IAC3C;IACA,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,CAACC,QAAQ,CAACF,YAAY,CAAC,EAAE;MAC9F,OAAO,EAAE;IACb;;IAEA;IACA,IAAInB,QAAQ,CAACmB,YAAY,CAAC,EAAE;MACxB,MAAMG,eAAe,GAAGZ,kBAAkB,CAACU,cAAiC,CAAC;MAE7E,OAAO;QACHG,KAAK,EAAE;UACH,CAACJ,YAAY,CAACK,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,GAAGF;QACvC;MACJ,CAAC;IACL;;IAEA;IACA,IAAIhB,YAAY,CAACa,YAAY,CAAC,EAAE;MAC5B,IAAIP,aAAa,EAAE;QACf,OAAO,EAAE;MACb;MAEAA,aAAa,GAAG,IAAI;MAEpB,OAAOJ,kBAAkB,CAACG,KAAK,CAAC;IACpC;;IAEA;IACA,IAAIN,WAAW,CAACc,YAAY,CAAC,EAAE;MAC3B,IAAIN,YAAY,EAAE;QACd,OAAO,EAAE;MACb;MAEAA,YAAY,GAAG,IAAI;MAEnB,OAAOJ,iBAAiB,CAACE,KAAK,CAAC;IACnC;;IAEA;IACA,IAAIJ,WAAW,CAACY,YAAY,EAAEC,cAAc,CAAC,EAAE;MAC3C,OAAOhB,iBAAiB,CAACgB,cAAc,CAAC;IAC5C;;IAEA;IACA,IAAI,OAAOA,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,IAAI,EAAE;MAC/D,OAAOL,MAAM,CAACC,OAAO,CAACI,cAAc,CAAC,CAACK,GAAG,CAAC,CAAC,CAACC,aAAa,EAAEC,eAAe,CAAC,KAAK;QAC5E,OAAO5B,KAAK,CAACE,iBAAiB,CAACyB,aAAa,CAAC,EAAExB,QAAQ,CAACiB,YAAY,EAAEQ,eAAe,CAAC,CAAC;MAC3F,CAAC,CAAC;IACN;;IAEA;IACA,OAAOzB,QAAQ,CAACiB,YAAY,EAAEC,cAAc,CAAC;EACjD,CAAC,CAA+B;EAEhC,OAAOjB,gBAAgB,CAAC,GAAGW,WAAW,CAAC;AAC3C,CAAC","ignoreList":[]}

package/lib/module/web/convert/module.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=module.d.js.map

package/lib/module/web/convert/module.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["web/convert/module.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/web/convert/shadow.js

@@ -0,0 +1,63 @@
+"use strict";
+
+export const validateShadow = (shadowProperties, styles, breakpoints) => {
+  // Collect breakpoints
+  shadowProperties.forEach(key => {
+    const value = styles[key];
+    if (typeof value !== 'object') {
+      return;
+    }
+    if (key === 'shadowOffset' || key === 'textShadowOffset') {
+      const {
+        width,
+        height
+      } = value;
+
+      // If shadowOffset.width has breakpoints
+      if (typeof width === 'object') {
+        Object.keys(width).forEach(breakpoint => breakpoints.add(breakpoint));
+      }
+
+      // If shadowOffset.height has breakpoints
+      if (typeof height === 'object') {
+        Object.keys(height).forEach(breakpoint => breakpoints.add(breakpoint));
+      }
+      return;
+    }
+
+    // Collect regular breakpoints
+    Object.keys(value).forEach(breakpoint => breakpoints.add(breakpoint));
+  });
+
+  // Validate if all breakpoints are present
+  shadowProperties.forEach(key => {
+    const value = styles[key];
+    if (typeof value !== 'object') {
+      return;
+    }
+    if (key === 'shadowOffset' || key === 'textShadowOffset') {
+      const {
+        width,
+        height
+      } = value;
+      if (typeof width === 'object') {
+        const missingBreakpoints = Array.from(breakpoints).filter(breakpoint => !(breakpoint in width));
+        if (missingBreakpoints.length) {
+          throw `missing breakpoints in ${key}.width: ${missingBreakpoints.join(', ')}`;
+        }
+      }
+      if (typeof height === 'object') {
+        const missingBreakpoints = Array.from(breakpoints).filter(breakpoint => !(breakpoint in height));
+        if (missingBreakpoints.length) {
+          throw `missing breakpoints in ${key}.height: ${missingBreakpoints.join(', ')}`;
+        }
+      }
+      return;
+    }
+    const missingBreakpoints = Array.from(breakpoints).filter(breakpoint => !(breakpoint in value));
+    if (missingBreakpoints.length) {
+      throw `missing breakpoints in ${key}: ${missingBreakpoints.join(', ')}`;
+    }
+  });
+};
+//# sourceMappingURL=shadow.js.map

package/lib/module/web/convert/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateShadow","shadowProperties","styles","breakpoints","forEach","key","value","width","height","Object","keys","breakpoint","add","missingBreakpoints","Array","from","filter","length","join"],"sourceRoot":"../../../../src","sources":["web/convert/shadow.ts"],"mappings":";;AAEA,OAAO,MAAMA,cAAc,GAAGA,CAACC,gBAAuC,EAAEC,MAA2B,EAAEC,WAAwB,KAAK;EAC9H;EACAF,gBAAgB,CAACG,OAAO,CAACC,GAAG,IAAI;IAC5B,MAAMC,KAAK,GAAGJ,MAAM,CAACG,GAAG,CAAC;IAEzB,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACJ;IAEA,IAAID,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAK,kBAAkB,EAAE;MACtD,MAAM;QAAEE,KAAK;QAAEC;MAAO,CAAC,GAAGF,KAAqB;;MAE/C;MACA,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;QAC3BE,MAAM,CAACC,IAAI,CAACH,KAAK,CAAC,CAACH,OAAO,CAACO,UAAU,IAAIR,WAAW,CAACS,GAAG,CAACD,UAAU,CAAC,CAAC;MACzE;;MAEA;MACA,IAAI,OAAOH,MAAM,KAAK,QAAQ,EAAE;QAC5BC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACJ,OAAO,CAACO,UAAU,IAAIR,WAAW,CAACS,GAAG,CAACD,UAAU,CAAC,CAAC;MAC1E;MAEA;IACJ;;IAEA;IACAF,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CAACF,OAAO,CAACO,UAAU,IAAIR,WAAW,CAACS,GAAG,CAACD,UAAU,CAAC,CAAC;EACzE,CAAC,CAAC;;EAEF;EACAV,gBAAgB,CAACG,OAAO,CAACC,GAAG,IAAI;IAC5B,MAAMC,KAAK,GAAGJ,MAAM,CAACG,GAAG,CAAC;IAEzB,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACJ;IAEA,IAAID,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAK,kBAAkB,EAAE;MACtD,MAAM;QAAEE,KAAK;QAAEC;MAAO,CAAC,GAAGF,KAAqB;MAE/C,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;QAC3B,MAAMM,kBAAkB,GAAGC,KAAK,CAACC,IAAI,CAACZ,WAAW,CAAC,CAACa,MAAM,CAACL,UAAU,IAAI,EAAEA,UAAU,IAAIJ,KAAK,CAAC,CAAC;QAE/F,IAAIM,kBAAkB,CAACI,MAAM,EAAE;UAC3B,MAAM,0BAA0BZ,GAAG,WAAWQ,kBAAkB,CAACK,IAAI,CAAC,IAAI,CAAC,EAAE;QACjF;MACJ;MAEA,IAAI,OAAOV,MAAM,KAAK,QAAQ,EAAE;QAC5B,MAAMK,kBAAkB,GAAGC,KAAK,CAACC,IAAI,CAACZ,WAAW,CAAC,CAACa,MAAM,CAACL,UAAU,IAAI,EAAEA,UAAU,IAAIH,MAAM,CAAC,CAAC;QAEhG,IAAIK,kBAAkB,CAACI,MAAM,EAAE;UAC3B,MAAM,0BAA0BZ,GAAG,YAAYQ,kBAAkB,CAACK,IAAI,CAAC,IAAI,CAAC,EAAE;QAClF;MACJ;MAEA;IACJ;IAEA,MAAML,kBAAkB,GAAGC,KAAK,CAACC,IAAI,CAACZ,WAAW,CAAC,CAACa,MAAM,CAACL,UAAU,IAAI,EAAEA,UAAU,IAAIL,KAAK,CAAC,CAAC;IAE/F,IAAIO,kBAAkB,CAACI,MAAM,EAAE;MAC3B,MAAM,0BAA0BZ,GAAG,KAAKQ,kBAAkB,CAACK,IAAI,CAAC,IAAI,CAAC,EAAE;IAC3E;EACJ,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/lib/module/web/convert/style.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import { keyInObject } from '../utils';
+const stylesToSkip = ['borderCurve', 'elevation', 'textAlignVertical', 'includeFontPadding', 'overlayColor', 'tintColor'];
+const convertMap = {
+  marginHorizontal: value => ({
+    marginInline: value
+  }),
+  marginVertical: value => ({
+    marginBlock: value
+  }),
+  paddingHorizontal: value => ({
+    paddingInline: value
+  }),
+  paddingVertical: value => ({
+    paddingBlock: value
+  }),
+  writingDirection: value => ({
+    direction: value
+  }),
+  borderBottomEndRadius: value => ({
+    borderBottomRightRadius: value
+  }),
+  borderBottomStartRadius: value => ({
+    borderBottomLeftRadius: value
+  }),
+  borderEndColor: value => ({
+    borderInlineEndColor: value
+  }),
+  borderStartColor: value => ({
+    borderInlineStartColor: value
+  }),
+  borderTopEndRadius: value => ({
+    borderTopRightRadius: value
+  }),
+  borderTopStartRadius: value => ({
+    borderTopLeftRadius: value
+  }),
+  borderEndWidth: value => ({
+    borderInlineEndWidth: value
+  }),
+  borderStartWidth: value => ({
+    borderInlineStartWidth: value
+  }),
+  end: value => ({
+    right: value
+  }),
+  start: value => ({
+    left: value
+  }),
+  marginEnd: value => ({
+    marginRight: value
+  }),
+  marginStart: value => ({
+    marginLeft: value
+  }),
+  paddingEnd: value => ({
+    paddingRight: value
+  }),
+  paddingStart: value => ({
+    paddingLeft: value
+  }),
+  transformMatrix: value => ({
+    transform: `matrix(${value.join(', ')})`
+  }),
+  resizeMode: value => ({
+    backgroundSize: value
+  }),
+  lineHeight: value => ({
+    lineHeight: `${value}px`
+  })
+};
+export const getStyle = (key, value) => {
+  if (stylesToSkip.includes(key)) {
+    return {};
+  }
+  if (keyInObject(convertMap, key)) {
+    return convertMap[key]?.(value) ?? {};
+  }
+  return {
+    [key]: value
+  };
+};
+//# sourceMappingURL=style.js.map

package/lib/module/web/convert/style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["keyInObject","stylesToSkip","convertMap","marginHorizontal","value","marginInline","marginVertical","marginBlock","paddingHorizontal","paddingInline","paddingVertical","paddingBlock","writingDirection","direction","borderBottomEndRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomLeftRadius","borderEndColor","borderInlineEndColor","borderStartColor","borderInlineStartColor","borderTopEndRadius","borderTopRightRadius","borderTopStartRadius","borderTopLeftRadius","borderEndWidth","borderInlineEndWidth","borderStartWidth","borderInlineStartWidth","end","right","start","left","marginEnd","marginRight","marginStart","marginLeft","paddingEnd","paddingRight","paddingStart","paddingLeft","transformMatrix","transform","join","resizeMode","backgroundSize","lineHeight","getStyle","key","includes"],"sourceRoot":"../../../../src","sources":["web/convert/style.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,UAAU;AAGtC,MAAMC,YAAY,GAAG,CACjB,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,CACd;AAED,MAAMC,UAAU,GAAG;EACfC,gBAAgB,EAAGC,KAAa,KAAM;IAClCC,YAAY,EAAED;EAClB,CAAC,CAAC;EACFE,cAAc,EAAGF,KAAa,KAAM;IAChCG,WAAW,EAAEH;EACjB,CAAC,CAAC;EACFI,iBAAiB,EAAGJ,KAAa,KAAM;IACnCK,aAAa,EAAEL;EACnB,CAAC,CAAC;EACFM,eAAe,EAAGN,KAAa,KAAM;IACjCO,YAAY,EAAEP;EAClB,CAAC,CAAC;EACFQ,gBAAgB,EAAGR,KAAa,KAAM;IAClCS,SAAS,EAAET;EACf,CAAC,CAAC;EACFU,qBAAqB,EAAGV,KAAa,KAAM;IACvCW,uBAAuB,EAAEX;EAC7B,CAAC,CAAC;EACFY,uBAAuB,EAAGZ,KAAa,KAAM;IACzCa,sBAAsB,EAAEb;EAC5B,CAAC,CAAC;EACFc,cAAc,EAAGd,KAAa,KAAM;IAChCe,oBAAoB,EAAEf;EAC1B,CAAC,CAAC;EACFgB,gBAAgB,EAAGhB,KAAa,KAAM;IAClCiB,sBAAsB,EAAEjB;EAC5B,CAAC,CAAC;EACFkB,kBAAkB,EAAGlB,KAAa,KAAM;IACpCmB,oBAAoB,EAAEnB;EAC1B,CAAC,CAAC;EACFoB,oBAAoB,EAAGpB,KAAa,KAAM;IACtCqB,mBAAmB,EAAErB;EACzB,CAAC,CAAC;EACFsB,cAAc,EAAGtB,KAAa,KAAM;IAChCuB,oBAAoB,EAAEvB;EAC1B,CAAC,CAAC;EACFwB,gBAAgB,EAAGxB,KAAa,KAAM;IAClCyB,sBAAsB,EAAEzB;EAC5B,CAAC,CAAC;EACF0B,GAAG,EAAG1B,KAAa,KAAM;IACrB2B,KAAK,EAAE3B;EACX,CAAC,CAAC;EACF4B,KAAK,EAAG5B,KAAa,KAAM;IACvB6B,IAAI,EAAE7B;EACV,CAAC,CAAC;EACF8B,SAAS,EAAG9B,KAAa,KAAM;IAC3B+B,WAAW,EAAE/B;EACjB,CAAC,CAAC;EACFgC,WAAW,EAAGhC,KAAa,KAAM;IAC7BiC,UAAU,EAAEjC;EAChB,CAAC,CAAC;EACFkC,UAAU,EAAGlC,KAAa,KAAM;IAC5BmC,YAAY,EAAEnC;EAClB,CAAC,CAAC;EACFoC,YAAY,EAAGpC,KAAa,KAAM;IAC9BqC,WAAW,EAAErC;EACjB,CAAC,CAAC;EACFsC,eAAe,EAAGtC,KAAoB,KAAM;IACxCuC,SAAS,EAAE,UAAUvC,KAAK,CAACwC,IAAI,CAAC,IAAI,CAAC;EACzC,CAAC,CAAC;EACFC,UAAU,EAAGzC,KAAa,KAAM;IAC5B0C,cAAc,EAAE1C;EACpB,CAAC,CAAC;EACF2C,UAAU,EAAG3C,KAAa,KAAM;IAC5B2C,UAAU,EAAE,GAAG3C,KAAK;EACxB,CAAC;AACL,CAA6D;AAE7D,OAAO,MAAM4C,QAAQ,GAAGA,CAACC,GAAW,EAAE7C,KAAU,KAAK;EACjD,IAAIH,YAAY,CAACiD,QAAQ,CAACD,GAAG,CAAC,EAAE;IAC5B,OAAO,CAAC,CAAC;EACb;EAEA,IAAIjD,WAAW,CAACE,UAAU,EAAE+C,GAAG,CAAC,EAAE;IAC9B,OAAO/C,UAAU,CAAC+C,GAAG,CAAC,GAAG7C,KAAK,CAAC,IAAI,CAAC,CAAC;EACzC;EAEA,OAAO;IACH,CAAC6C,GAAG,GAAG7C;EACX,CAAC;AACL,CAAC","ignoreList":[]}