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

package/lib/commonjs/specs/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "StyleSheet", {
     return _StyleSheet.StyleSheet;
   }
 });
+Object.defineProperty(exports, "UnistyleDependency", {
+  enumerable: true,
+  get: function () {
+    return _NativePlatform.UnistyleDependency;
+  }
+});
 Object.defineProperty(exports, "UnistylesRuntime", {
   enumerable: true,
   get: function () {
@@ -44,4 +50,5 @@ var _UnistylesRuntime = require("./UnistylesRuntime");
 var _StyleSheet = require("./StyleSheet");
 var _ShadowRegistry = require("./ShadowRegistry");
 var _types = require("./types");
+var _NativePlatform = require("./NativePlatform");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["require","_UnistylesRuntime","_StyleSheet","_ShadowRegistry","_types"],"sourceRoot":"../../../src","sources":["specs/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAAA,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA","ignoreList":[]}
+{"version":3,"names":["require","_UnistylesRuntime","_StyleSheet","_ShadowRegistry","_types","_NativePlatform"],"sourceRoot":"../../../src","sources":["specs/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAAA,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA","ignoreList":[]}

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

@@ -7,7 +7,7 @@ var _exportNames = {
   getSSRUnistyles: true
 };
 exports.getSSRUnistyles = void 0;
-var _web = require("../../web");
+var _web = require("../web");
 Object.keys(_web).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/lib/commonjs/types/stylesheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["create","stylesheet"],"sourceRoot":"../../../src","sources":["types/stylesheet.ts"],"mappings":";;;;;AASA;;AAsEA,MAAMA,MAAM,GAA0BC,UAAwC,IAAoEA,UAA2E","ignoreList":[]}
+{"version":3,"names":["create","stylesheet"],"sourceRoot":"../../../src","sources":["types/stylesheet.ts"],"mappings":";;;;;AASA;;AAwEA,MAAMA,MAAM,GAA0BC,UAAwC,IAAoEA,UAA2E","ignoreList":[]}

package/lib/commonjs/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deepMergeObjects = void 0;
+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;
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["deepMergeObjects","sources","target","forEach","source","Object","keys","key","sourceValue","targetValue","exports"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":";;;;;;AAAO,MAAMA,gBAAgB,GAAGA,CAAqC,GAAGC,OAAiB,KAAK;EAC1F,MAAMC,MAAM,GAAG,CAAC,CAAM;EAEtBD,OAAO,CAACE,OAAO,CAACC,MAAM,IAAI;IACtBC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACD,OAAO,CAACI,GAAG,IAAI;MAC/B,MAAMC,WAAW,GAAGJ,MAAM,CAACG,GAAG,CAAC;MAC/B,MAAME,WAAW,GAAGP,MAAM,CAACK,GAAG,CAAC;MAE/B,IAAIF,MAAM,CAACG,WAAW,CAAC,IAAIA,WAAW,IAAIH,MAAM,CAACI,WAAW,CAAC,KAAKA,WAAW,EAAE;QAC3E;QACAP,MAAM,CAACK,GAAG,CAAC,GAAGP,gBAAgB,CAACS,WAAW,EAAED,WAAW,CAAC;QAExD;MACJ;;MAEA;MACAN,MAAM,CAACK,GAAG,CAAC,GAAGC,WAAW;IAC7B,CAAC,CAAC;EACN,CAAC,CAAC;EAEF,OAAON,MAAM;AACjB,CAAC;AAAAQ,OAAA,CAAAV,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertUnistyles = void 0;
+var _pseudo = require("./pseudo");
+var _style = require("./style");
+var _utils = require("../../utils");
+var _object = require("./object");
+var _utils2 = require("./utils");
+var _shadow = require("./shadow");
+const convertUnistyles = value => {
+  // Flag to mark if textShadow is already created
+  let hasTextShadow = false;
+  // Flag to mark if boxShadow is already created
+  let hasShadow = false;
+  const stylesArray = Object.entries({
+    ...value,
+    ...value._web
+  }).flatMap(([unistylesKey, unistylesValue]) => {
+    // Keys to omit
+    if (['_classNames', '_web', 'variants', 'compoundVariants', 'uni__dependencies', '__unistyles-secrets__'].includes(unistylesKey) || unistylesKey.startsWith('variant-')) {
+      return [];
+    }
+
+    // Pseudo classes :hover, :before etc.
+    if ((0, _pseudo.isPseudo)(unistylesKey)) {
+      const flattenValues = convertUnistyles(unistylesValue);
+      return {
+        [unistylesKey]: flattenValues
+      };
+    }
+
+    // Text shadow
+    if ((0, _utils2.isTextShadow)(unistylesKey)) {
+      if (hasTextShadow) {
+        return [];
+      }
+      hasTextShadow = true;
+      return (0, _shadow.getTextShadowStyle)(value);
+    }
+
+    // RN shadows
+    if ((0, _utils2.isShadow)(unistylesKey)) {
+      if (hasShadow) {
+        return [];
+      }
+      hasShadow = true;
+      return (0, _shadow.getBoxShadowStyle)(value);
+    }
+    if ((0, _utils2.isFilter)(unistylesKey, unistylesValue)) {
+      return (0, _object.getFilterStyle)(unistylesValue);
+    }
+    if ((0, _utils2.isBoxShadow)(unistylesKey, unistylesValue)) {
+      return (0, _object.getBoxShadow)(unistylesValue);
+    }
+
+    // Transforms
+    if ((0, _utils2.isTransform)(unistylesKey, unistylesValue)) {
+      return (0, _object.getTransformStyle)(unistylesValue);
+    }
+
+    // Breakpoints
+    if (typeof unistylesValue === 'object' && unistylesValue !== null) {
+      return Object.entries(unistylesValue).map(([breakpointKey, breakpointValue]) => {
+        return {
+          [breakpointKey]: (0, _style.getStyle)(unistylesKey, breakpointValue)
+        };
+      });
+    }
+
+    // Regular styles
+    return (0, _style.getStyle)(unistylesKey, unistylesValue);
+  });
+  return (0, _utils.deepMergeObjects)(...stylesArray);
+};
+exports.convertUnistyles = convertUnistyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_pseudo","require","_style","_utils","_object","_utils2","_shadow","convertUnistyles","value","hasTextShadow","hasShadow","stylesArray","Object","entries","_web","flatMap","unistylesKey","unistylesValue","includes","startsWith","isPseudo","flattenValues","isTextShadow","getTextShadowStyle","isShadow","getBoxShadowStyle","isFilter","getFilterStyle","isBoxShadow","getBoxShadow","isTransform","getTransformStyle","map","breakpointKey","breakpointValue","getStyle","deepMergeObjects","exports"],"sourceRoot":"../../../../src","sources":["web/convert/index.ts"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEO,MAAMM,gBAAgB,GAAIC,KAAsB,IAAK;EACxD;EACA,IAAIC,aAAa,GAAG,KAAK;EACzB;EACA,IAAIC,SAAS,GAAG,KAAK;EAErB,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,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,CAACC,QAAQ,CAACF,YAAY,CAAC,IAAIA,YAAY,CAACG,UAAU,CAAC,UAAU,CAAC,EAAE;MACrK,OAAO,EAAE;IACb;;IAEA;IACA,IAAI,IAAAC,gBAAQ,EAACJ,YAAY,CAAC,EAAE;MACxB,MAAMK,aAAa,GAAGd,gBAAgB,CAACU,cAAiC,CAAC;MAEzE,OAAO;QAAE,CAACD,YAAY,GAAGK;MAAc,CAAC;IAC5C;;IAEA;IACA,IAAI,IAAAC,oBAAY,EAACN,YAAY,CAAC,EAAE;MAC5B,IAAIP,aAAa,EAAE;QACf,OAAO,EAAE;MACb;MAEAA,aAAa,GAAG,IAAI;MAEpB,OAAO,IAAAc,0BAAkB,EAACf,KAAK,CAAC;IACpC;;IAEA;IACA,IAAI,IAAAgB,gBAAQ,EAACR,YAAY,CAAC,EAAE;MACxB,IAAIN,SAAS,EAAE;QACX,OAAO,EAAE;MACb;MAEAA,SAAS,GAAG,IAAI;MAEhB,OAAO,IAAAe,yBAAiB,EAACjB,KAAK,CAAC;IACnC;IAEA,IAAI,IAAAkB,gBAAQ,EAACV,YAAY,EAAEC,cAAc,CAAC,EAAE;MACxC,OAAO,IAAAU,sBAAc,EAACV,cAAc,CAAC;IACzC;IAEA,IAAI,IAAAW,mBAAW,EAACZ,YAAY,EAAEC,cAAc,CAAC,EAAE;MAC3C,OAAO,IAAAY,oBAAY,EAACZ,cAAc,CAAC;IACvC;;IAEA;IACA,IAAI,IAAAa,mBAAW,EAACd,YAAY,EAAEC,cAAc,CAAC,EAAE;MAC3C,OAAO,IAAAc,yBAAiB,EAACd,cAAc,CAAC;IAC5C;;IAEA;IACA,IAAI,OAAOA,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,IAAI,EAAE;MAC/D,OAAOL,MAAM,CAACC,OAAO,CAACI,cAAc,CAAC,CAACe,GAAG,CAAC,CAAC,CAACC,aAAa,EAAEC,eAAe,CAAC,KAAK;QAC5E,OAAO;UAAE,CAACD,aAAa,GAAG,IAAAE,eAAQ,EAACnB,YAAY,EAAEkB,eAAe;QAAE,CAAC;MACvE,CAAC,CAAC;IACN;;IAEA;IACA,OAAO,IAAAC,eAAQ,EAACnB,YAAY,EAAEC,cAAc,CAAC;EACjD,CAAC,CAA+B;EAEhC,OAAO,IAAAmB,uBAAgB,EAAC,GAAGzB,WAAW,CAAC;AAC3C,CAAC;AAAA0B,OAAA,CAAA9B,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

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

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

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

package/lib/commonjs/web/convert/object/boxShadow.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBoxShadow = void 0;
+var _utils = require("../utils");
+var _utils2 = require("../../utils");
+var _utils3 = require("../../../utils");
+const createBoxShadowValue = style => {
+  const {
+    offsetX,
+    offsetY,
+    blurRadius = 0,
+    spreadDistance = 0,
+    color = '#000',
+    inset
+  } = style;
+  return `${inset ? 'inset ' : ''}${(0, _utils.normalizeNumericValue)(offsetX)} ${(0, _utils.normalizeNumericValue)(offsetY)} ${(0, _utils.normalizeNumericValue)(blurRadius)} ${(0, _utils.normalizeNumericValue)(spreadDistance)} ${color}`;
+};
+const getBoxShadow = boxShadow => {
+  const breakpoints = new Set();
+  boxShadow.forEach(shadow => {
+    const [key] = Object.keys(shadow);
+    const value = shadow[key];
+
+    // Breakpoints
+    if (typeof value === 'object') {
+      Object.keys(value).forEach(breakpoint => breakpoints.add(breakpoint));
+    }
+  });
+  if (breakpoints.size === 0) {
+    const boxShadowStyle = Object.fromEntries(boxShadow.map(shadow => {
+      const [key] = Object.keys(shadow);
+      return [key, shadow[key]];
+    }));
+    return {
+      boxShadow: createBoxShadowValue(boxShadowStyle)
+    };
+  }
+  const breakpointStyles = Array.from(breakpoints).map(breakpoint => {
+    const styles = Object.fromEntries(boxShadow.map(shadow => {
+      const [key] = Object.keys(shadow);
+      const value = shadow[key];
+      if (typeof value === 'object' && (0, _utils2.keyInObject)(value, breakpoint)) {
+        return [key, value[breakpoint]];
+      }
+      return [key, value];
+    }));
+    return {
+      [breakpoint]: {
+        boxShadow: createBoxShadowValue(styles)
+      }
+    };
+  });
+  return (0, _utils3.deepMergeObjects)(...breakpointStyles);
+};
+exports.getBoxShadow = getBoxShadow;
+//# sourceMappingURL=boxShadow.js.map

package/lib/commonjs/web/convert/object/boxShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_utils2","_utils3","createBoxShadowValue","style","offsetX","offsetY","blurRadius","spreadDistance","color","inset","normalizeNumericValue","getBoxShadow","boxShadow","breakpoints","Set","forEach","shadow","key","Object","keys","value","breakpoint","add","size","boxShadowStyle","fromEntries","map","breakpointStyles","Array","from","styles","keyInObject","deepMergeObjects","exports"],"sourceRoot":"../../../../../src","sources":["web/convert/object/boxShadow.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,MAAMG,oBAAoB,GAAIC,KAAqB,IAAK;EACpD,MAAM;IAAEC,OAAO;IAAEC,OAAO;IAAEC,UAAU,GAAG,CAAC;IAAEC,cAAc,GAAG,CAAC;IAAEC,KAAK,GAAG,MAAM;IAAEC;EAAM,CAAC,GAAGN,KAAK;EAE7F,OAAO,GAAGM,KAAK,GAAG,QAAQ,GAAG,EAAE,GAAG,IAAAC,4BAAqB,EAACN,OAAO,CAAC,IAAI,IAAAM,4BAAqB,EAACL,OAAO,CAAC,IAAI,IAAAK,4BAAqB,EAACJ,UAAoB,CAAC,IAAI,IAAAI,4BAAqB,EAACH,cAAwB,CAAC,IAAIC,KAAK,EAAE;AACnN,CAAC;AAEM,MAAMG,YAAY,GAAIC,SAAgC,IAAK;EAC9D,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAAS,CAAC;EACrCF,SAAS,CAACG,OAAO,CAACC,MAAM,IAAI;IACxB,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;IACjC,MAAMI,KAAK,GAAGJ,MAAM,CAACC,GAAG,CAAyB;;IAEjD;IACA,IAAI,OAAOG,KAAK,KAAK,QAAQ,EAAE;MAC3BF,MAAM,CAACC,IAAI,CAACC,KAAK,CAAC,CAACL,OAAO,CAACM,UAAU,IAAIR,WAAW,CAACS,GAAG,CAACD,UAAU,CAAC,CAAC;IACzE;EACJ,CAAC,CAAC;EAEF,IAAIR,WAAW,CAACU,IAAI,KAAK,CAAC,EAAE;IACxB,MAAMC,cAAc,GAAGN,MAAM,CAACO,WAAW,CAACb,SAAS,CAACc,GAAG,CAACV,MAAM,IAAI;MAC9D,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;MACjC,OAAO,CAACC,GAAG,EAAED,MAAM,CAACC,GAAG,CAAyB,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,OAAO;MACHL,SAAS,EAAEV,oBAAoB,CAACsB,cAAc;IAClD,CAAC;EACL;EAEA,MAAMG,gBAAgB,GAAGC,KAAK,CAACC,IAAI,CAAChB,WAAW,CAAC,CAACa,GAAG,CAACL,UAAU,IAAI;IAC/D,MAAMS,MAAM,GAAGZ,MAAM,CAACO,WAAW,CAACb,SAAS,CAACc,GAAG,CAACV,MAAM,IAAI;MACtD,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;MACjC,MAAMI,KAAK,GAAGJ,MAAM,CAACC,GAAG,CAAyB;MAEjD,IAAI,OAAOG,KAAK,KAAK,QAAQ,IAAI,IAAAW,mBAAW,EAACX,KAAK,EAAEC,UAAU,CAAC,EAAE;QAC7D,OAAO,CAACJ,GAAG,EAAEG,KAAK,CAACC,UAAU,CAAC,CAAC;MACnC;MAEA,OAAO,CAACJ,GAAG,EAAEG,KAAK,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,OAAO;MACH,CAACC,UAAU,GAAG;QACVT,SAAS,EAAEV,oBAAoB,CAAC4B,MAAM;MAC1C;IACJ,CAAC;EACL,CAAC,CAAC;EAEF,OAAO,IAAAE,wBAAgB,EAAC,GAAGL,gBAAgB,CAAC;AAChD,CAAC;AAAAM,OAAA,CAAAtB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/web/convert/object/filter.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFilterStyle = void 0;
+var _utils = require("../../utils");
+var _objectStyle = require("./objectStyle");
+var _utils2 = require("../utils");
+var _runtime = require("../../runtime");
+var _mq = require("../../../mq");
+const getDropShadowStyle = dropShadow => {
+  const {
+    offsetX = 0,
+    offsetY = 0,
+    standardDeviation = 0,
+    color = '#000'
+  } = dropShadow;
+  return `${(0, _utils2.normalizeColor)(String(color))} ${(0, _utils2.normalizeNumericValue)(offsetX)} ${(0, _utils2.normalizeNumericValue)(offsetY)} ${(0, _utils2.normalizeNumericValue)(standardDeviation)}`;
+};
+const getFilterStyle = filters => {
+  const restFilters = filters.filter(filter => Object.keys(filter)[0] !== 'dropShadow');
+  const dropShadow = (() => {
+    const dropShadowValue = filters.find(filter => Object.keys(filter)[0] === 'dropShadow')?.dropShadow;
+    if (typeof dropShadowValue !== 'object') {
+      return [];
+    }
+    const breakpoints = Object.keys(dropShadowValue).filter(key => Object.keys(_runtime.UnistylesRuntime.breakpoints).includes(key) || (0, _mq.isUnistylesMq)(key));
+    const breakpointsDropShadow = Object.fromEntries(breakpoints.map(breakpoint => [breakpoint, getDropShadowStyle(dropShadowValue[breakpoint])]));
+    if (breakpoints.length === 0) {
+      return [{
+        dropShadow: getDropShadowStyle(dropShadowValue)
+      }];
+    }
+    return [{
+      dropShadow: breakpointsDropShadow
+    }];
+  })();
+  return (0, _objectStyle.getObjectStyle)([...restFilters, ...dropShadow], 'filter', (key, value) => `${(0, _utils.hyphenate)(key)}(${(0, _utils2.normalizeNumericValue)(value)})`);
+};
+exports.getFilterStyle = getFilterStyle;
+//# sourceMappingURL=filter.js.map

package/lib/commonjs/web/convert/object/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_objectStyle","_utils2","_runtime","_mq","getDropShadowStyle","dropShadow","offsetX","offsetY","standardDeviation","color","normalizeColor","String","normalizeNumericValue","getFilterStyle","filters","restFilters","filter","Object","keys","dropShadowValue","find","breakpoints","key","UnistylesRuntime","includes","isUnistylesMq","breakpointsDropShadow","fromEntries","map","breakpoint","length","getObjectStyle","value","hyphenate","exports"],"sourceRoot":"../../../../../src","sources":["web/convert/object/filter.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AAEA,MAAMK,kBAAkB,GAAIC,UAA2B,IAAK;EACxD,MAAM;IAAEC,OAAO,GAAG,CAAC;IAAEC,OAAO,GAAG,CAAC;IAAEC,iBAAiB,GAAG,CAAC;IAAEC,KAAK,GAAG;EAAO,CAAC,GAAGJ,UAAU;EAEtF,OAAO,GAAG,IAAAK,sBAAc,EAACC,MAAM,CAACF,KAAK,CAAC,CAAC,IAAI,IAAAG,6BAAqB,EAACN,OAAO,CAAC,IAAI,IAAAM,6BAAqB,EAACL,OAAO,CAAC,IAAI,IAAAK,6BAAqB,EAACJ,iBAAiB,CAAC,EAAE;AAC7J,CAAC;AAEM,MAAMK,cAAc,GAAIC,OAAuB,IAAK;EACvD,MAAMC,WAAW,GAAGD,OAAO,CAACE,MAAM,CAACA,MAAM,IAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;EACrF,MAAMX,UAAU,GAAG,CAAC,MAAM;IACtB,MAAMc,eAAe,GAAGL,OAAO,CAACM,IAAI,CAACJ,MAAM,IAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,EAAEX,UAAiC;IAE1H,IAAI,OAAOc,eAAe,KAAK,QAAQ,EAAE;MACrC,OAAO,EAAE;IACb;IAEA,MAAME,WAAW,GAAGJ,MAAM,CAACC,IAAI,CAACC,eAAe,CAAC,CAACH,MAAM,CAACM,GAAG,IAAIL,MAAM,CAACC,IAAI,CAACK,yBAAgB,CAACF,WAAW,CAAC,CAACG,QAAQ,CAACF,GAAG,CAAC,IAAI,IAAAG,iBAAa,EAACH,GAAG,CAAC,CAAC;IAC7I,MAAMI,qBAAqB,GAAGT,MAAM,CAACU,WAAW,CAACN,WAAW,CAACO,GAAG,CAACC,UAAU,IAAI,CAACA,UAAU,EAAEzB,kBAAkB,CAACe,eAAe,CAACU,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9I,IAAIR,WAAW,CAACS,MAAM,KAAK,CAAC,EAAE;MAC1B,OAAO,CAAC;QACJzB,UAAU,EAAED,kBAAkB,CAACe,eAAkC;MACrE,CAAC,CAAC;IACN;IAEA,OAAO,CAAC;MACJd,UAAU,EAAEqB;IAChB,CAAC,CAAC;EACN,CAAC,EAAE,CAAC;EAEJ,OAAO,IAAAK,2BAAc,EAAC,CAAC,GAAGhB,WAAW,EAAE,GAAGV,UAAU,CAAC,EAAE,QAAQ,EAAE,CAACiB,GAAG,EAAEU,KAAK,KAAK,GAAG,IAAAC,gBAAS,EAACX,GAAG,CAAC,IAAI,IAAAV,6BAAqB,EAACoB,KAAwB,CAAC,GAAG,CAAC;AAC7J,CAAC;AAAAE,OAAA,CAAArB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/commonjs/web/convert/object/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _transform = require("./transform");
+Object.keys(_transform).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _transform[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _transform[key];
+    }
+  });
+});
+var _boxShadow = require("./boxShadow");
+Object.keys(_boxShadow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _boxShadow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _boxShadow[key];
+    }
+  });
+});
+var _filter = require("./filter");
+Object.keys(_filter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _filter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _filter[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/web/convert/object/index.js.map

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

package/lib/commonjs/web/convert/object/objectStyle.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getObjectStyle = void 0;
+var _utils = require("../../../utils");
+var _utils2 = require("../../utils");
+const createStylesValue = (styles, normalize) => styles.map(style => {
+  const [key] = Object.keys(style);
+  if (!key) {
+    return undefined;
+  }
+  return normalize(key, style[key]);
+}).filter(Boolean).join(' ');
+const getObjectStyle = (styles, styleKey, normalize) => {
+  const breakpoints = new Set();
+  const normalStyles = [];
+  styles.forEach(style => {
+    const [property] = Object.keys(style);
+    if (!property) {
+      return;
+    }
+    const value = style[property];
+    if (typeof value === 'object' && !Array.isArray(value)) {
+      Object.keys(value ?? {}).forEach(breakpoint => breakpoints.add(breakpoint));
+      return;
+    }
+    normalStyles.push(style);
+  });
+  const breakpointStyles = Array.from(breakpoints).flatMap(breakpoint => {
+    const stylesPerBreakpoint = styles.flatMap(style => {
+      const [property] = Object.keys(style);
+      if (!property) {
+        return [];
+      }
+      const value = style[property];
+      if (typeof value === 'object' && !Array.isArray(value)) {
+        return (0, _utils2.keyInObject)(value, breakpoint) ? [{
+          [property]: value[breakpoint]
+        }] : [];
+      }
+      return [];
+    });
+    return [{
+      [breakpoint]: {
+        [styleKey]: createStylesValue(stylesPerBreakpoint, normalize)
+      }
+    }];
+  });
+  return (0, _utils.deepMergeObjects)({
+    [styleKey]: createStylesValue(normalStyles, normalize)
+  }, ...breakpointStyles);
+};
+exports.getObjectStyle = getObjectStyle;
+//# sourceMappingURL=objectStyle.js.map

package/lib/commonjs/web/convert/object/objectStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_utils2","createStylesValue","styles","normalize","map","style","key","Object","keys","undefined","filter","Boolean","join","getObjectStyle","styleKey","breakpoints","Set","normalStyles","forEach","property","value","Array","isArray","breakpoint","add","push","breakpointStyles","from","flatMap","stylesPerBreakpoint","keyInObject","deepMergeObjects","exports"],"sourceRoot":"../../../../../src","sources":["web/convert/object/objectStyle.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,MAAME,iBAAiB,GAAGA,CAAyBC,MAAsB,EAAEC,SAA6B,KAAKD,MAAM,CAC9GE,GAAG,CAACC,KAAK,IAAI;EACV,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,KAAK,CAAC;EAEhC,IAAI,CAACC,GAAG,EAAE;IACN,OAAOG,SAAS;EACpB;EAEA,OAAON,SAAS,CAACG,GAAG,EAAED,KAAK,CAACC,GAAG,CAAC,CAAC;AACrC,CAAC,CAAC,CACDI,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG,CAAC;AAEP,MAAMC,cAAc,GAAGA,CAAyBX,MAAsB,EAAEY,QAAgB,EAAEX,SAA6B,KAAK;EAC/H,MAAMY,WAAW,GAAG,IAAIC,GAAG,CAAS,CAAC;EACrC,MAAMC,YAA4B,GAAG,EAAE;EAEvCf,MAAM,CAACgB,OAAO,CAACb,KAAK,IAAI;IACpB,MAAM,CAACc,QAAQ,CAAC,GAAGZ,MAAM,CAACC,IAAI,CAACH,KAAK,CAAC;IAErC,IAAI,CAACc,QAAQ,EAAE;MACX;IACJ;IAEA,MAAMC,KAAK,GAAGf,KAAK,CAACc,QAAQ,CAAC;IAE7B,IAAI,OAAOC,KAAK,KAAK,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;MACpDb,MAAM,CAACC,IAAI,CAACY,KAAK,IAAI,CAAC,CAAC,CAAC,CAACF,OAAO,CAACK,UAAU,IAAIR,WAAW,CAACS,GAAG,CAACD,UAAU,CAAC,CAAC;MAE3E;IACJ;IAEAN,YAAY,CAACQ,IAAI,CAACpB,KAAK,CAAC;EAC5B,CAAC,CAAC;EAEF,MAAMqB,gBAAgB,GAAGL,KAAK,CAACM,IAAI,CAACZ,WAAW,CAAC,CAACa,OAAO,CAACL,UAAU,IAAI;IACnE,MAAMM,mBAAmB,GAAG3B,MAAM,CAAC0B,OAAO,CAACvB,KAAK,IAAI;MAChD,MAAM,CAACc,QAAQ,CAAC,GAAGZ,MAAM,CAACC,IAAI,CAACH,KAAK,CAAC;MAErC,IAAI,CAACc,QAAQ,EAAE;QACX,OAAO,EAAE;MACb;MAEA,MAAMC,KAAK,GAAGf,KAAK,CAACc,QAAQ,CAAC;MAE7B,IAAI,OAAOC,KAAK,KAAK,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;QACpD,OAAO,IAAAU,mBAAW,EAACV,KAAK,EAAEG,UAAU,CAAC,GAAG,CAAC;UAAE,CAACJ,QAAQ,GAAGC,KAAK,CAACG,UAAU;QAAE,CAAC,CAAC,GAAG,EAAE;MACpF;MAEA,OAAO,EAAE;IACb,CAAC,CAAmB;IAEpB,OAAO,CAAC;MACJ,CAACA,UAAU,GAAG;QACV,CAACT,QAAQ,GAAGb,iBAAiB,CAAC4B,mBAAmB,EAAE1B,SAAS;MAChE;IACJ,CAAC,CAAC;EACN,CAAC,CAAC;EAEF,OAAO,IAAA4B,uBAAgB,EAAsB;IACzC,CAACjB,QAAQ,GAAGb,iBAAiB,CAACgB,YAAY,EAAEd,SAAS;EACzD,CAAC,EAAE,GAAGuB,gBAAgB,CAAC;AAC3B,CAAC;AAAAM,OAAA,CAAAnB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/commonjs/web/convert/object/transform.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTransformStyle = void 0;
+var _objectStyle = require("./objectStyle");
+var _utils = require("../utils");
+const normalizeTransform = (key, value) => {
+  if (key.includes('scale')) {
+    return value;
+  }
+  if (typeof value === 'number') {
+    return (0, _utils.normalizeNumericValue)(value);
+  }
+  return value;
+};
+const getTransformStyle = transforms => (0, _objectStyle.getObjectStyle)(transforms, 'transform', (key, value) => {
+  switch (key) {
+    case 'matrix':
+      return `${key}(${value.join(',')})`;
+    default:
+      return `${key}(${normalizeTransform(key, value)})`;
+  }
+});
+exports.getTransformStyle = getTransformStyle;
+//# sourceMappingURL=transform.js.map

package/lib/commonjs/web/convert/object/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_objectStyle","require","_utils","normalizeTransform","key","value","includes","normalizeNumericValue","getTransformStyle","transforms","getObjectStyle","join","exports"],"sourceRoot":"../../../../../src","sources":["web/convert/object/transform.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,MAAME,kBAAkB,GAAGA,CAACC,GAAW,EAAEC,KAAU,KAAK;EACpD,IAAID,GAAG,CAACE,QAAQ,CAAC,OAAO,CAAC,EAAE;IACvB,OAAOD,KAAK;EAChB;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAO,IAAAE,4BAAqB,EAACF,KAAK,CAAC;EACvC;EAEA,OAAOA,KAAK;AAChB,CAAC;AAEM,MAAMG,iBAAiB,GAAIC,UAAkC,IAAK,IAAAC,2BAAc,EAACD,UAAU,EAAE,WAAW,EAAE,CAACL,GAAG,EAAEC,KAAK,KAAK;EAC7H,QAAOD,GAAG;IACN,KAAK,QAAQ;MACT,OAAO,GAAGA,GAAG,IAAKC,KAAK,CAAmBM,IAAI,CAAC,GAAG,CAAC,GAAG;IAC1D;MACI,OAAO,GAAGP,GAAG,IAAID,kBAAkB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAG;EAC1D;AACJ,CAAC,CAAC;AAAAO,OAAA,CAAAJ,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/web/convert/pseudo.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pseudos = exports.isPseudo = void 0;
+const pseudos = exports.pseudos = ['_-moz-broken', '_-moz-drag-over', '_-moz-first-node', '_-moz-handler-blocked', '_-moz-handler-crashed', '_-moz-handler-disabled', '_-moz-last-node', '_-moz-loading', '_-moz-locale-dir(ltr)', '_-moz-locale-dir(rtl)', '_-moz-only-whitespace', '_-moz-submit-invalid', '_-moz-suppressed', '_-moz-user-disabled', '_-moz-window-inactive', '_active', '_any-link', '_autofill', '_blank', '_buffering', '_checked', '_current', '_default', '_defined', '_dir(', '_disabled', '_empty', '_enabled', '_first', '_first-child', '_first-of-type', '_focus', '_focus-visible', '_focus-within', '_fullscreen', '_future', '_has(', '_host', '_host-context(', '_host(', '_hover', '_in-range', '_indeterminate', '_invalid', '_is(', '_lang(', '_last-child', '_last-of-type', '_left', '_link', '_local-link', '_modal', '_muted', '_not(', '_nth-child(', '_nth-last-child(', '_nth-last-of-type(', '_nth-of-type(', '_only-child', '_only-of-type', '_optional', '_out-of-range', '_past', '_paused', '_picture-in-picture', '_placeholder-shown', '_playing', '_popover-open', '_read-only', '_read-write', '_required', '_right', '_scope', '_seeking', '_stalled', '_state(', '_target', '_target-within', '_user-invalid', '_user-valid', '_valid', '_visited', '_volume-locked', '_where(', '_-moz-color-swatch', '_-moz-focus-inner', '_-moz-list-bullet', '_-moz-list-number', '_-moz-meter-bar', '_-moz-progress-bar', '_-moz-range-progress', '_-moz-range-thumb', '_-moz-range-track', '_-webkit-inner-spin-button', '_-webkit-meter-barDeprecated', '_-webkit-meter-even-less-good-value', '_-webkit-meter-inner-element', '_-webkit-meter-optimum-value', '_-webkit-meter-suboptimum-value', '_-webkit-progress-bar', '_-webkit-progress-inner-element', '_-webkit-progress-value', '_-webkit-scrollbar', '_-webkit-search-cancel-button', '_-webkit-search-results-button', '_-webkit-slider-runnable-track', '_-webkit-slider-thumb', '_after', '_backdrop', '_before', '_cue', '_file-selector-button', '_first-letter', '_first-line', '_grammar-error', '_highlight(', '_marker', '_part(', '_placeholder', '_selection', '_slotted(', '_spelling-error', '_target-text', '_view-transition', '_view-transition-group', '_view-transition-image-pair', '_view-transition-new', '_view-transition-old'];
+const isPseudo = selector => pseudos.some(pseudo => selector.startsWith(pseudo));
+exports.isPseudo = isPseudo;
+//# sourceMappingURL=pseudo.js.map

package/lib/commonjs/web/convert/pseudo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pseudos","exports","isPseudo","selector","some","pseudo","startsWith"],"sourceRoot":"../../../../src","sources":["web/convert/pseudo.ts"],"mappings":";;;;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,CACnB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,SAAS,EACT,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,EACb,eAAe,EACf,OAAO,EACP,OAAO,EACP,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,eAAe,EACf,OAAO,EACP,SAAS,EACT,qBAAqB,EACrB,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,4BAA4B,EAC5B,8BAA8B,EAC9B,qCAAqC,EACrC,8BAA8B,EAC9B,8BAA8B,EAC9B,iCAAiC,EACjC,uBAAuB,EACvB,iCAAiC,EACjC,yBAAyB,EACzB,oBAAoB,EACpB,+BAA+B,EAC/B,gCAAgC,EAChC,gCAAgC,EAChC,uBAAuB,EACvB,QAAQ,EACR,WAAW,EACX,SAAS,EACT,MAAM,EACN,uBAAuB,EACvB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,wBAAwB,EACxB,6BAA6B,EAC7B,sBAAsB,EACtB,sBAAsB,CAChB;AAEH,MAAME,QAAQ,GAAIC,QAAgB,IAAKH,OAAO,CAACI,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAAAJ,OAAA,CAAAC,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/web/convert/shadow/boxShadow.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBoxShadowStyle = void 0;
+var _utils = require("../../../utils");
+var _types = require("../types");
+var _utils2 = require("../utils");
+var _getShadowBreakpoints = require("./getShadowBreakpoints");
+const createBoxShadowValue = style => {
+  const {
+    shadowColor,
+    shadowOffset,
+    shadowOpacity,
+    shadowRadius
+  } = style;
+  const offsetX = (0, _utils2.normalizeNumericValue)(shadowOffset?.width ?? 0);
+  const offsetY = (0, _utils2.normalizeNumericValue)(shadowOffset?.height ?? 0);
+  const radius = (0, _utils2.normalizeNumericValue)(shadowRadius ?? 0);
+  const color = (0, _utils2.normalizeColor)(shadowColor ?? '#000000', shadowOpacity ?? 1);
+  return `${offsetX} ${offsetY} ${radius} ${color}`;
+};
+const getBoxShadowStyle = styles => {
+  const breakpoints = (0, _getShadowBreakpoints.getShadowBreakpoints)(_types.BOX_SHADOW_STYLES, styles);
+
+  // 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 = (0, _utils2.extractShadowValue)('shadowColor', breakpoint, styles);
+    const {
+      width,
+      height
+    } = (0, _utils2.extractShadowValue)('shadowOffset', breakpoint, styles);
+    const radius = (0, _utils2.extractShadowValue)('shadowRadius', breakpoint, styles);
+    const opacity = (0, _utils2.extractShadowValue)('shadowOpacity', breakpoint, styles);
+    return {
+      [breakpoint]: {
+        boxShadow: createBoxShadowValue({
+          shadowColor: color,
+          shadowOffset: {
+            width,
+            height
+          },
+          shadowRadius: radius,
+          shadowOpacity: opacity
+        })
+      }
+    };
+  });
+
+  // Merge all breakpoints styles into one
+  return (0, _utils.deepMergeObjects)(...breakpointStyles);
+};
+exports.getBoxShadowStyle = getBoxShadowStyle;
+//# sourceMappingURL=boxShadow.js.map

package/lib/commonjs/web/convert/shadow/boxShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_types","_utils2","_getShadowBreakpoints","createBoxShadowValue","style","shadowColor","shadowOffset","shadowOpacity","shadowRadius","offsetX","normalizeNumericValue","width","offsetY","height","radius","color","normalizeColor","getBoxShadowStyle","styles","breakpoints","getShadowBreakpoints","BOX_SHADOW_STYLES","length","boxShadow","breakpointStyles","map","breakpoint","extractShadowValue","opacity","deepMergeObjects","exports"],"sourceRoot":"../../../../../src","sources":["web/convert/shadow/boxShadow.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AAEA,MAAMI,oBAAoB,GAAIC,KAAgB,IAAK;EAC/C,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC,aAAa;IAAEC;EAAa,CAAC,GAAGJ,KAAK;EACxE,MAAMK,OAAO,GAAG,IAAAC,6BAAqB,EAACJ,YAAY,EAAEK,KAAK,IAAI,CAAC,CAAC;EAC/D,MAAMC,OAAO,GAAG,IAAAF,6BAAqB,EAACJ,YAAY,EAAEO,MAAM,IAAI,CAAC,CAAC;EAChE,MAAMC,MAAM,GAAG,IAAAJ,6BAAqB,EAACF,YAAY,IAAI,CAAC,CAAC;EACvD,MAAMO,KAAK,GAAG,IAAAC,sBAAc,EAAEX,WAAW,IAAI,SAAS,EAAcE,aAAa,IAAI,CAAY,CAAC;EAElG,OAAO,GAAGE,OAAO,IAAIG,OAAO,IAAIE,MAAM,IAAIC,KAAK,EAAE;AACrD,CAAC;AAEM,MAAME,iBAAiB,GAAIC,MAA2B,IAAK;EAC9D,MAAMC,WAAW,GAAG,IAAAC,0CAAoB,EAACC,wBAAiB,EAAEH,MAAM,CAAC;;EAEnE;EACA,IAAIC,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAO;MACHC,SAAS,EAAEpB,oBAAoB,CAACe,MAAmB;IACvD,CAAC;EACL;;EAEA;EACA,MAAMM,gBAAgB,GAAGL,WAAW,CAACM,GAAG,CAACC,UAAU,IAAI;IACnD,MAAMX,KAAK,GAAG,IAAAY,0BAAkB,EAAC,aAAa,EAAED,UAAU,EAAER,MAAM,CAAC;IACnE,MAAM;MAAEP,KAAK;MAAEE;IAAO,CAAC,GAAG,IAAAc,0BAAkB,EAAC,cAAc,EAAED,UAAU,EAAER,MAAM,CAAC;IAChF,MAAMJ,MAAM,GAAG,IAAAa,0BAAkB,EAAC,cAAc,EAAED,UAAU,EAAER,MAAM,CAAC;IACrE,MAAMU,OAAO,GAAG,IAAAD,0BAAkB,EAAC,eAAe,EAAED,UAAU,EAAER,MAAM,CAAC;IAEvE,OAAO;MACH,CAACQ,UAAU,GAAG;QACVH,SAAS,EAAEpB,oBAAoB,CAAC;UAC5BE,WAAW,EAAEU,KAAK;UAClBT,YAAY,EAAE;YACVK,KAAK;YACLE;UACJ,CAAC;UACDL,YAAY,EAAEM,MAAM;UACpBP,aAAa,EAAEqB;QACnB,CAAC;MACL;IACJ,CAAC;EACL,CAAC,CAAC;;EAEF;EACA,OAAO,IAAAC,uBAAgB,EAAC,GAAGL,gBAAgB,CAAC;AAChD,CAAC;AAAAM,OAAA,CAAAb,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/web/convert/shadow/getShadowBreakpoints.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getShadowBreakpoints = void 0;
+const getShadowBreakpoints = (shadowProperties, styles) => {
+  const breakpoints = new Set();
+  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));
+  });
+  return Array.from(breakpoints);
+};
+exports.getShadowBreakpoints = getShadowBreakpoints;
+//# sourceMappingURL=getShadowBreakpoints.js.map

package/lib/commonjs/web/convert/shadow/getShadowBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getShadowBreakpoints","shadowProperties","styles","breakpoints","Set","forEach","key","value","width","height","Object","keys","breakpoint","add","Array","from","exports"],"sourceRoot":"../../../../../src","sources":["web/convert/shadow/getShadowBreakpoints.ts"],"mappings":";;;;;;AAEO,MAAMA,oBAAoB,GAAGA,CAACC,gBAAuC,EAAEC,MAA2B,KAAK;EAC1G,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAAS,CAAC;EAErCH,gBAAgB,CAACI,OAAO,CAACC,GAAG,IAAI;IAC5B,MAAMC,KAAK,GAAGL,MAAM,CAACI,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,IAAIT,WAAW,CAACU,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,IAAIT,WAAW,CAACU,GAAG,CAACD,UAAU,CAAC,CAAC;MAC1E;MAEA;IACJ;;IAEA;IACAF,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CAACF,OAAO,CAACO,UAAU,IAAIT,WAAW,CAACU,GAAG,CAACD,UAAU,CAAC,CAAC;EACzE,CAAC,CAAC;EAEF,OAAOE,KAAK,CAACC,IAAI,CAACZ,WAAW,CAAC;AAClC,CAAC;AAAAa,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/commonjs/web/convert/shadow/index.js

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

package/lib/commonjs/web/convert/shadow/index.js.map

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