react-native-unistyles 3.0.0-alpha.3 → 3.0.0-alpha.30

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

@@ -0,0 +1,68 @@
+"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 _transform = require("./transform");
+var _utils2 = require("./utils");
+var _textShadow = require("./textShadow");
+var _boxShadow = require("./boxShadow");
+const convertUnistyles = 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 (['_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, _textShadow.getTextShadowStyle)(value);
+    }
+    // Box shadow
+    if ((0, _utils2.isBoxShadow)(unistylesKey)) {
+      if (hasBoxShadow) {
+        return [];
+      }
+      hasBoxShadow = true;
+      return (0, _boxShadow.getBoxShadowStyle)(value);
+    }
+    // Transforms
+    if ((0, _utils2.isTransform)(unistylesKey, unistylesValue)) {
+      return (0, _transform.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.mapjs.map

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

@@ -0,0 +1,2 @@
+{"version":3,"names":["_pseudo","require","_style","_utils","_transform","_utils2","_textShadow","_boxShadow","convertUnistyles","value","hasTextShadow","hasBoxShadow","stylesArray","Object","entries","_web","flatMap","unistylesKey","unistylesValue","includes","startsWith","isPseudo","flattenValues","isTextShadow","getTextShadowStyle","isBoxShadow","getBoxShadowStyle","isTransform","getTransformStyle","map","breakpointKey","breakpointValue","getStyle","deepMergeObjects","exports"],"sourceRoot":"../../../../src","sources":["web/convert/index.js"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACO,MAAMO,gBAAgB,GAAIC,KAAK,IAAK;EACvC;EACA,IAAIC,aAAa,GAAG,KAAK;EACzB;EACA,IAAIC,YAAY,GAAG,KAAK;EACxB,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;IACA;IACA,IAAI,IAAAC,gBAAQ,EAACJ,YAAY,CAAC,EAAE;MACxB,MAAMK,aAAa,GAAGd,gBAAgB,CAACU,cAAc,CAAC;MACtD,OAAO;QAAE,CAACD,YAAY,GAAGK;MAAc,CAAC;IAC5C;IACA;IACA,IAAI,IAAAC,oBAAY,EAACN,YAAY,CAAC,EAAE;MAC5B,IAAIP,aAAa,EAAE;QACf,OAAO,EAAE;MACb;MACAA,aAAa,GAAG,IAAI;MACpB,OAAO,IAAAc,8BAAkB,EAACf,KAAK,CAAC;IACpC;IACA;IACA,IAAI,IAAAgB,mBAAW,EAACR,YAAY,CAAC,EAAE;MAC3B,IAAIN,YAAY,EAAE;QACd,OAAO,EAAE;MACb;MACAA,YAAY,GAAG,IAAI;MACnB,OAAO,IAAAe,4BAAiB,EAACjB,KAAK,CAAC;IACnC;IACA;IACA,IAAI,IAAAkB,mBAAW,EAACV,YAAY,EAAEC,cAAc,CAAC,EAAE;MAC3C,OAAO,IAAAU,4BAAiB,EAACV,cAAc,CAAC;IAC5C;IACA;IACA,IAAI,OAAOA,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,IAAI,EAAE;MAC/D,OAAOL,MAAM,CAACC,OAAO,CAACI,cAAc,CAAC,CAACW,GAAG,CAAC,CAAC,CAACC,aAAa,EAAEC,eAAe,CAAC,KAAK;QAC5E,OAAO;UAAE,CAACD,aAAa,GAAG,IAAAE,eAAQ,EAACf,YAAY,EAAEc,eAAe;QAAE,CAAC;MACvE,CAAC,CAAC;IACN;IACA;IACA,OAAO,IAAAC,eAAQ,EAACf,YAAY,EAAEC,cAAc,CAAC;EACjD,CAAC,CAAC;EACF,OAAO,IAAAe,uBAAgB,EAAC,GAAGrB,WAAW,CAAC;AAC3C,CAAC;AAACsB,OAAA,CAAA1B,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+List":[]}

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/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,2 @@
+{"version":3,"names":["pseudos","exports","isPseudo","selector","some","pseudo","startsWith"],"sourceRoot":"../../../../src","sources":["web/convert/pseudo.js"],"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,CACzB;AACM,MAAME,QAAQ,GAAIC,QAAQ,IAAKH,OAAO,CAACI,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAACJ,OAAA,CAAAC,QAAA,GAAAA,QAAA","ignoreList":[]}
+

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

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

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

@@ -0,0 +1,2 @@
+{"version":3,"names":["validateShadow","shadowProperties","styles","breakpoints","forEach","key","value","width","height","Object","keys","breakpoint","add","missingBreakpoints","Array","from","filter","length","join","exports"],"sourceRoot":"../../../../src","sources":["web/convert/shadow.js"],"mappings":";;;;;;AAAO,MAAMA,cAAc,GAAGA,CAACC,gBAAgB,EAAEC,MAAM,EAAEC,WAAW,KAAK;EACrE;EACAF,gBAAgB,CAACG,OAAO,CAACC,GAAG,IAAI;IAC5B,MAAMC,KAAK,GAAGJ,MAAM,CAACG,GAAG,CAAC;IACzB,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACJ;IACA,IAAID,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAK,kBAAkB,EAAE;MACtD,MAAM;QAAEE,KAAK;QAAEC;MAAO,CAAC,GAAGF,KAAK;MAC/B;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;MACA;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;MACA;IACJ;IACA;IACAF,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CAACF,OAAO,CAACO,UAAU,IAAIR,WAAW,CAACS,GAAG,CAACD,UAAU,CAAC,CAAC;EACzE,CAAC,CAAC;EACF;EACAV,gBAAgB,CAACG,OAAO,CAACC,GAAG,IAAI;IAC5B,MAAMC,KAAK,GAAGJ,MAAM,CAACG,GAAG,CAAC;IACzB,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACJ;IACA,IAAID,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAK,kBAAkB,EAAE;MACtD,MAAM;QAAEE,KAAK;QAAEC;MAAO,CAAC,GAAGF,KAAK;MAC/B,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;QAC/F,IAAIM,kBAAkB,CAACI,MAAM,EAAE;UAC3B,MAAM,0BAA0BZ,GAAG,WAAWQ,kBAAkB,CAACK,IAAI,CAAC,IAAI,CAAC,EAAE;QACjF;MACJ;MACA,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;QAChG,IAAIK,kBAAkB,CAACI,MAAM,EAAE;UAC3B,MAAM,0BAA0BZ,GAAG,YAAYQ,kBAAkB,CAACK,IAAI,CAAC,IAAI,CAAC,EAAE;QAClF;MACJ;MACA;IACJ;IACA,MAAML,kBAAkB,GAAGC,KAAK,CAACC,IAAI,CAACZ,WAAW,CAAC,CAACa,MAAM,CAACL,UAAU,IAAI,EAAEA,UAAU,IAAIL,KAAK,CAAC,CAAC;IAC/F,IAAIO,kBAAkB,CAACI,MAAM,EAAE;MAC3B,MAAM,0BAA0BZ,GAAG,KAAKQ,kBAAkB,CAACK,IAAI,CAAC,IAAI,CAAC,EAAE;IAC3E;EACJ,CAAC,CAAC;AACN,CAAC;AAACC,OAAA,CAAAnB,cAAA,GAAAA,cAAA","ignoreList":[]}
+st":[]}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _utils = require("../utils");
+const SKIP_STYLES = ['borderCurve', 'elevation', 'textAlignVertical', 'includeFontPadding', 'overlayColor', 'tintColor'];
+const CSS_NUMBER_KEYS = ['animationIterationCount', 'borderImageOutset', 'borderImageSlice', 'borderImageWidth', 'boxFlex', 'boxFlexGroup', 'boxOrdinalGroup', 'columnCount', 'columns', 'counterIncrement', 'counterReset', 'flex', 'flexGrow', 'flexPositive', 'flexShrink', 'flexNegative', 'flexOrder', 'fontWeight', 'gridArea', 'gridColumn', 'gridColumnEnd', 'gridColumnSpan', 'gridColumnStart', 'gridRow', 'gridRowEnd', 'gridRowSpan', 'gridRowStart', 'line-clamp', 'line-height', 'opacity', 'order', 'orphans', 'tabSize', 'widows', 'zIndex', 'zoom', 'fillOpacity', 'floodOpacity', 'stopOpacity', 'strokeDasharray', 'strokeDashoffset', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth'];
+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
+  })
+};
+const convertNumber = (key, value) => {
+  if (typeof value === 'number') {
+    return CSS_NUMBER_KEYS.includes(key, value) ? value : `${value}px`;
+  }
+  return value;
+};
+const getStyle = (key, value) => {
+  if (SKIP_STYLES.includes(key)) {
+    return {};
+  }
+  if ((0, _utils.keyInObject)(convertMap, key)) {
+    return convertMap[key]?.(convertNumber(key, value)) ?? {};
+  }
+  return {
+    [key]: convertNumber(key, value)
+  };
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1,2 @@
+{"version":3,"names":["_utils","require","SKIP_STYLES","CSS_NUMBER_KEYS","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","convertNumber","key","includes","getStyle","keyInObject","exports"],"sourceRoot":"../../../../src","sources":["web/convert/style.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,MAAMC,WAAW,GAAG,CAChB,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,CACd;AACD,MAAMC,eAAe,GAAG,CACpB,yBAAyB,EACzB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,MAAM,EACN,UAAU,EACV,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,cAAc,EACd,YAAY,EACZ,aAAa,EACb,SAAS,EACT,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,aAAa,EACb,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,aAAa,CAChB;AACD,MAAMC,UAAU,GAAG;EACfC,gBAAgB,EAAGC,KAAK,KAAM;IAC1BC,YAAY,EAAED;EAClB,CAAC,CAAC;EACFE,cAAc,EAAGF,KAAK,KAAM;IACxBG,WAAW,EAAEH;EACjB,CAAC,CAAC;EACFI,iBAAiB,EAAGJ,KAAK,KAAM;IAC3BK,aAAa,EAAEL;EACnB,CAAC,CAAC;EACFM,eAAe,EAAGN,KAAK,KAAM;IACzBO,YAAY,EAAEP;EAClB,CAAC,CAAC;EACFQ,gBAAgB,EAAGR,KAAK,KAAM;IAC1BS,SAAS,EAAET;EACf,CAAC,CAAC;EACFU,qBAAqB,EAAGV,KAAK,KAAM;IAC/BW,uBAAuB,EAAEX;EAC7B,CAAC,CAAC;EACFY,uBAAuB,EAAGZ,KAAK,KAAM;IACjCa,sBAAsB,EAAEb;EAC5B,CAAC,CAAC;EACFc,cAAc,EAAGd,KAAK,KAAM;IACxBe,oBAAoB,EAAEf;EAC1B,CAAC,CAAC;EACFgB,gBAAgB,EAAGhB,KAAK,KAAM;IAC1BiB,sBAAsB,EAAEjB;EAC5B,CAAC,CAAC;EACFkB,kBAAkB,EAAGlB,KAAK,KAAM;IAC5BmB,oBAAoB,EAAEnB;EAC1B,CAAC,CAAC;EACFoB,oBAAoB,EAAGpB,KAAK,KAAM;IAC9BqB,mBAAmB,EAAErB;EACzB,CAAC,CAAC;EACFsB,cAAc,EAAGtB,KAAK,KAAM;IACxBuB,oBAAoB,EAAEvB;EAC1B,CAAC,CAAC;EACFwB,gBAAgB,EAAGxB,KAAK,KAAM;IAC1ByB,sBAAsB,EAAEzB;EAC5B,CAAC,CAAC;EACF0B,GAAG,EAAG1B,KAAK,KAAM;IACb2B,KAAK,EAAE3B;EACX,CAAC,CAAC;EACF4B,KAAK,EAAG5B,KAAK,KAAM;IACf6B,IAAI,EAAE7B;EACV,CAAC,CAAC;EACF8B,SAAS,EAAG9B,KAAK,KAAM;IACnB+B,WAAW,EAAE/B;EACjB,CAAC,CAAC;EACFgC,WAAW,EAAGhC,KAAK,KAAM;IACrBiC,UAAU,EAAEjC;EAChB,CAAC,CAAC;EACFkC,UAAU,EAAGlC,KAAK,KAAM;IACpBmC,YAAY,EAAEnC;EAClB,CAAC,CAAC;EACFoC,YAAY,EAAGpC,KAAK,KAAM;IACtBqC,WAAW,EAAErC;EACjB,CAAC,CAAC;EACFsC,eAAe,EAAGtC,KAAK,KAAM;IACzBuC,SAAS,EAAE,UAAUvC,KAAK,CAACwC,IAAI,CAAC,IAAI,CAAC;EACzC,CAAC,CAAC;EACFC,UAAU,EAAGzC,KAAK,KAAM;IACpB0C,cAAc,EAAE1C;EACpB,CAAC;AACL,CAAC;AACD,MAAM2C,aAAa,GAAGA,CAACC,GAAG,EAAE5C,KAAK,KAAK;EAClC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOH,eAAe,CAACgD,QAAQ,CAACD,GAAG,EAAE5C,KAAK,CAAC,GAAGA,KAAK,GAAG,GAAGA,KAAK,IAAI;EACtE;EACA,OAAOA,KAAK;AAChB,CAAC;AACM,MAAM8C,QAAQ,GAAGA,CAACF,GAAG,EAAE5C,KAAK,KAAK;EACpC,IAAIJ,WAAW,CAACiD,QAAQ,CAACD,GAAG,CAAC,EAAE;IAC3B,OAAO,CAAC,CAAC;EACb;EACA,IAAI,IAAAG,kBAAW,EAACjD,UAAU,EAAE8C,GAAG,CAAC,EAAE;IAC9B,OAAO9C,UAAU,CAAC8C,GAAG,CAAC,GAAGD,aAAa,CAACC,GAAG,EAAE5C,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;EAC7D;EACA,OAAO;IACH,CAAC4C,GAAG,GAAGD,aAAa,CAACC,GAAG,EAAE5C,KAAK;EACnC,CAAC;AACL,CAAC;AAACgD,OAAA,CAAAF,QAAA,GAAAA,QAAA","ignoreList":[]}
+:[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTextShadowStyle = void 0;
+var _utils = require("../utils");
+var _shadow = require("./shadow");
+var _types = require("./types");
+var _utils2 = require("./utils");
+const createTextShadowValue = style => {
+  const {
+    textShadowColor,
+    textShadowOffset,
+    textShadowRadius
+  } = style;
+  const offsetX = (0, _utils2.normalizeNumericValue)(textShadowOffset.width);
+  const offsetY = (0, _utils2.normalizeNumericValue)(textShadowOffset.height);
+  const radius = (0, _utils2.normalizeNumericValue)(textShadowRadius);
+  const color = (0, _utils2.normalizeColor)(textShadowColor);
+  return `${offsetX} ${offsetY} ${radius} ${color}`;
+};
+const getTextShadowStyle = styles => {
+  const missingStyles = _types.TEXT_SHADOW_STYLES.filter(key => !(key in styles));
+  if (missingStyles.length) {
+    (0, _utils.warn)(`can't apply text shadow as you miss these properties: ${missingStyles.join(', ')}`);
+    return {};
+  }
+  const breakpointsSet = new Set();
+  try {
+    (0, _shadow.validateShadow)(_types.TEXT_SHADOW_STYLES, styles, breakpointsSet);
+  } catch (error) {
+    if (typeof error === 'string') {
+      (0, _utils.warn)(error);
+    }
+    return {};
+  }
+  const breakpoints = Array.from(breakpointsSet);
+  // If no breakpoints were used return styles without media queries
+  if (breakpoints.length === 0) {
+    return {
+      textShadow: createTextShadowValue(styles)
+    };
+  }
+  // Create textShadow for each breakpoint
+  const breakpointStyles = breakpoints.map(breakpoint => {
+    const color = (0, _utils2.extractShadowValue)('textShadowColor', breakpoint, styles);
+    const {
+      width,
+      height
+    } = (0, _utils2.extractShadowValue)('textShadowOffset', breakpoint, styles);
+    const radius = (0, _utils2.extractShadowValue)('textShadowRadius', breakpoint, styles);
+    return {
+      [breakpoint]: {
+        textShadow: createTextShadowValue({
+          textShadowColor: color,
+          textShadowOffset: {
+            width,
+            height
+          },
+          textShadowRadius: radius
+        })
+      }
+    };
+  });
+  // Merge all breakpoints styles into one
+  return (0, _utils.deepMergeObjects)(...breakpointStyles);
+};
+exports.getTextShadowStyle = getTextShadowStyle;
+//# sourceMappingURL=textShadow.js.mapmap

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

@@ -0,0 +1,2 @@
+{"version":3,"names":["_utils","require","_shadow","_types","_utils2","createTextShadowValue","style","textShadowColor","textShadowOffset","textShadowRadius","offsetX","normalizeNumericValue","width","offsetY","height","radius","color","normalizeColor","getTextShadowStyle","styles","missingStyles","TEXT_SHADOW_STYLES","filter","key","length","warn","join","breakpointsSet","Set","validateShadow","error","breakpoints","Array","from","textShadow","breakpointStyles","map","breakpoint","extractShadowValue","deepMergeObjects","exports"],"sourceRoot":"../../../../src","sources":["web/convert/textShadow.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,MAAMI,qBAAqB,GAAIC,KAAK,IAAK;EACrC,MAAM;IAAEC,eAAe;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAGH,KAAK;EACrE,MAAMI,OAAO,GAAG,IAAAC,6BAAqB,EAACH,gBAAgB,CAACI,KAAK,CAAC;EAC7D,MAAMC,OAAO,GAAG,IAAAF,6BAAqB,EAACH,gBAAgB,CAACM,MAAM,CAAC;EAC9D,MAAMC,MAAM,GAAG,IAAAJ,6BAAqB,EAACF,gBAAgB,CAAC;EACtD,MAAMO,KAAK,GAAG,IAAAC,sBAAc,EAACV,eAAe,CAAC;EAC7C,OAAO,GAAGG,OAAO,IAAIG,OAAO,IAAIE,MAAM,IAAIC,KAAK,EAAE;AACrD,CAAC;AACM,MAAME,kBAAkB,GAAIC,MAAM,IAAK;EAC1C,MAAMC,aAAa,GAAGC,yBAAkB,CAACC,MAAM,CAACC,GAAG,IAAI,EAAEA,GAAG,IAAIJ,MAAM,CAAC,CAAC;EACxE,IAAIC,aAAa,CAACI,MAAM,EAAE;IACtB,IAAAC,WAAI,EAAC,yDAAyDL,aAAa,CAACM,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;IACzF,OAAO,CAAC,CAAC;EACb;EACA,MAAMC,cAAc,GAAG,IAAIC,GAAG,CAAC,CAAC;EAChC,IAAI;IACA,IAAAC,sBAAc,EAACR,yBAAkB,EAAEF,MAAM,EAAEQ,cAAc,CAAC;EAC9D,CAAC,CACD,OAAOG,KAAK,EAAE;IACV,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;MAC3B,IAAAL,WAAI,EAACK,KAAK,CAAC;IACf;IACA,OAAO,CAAC,CAAC;EACb;EACA,MAAMC,WAAW,GAAGC,KAAK,CAACC,IAAI,CAACN,cAAc,CAAC;EAC9C;EACA,IAAII,WAAW,CAACP,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAO;MACHU,UAAU,EAAE7B,qBAAqB,CAACc,MAAM;IAC5C,CAAC;EACL;EACA;EACA,MAAMgB,gBAAgB,GAAGJ,WAAW,CAACK,GAAG,CAACC,UAAU,IAAI;IACnD,MAAMrB,KAAK,GAAG,IAAAsB,0BAAkB,EAAC,iBAAiB,EAAED,UAAU,EAAElB,MAAM,CAAC;IACvE,MAAM;MAAEP,KAAK;MAAEE;IAAO,CAAC,GAAG,IAAAwB,0BAAkB,EAAC,kBAAkB,EAAED,UAAU,EAAElB,MAAM,CAAC;IACpF,MAAMJ,MAAM,GAAG,IAAAuB,0BAAkB,EAAC,kBAAkB,EAAED,UAAU,EAAElB,MAAM,CAAC;IACzE,OAAO;MACH,CAACkB,UAAU,GAAG;QACVH,UAAU,EAAE7B,qBAAqB,CAAC;UAC9BE,eAAe,EAAES,KAAK;UACtBR,gBAAgB,EAAE;YACdI,KAAK;YACLE;UACJ,CAAC;UACDL,gBAAgB,EAAEM;QACtB,CAAC;MACL;IACJ,CAAC;EACL,CAAC,CAAC;EACF;EACA,OAAO,IAAAwB,uBAAgB,EAAC,GAAGJ,gBAAgB,CAAC;AAChD,CAAC;AAACK,OAAA,CAAAtB,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+t":[]}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTransformStyle = void 0;
+var _utils = require("../utils");
+var _utils2 = require("./utils");
+const normalizeTransform = (key, value) => {
+  if (key.includes('scale')) {
+    return value;
+  }
+  if (typeof value === 'number') {
+    return (0, _utils2.normalizeNumericValue)(value);
+  }
+  return value;
+};
+const createTransformValue = transforms => transforms.map(transform => {
+  const [key] = Object.keys(transform);
+  if (!key) {
+    return undefined;
+  }
+  const value = transform[key];
+  switch (key) {
+    case 'matrix':
+    case 'matrix3d':
+      return `${key}(${value.join(',')})`;
+    default:
+      return `${key}(${normalizeTransform(key, value)})`;
+  }
+}).filter(Boolean).join(' ');
+const getTransformStyle = transforms => {
+  const breakpoints = new Set();
+  const normalTransforms = [];
+  transforms.forEach(transform => {
+    const [property] = Object.keys(transform);
+    if (!property) {
+      return;
+    }
+    const value = transform[property];
+    if (typeof value === 'object' && !Array.isArray(value)) {
+      Object.keys(value).forEach(breakpoint => breakpoints.add(breakpoint));
+      return;
+    }
+    normalTransforms.push(transform);
+  });
+  const breakpointTransforms = Array.from(breakpoints).flatMap(breakpoint => {
+    const transformsPerBreakpoint = transforms.flatMap(transform => {
+      const [property] = Object.keys(transform);
+      if (!property) {
+        return [];
+      }
+      const value = transform[property];
+      if (typeof value === 'object' && !Array.isArray(value)) {
+        return (0, _utils.keyInObject)(value, breakpoint) ? [{
+          [property]: value[breakpoint]
+        }] : [];
+      }
+      return [];
+    });
+    return [{
+      [breakpoint]: {
+        transform: createTransformValue(transformsPerBreakpoint)
+      }
+    }];
+  });
+  return (0, _utils.deepMergeObjects)({
+    transform: createTransformValue(normalTransforms)
+  }, ...breakpointTransforms);
+};
+exports.getTransformStyle = getTransformStyle;
+//# sourceMappingURL=transform.js.map

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

@@ -0,0 +1,2 @@
+{"version":3,"names":["_utils","require","_utils2","normalizeTransform","key","value","includes","normalizeNumericValue","createTransformValue","transforms","map","transform","Object","keys","undefined","join","filter","Boolean","getTransformStyle","breakpoints","Set","normalTransforms","forEach","property","Array","isArray","breakpoint","add","push","breakpointTransforms","from","flatMap","transformsPerBreakpoint","keyInObject","deepMergeObjects","exports"],"sourceRoot":"../../../../src","sources":["web/convert/transform.js"],"mappings":"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","ignoreList":[]}
+]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEXT_SHADOW_STYLES = exports.BOX_SHADOW_STYLES = void 0;
+const TEXT_SHADOW_STYLES = exports.TEXT_SHADOW_STYLES = ['textShadowColor', 'textShadowOffset', 'textShadowRadius'];
+const BOX_SHADOW_STYLES = exports.BOX_SHADOW_STYLES = ['shadowColor', 'shadowRadius', 'shadowOpacity', 'shadowOffset'];
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TEXT_SHADOW_STYLES","exports","BOX_SHADOW_STYLES"],"sourceRoot":"../../../../src","sources":["web/convert/types.ts"],"mappings":";;;;;;AAKO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,CAAU;AAI/F,MAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,CAAC,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,CAAU","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeNumericValue = exports.normalizeColor = exports.isTransform = exports.isTextShadow = exports.isBoxShadow = exports.extractShadowValue = void 0;
+var _normalizeColors = _interopRequireDefault(require("@react-native/normalize-colors"));
+var _types = require("./types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// based on react-native-web normalizer
+// https://github.com/necolas/react-native-web
+
+const isTransform = (key, value) => key === 'transform' && Array.isArray(value);
+exports.isTransform = isTransform;
+const isTextShadow = key => _types.TEXT_SHADOW_STYLES.includes(key);
+exports.isTextShadow = isTextShadow;
+const isBoxShadow = key => _types.BOX_SHADOW_STYLES.includes(key);
+exports.isBoxShadow = isBoxShadow;
+const normalizeNumericValue = value => value ? `${value}px` : value;
+exports.normalizeNumericValue = normalizeNumericValue;
+const normalizeColor = (color, opacity = 1) => {
+  // If the opacity is 1 there's no need to normalize the color
+  if (opacity === 1) {
+    return color;
+  }
+  const integer = (0, _normalizeColors.default)(color);
+  // If the color is an unknown format, the return value is null
+  if (integer === null) {
+    return color;
+  }
+  const hex = integer.toString(16).padStart(8, '0');
+  if (hex.length === 8) {
+    const [r = 0, g = 0, b = 0, a = 1] = hex.split(/(?=(?:..)*$)/).map(x => parseInt(x, 16)).filter(num => !isNaN(num));
+    return `rgba(${r},${g},${b},${a / 255 * opacity})`;
+  }
+  return color;
+};
+exports.normalizeColor = normalizeColor;
+const extractShadowValue = (key, breakpoint, styles) => {
+  const value = styles[key];
+  if (key === 'textShadowOffset' || key === 'shadowOffset') {
+    const {
+      width,
+      height
+    } = value;
+    return {
+      width: typeof width === 'object' ? width[breakpoint] : width,
+      height: typeof height === 'object' ? height[breakpoint] : height
+    };
+  }
+  return typeof value === 'object' ? value[breakpoint] : value;
+};
+exports.extractShadowValue = extractShadowValue;
+//# sourceMappingURL=utils.js.mapp

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

@@ -0,0 +1,2 @@
+{"version":3,"names":["_normalizeColors","_interopRequireDefault","require","_types","e","__esModule","default","isTransform","key","value","Array","isArray","exports","isTextShadow","TEXT_SHADOW_STYLES","includes","isBoxShadow","BOX_SHADOW_STYLES","normalizeNumericValue","normalizeColor","color","opacity","integer","normalizeColors","hex","toString","padStart","length","r","g","b","a","split","map","x","parseInt","filter","num","isNaN","extractShadowValue","breakpoint","styles","width","height"],"sourceRoot":"../../../../src","sources":["web/convert/utils.js"],"mappings":";;;;;;AAEA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAgE,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAHhE;AACA;;AAGO,MAAMG,WAAW,GAAGA,CAACC,GAAG,EAAEC,KAAK,KAAKD,GAAG,KAAK,WAAW,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAACG,OAAA,CAAAL,WAAA,GAAAA,WAAA;AAChF,MAAMM,YAAY,GAAIL,GAAG,IAAKM,yBAAkB,CAACC,QAAQ,CAACP,GAAG,CAAC;AAACI,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/D,MAAMG,WAAW,GAAIR,GAAG,IAAKS,wBAAiB,CAACF,QAAQ,CAACP,GAAG,CAAC;AAACI,OAAA,CAAAI,WAAA,GAAAA,WAAA;AAC7D,MAAME,qBAAqB,GAAIT,KAAK,IAAKA,KAAK,GAAG,GAAGA,KAAK,IAAI,GAAGA,KAAK;AAACG,OAAA,CAAAM,qBAAA,GAAAA,qBAAA;AACtE,MAAMC,cAAc,GAAGA,CAACC,KAAK,EAAEC,OAAO,GAAG,CAAC,KAAK;EAClD;EACA,IAAIA,OAAO,KAAK,CAAC,EAAE;IACf,OAAOD,KAAK;EAChB;EACA,MAAME,OAAO,GAAG,IAAAC,wBAAe,EAACH,KAAK,CAAC;EACtC;EACA,IAAIE,OAAO,KAAK,IAAI,EAAE;IAClB,OAAOF,KAAK;EAChB;EACA,MAAMI,GAAG,GAAGF,OAAO,CAACG,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACjD,IAAIF,GAAG,CAACG,MAAM,KAAK,CAAC,EAAE;IAClB,MAAM,CAACC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,CAAC,GAAGP,GAAG,CACnCQ,KAAK,CAAC,cAAc,CAAC,CACrBC,GAAG,CAACC,CAAC,IAAIC,QAAQ,CAACD,CAAC,EAAE,EAAE,CAAC,CAAC,CACzBE,MAAM,CAACC,GAAG,IAAI,CAACC,KAAK,CAACD,GAAG,CAAC,CAAC;IAC/B,OAAO,QAAQT,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAKC,CAAC,GAAG,GAAG,GAAIV,OAAO,GAAG;EACxD;EACA,OAAOD,KAAK;AAChB,CAAC;AAACR,OAAA,CAAAO,cAAA,GAAAA,cAAA;AACK,MAAMoB,kBAAkB,GAAGA,CAAC/B,GAAG,EAAEgC,UAAU,EAAEC,MAAM,KAAK;EAC3D,MAAMhC,KAAK,GAAGgC,MAAM,CAACjC,GAAG,CAAC;EACzB,IAAIA,GAAG,KAAK,kBAAkB,IAAIA,GAAG,KAAK,cAAc,EAAE;IACtD,MAAM;MAAEkC,KAAK;MAAEC;IAAO,CAAC,GAAGlC,KAAK;IAC/B,OAAO;MACHiC,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACF,UAAU,CAAC,GAAGE,KAAK;MAC5DC,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGA,MAAM,CAACH,UAAU,CAAC,GAAGG;IAC9D,CAAC;EACL;EACA,OAAO,OAAOlC,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAAC+B,UAAU,CAAC,GAAG/B,KAAK;AAChE,CAAC;AAACG,OAAA,CAAA2B,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+t":[]}

package/lib/commonjs/web/create.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.create = void 0;
+var _utils = require("./utils");
+var _runtime = require("./runtime");
+var _variants = require("./variants");
+const create = stylesheet => {
+  const computedStylesheet = typeof stylesheet === 'function' ? stylesheet(_runtime.UnistylesRuntime.theme, _runtime.UnistylesRuntime.miniRuntime) : stylesheet;
+  const selectedVariants = new Map();
+  const copyVariants = () => Object.fromEntries(selectedVariants.entries());
+  const addSecrets = (value, key, args) => (0, _utils.assignSecrets)(value, {
+    __uni__key: key,
+    __uni__refs: new Set(),
+    __uni__stylesheet: stylesheet,
+    __uni__args: args,
+    __uni__variants: copyVariants()
+  });
+  const styles = (0, _utils.reduceObject)(computedStylesheet, (value, _key) => {
+    const key = String(_key);
+    if (typeof value === 'function') {
+      const dynamicStyle = (...args) => {
+        const result = value(...args);
+        const variants = Object.fromEntries((0, _variants.getVariants)({
+          [key]: result
+        }, copyVariants()));
+        const resultWithVariants = (0, _utils.deepMergeObjects)(result, variants[key] ?? {});
+
+        // Add secrets to result of dynamic styles function
+        return addSecrets((0, _utils.getStyles)(resultWithVariants), key, args);
+      };
+
+      // Add secrets to dynamic styles function
+      return addSecrets(dynamicStyle, key);
+    }
+
+    // Add secrets to static styles
+    return addSecrets((0, _utils.getStyles)(value), key);
+  });
+
+  // Inject useVariants hook to styles
+  (0, _variants.createUseVariants)(styles, newVariants => Object.entries(newVariants).forEach(([key, value]) => selectedVariants.set(key, value)));
+  return styles;
+};
+exports.create = create;
+//# sourceMappingURL=create.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_runtime","_variants","create","stylesheet","computedStylesheet","UnistylesRuntime","theme","miniRuntime","selectedVariants","Map","copyVariants","Object","fromEntries","entries","addSecrets","value","key","args","assignSecrets","__uni__key","__uni__refs","Set","__uni__stylesheet","__uni__args","__uni__variants","styles","reduceObject","_key","String","dynamicStyle","result","variants","getVariants","resultWithVariants","deepMergeObjects","getStyles","createUseVariants","newVariants","forEach","set","exports"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEO,MAAMG,MAAM,GAAIC,UAAiD,IAAK;EACzE,MAAMC,kBAAkB,GAAG,OAAOD,UAAU,KAAK,UAAU,GACrDA,UAAU,CAACE,yBAAgB,CAACC,KAAK,EAAED,yBAAgB,CAACE,WAAW,CAAC,GAChEJ,UAAU;EAChB,MAAMK,gBAAgB,GAAG,IAAIC,GAAG,CAAc,CAAC;EAE/C,MAAMC,YAAY,GAAGA,CAAA,KAAMC,MAAM,CAACC,WAAW,CAACJ,gBAAgB,CAACK,OAAO,CAAC,CAAC,CAAC;EACzE,MAAMC,UAAU,GAAGA,CAACC,KAAU,EAAEC,GAAW,EAAEC,IAAiB,KAAK,IAAAC,oBAAa,EAACH,KAAK,EAAE;IACpFI,UAAU,EAAEH,GAAG;IACfI,WAAW,EAAE,IAAIC,GAAG,CAAC,CAAC;IACtBC,iBAAiB,EAAEnB,UAAU;IAC7BoB,WAAW,EAAEN,IAAI;IACjBO,eAAe,EAAEd,YAAY,CAAC;EAClC,CAAC,CAAC;EAEF,MAAMe,MAAM,GAAG,IAAAC,mBAAY,EAACtB,kBAAkB,EAAE,CAACW,KAAK,EAAEY,IAAI,KAAK;IAC7D,MAAMX,GAAG,GAAGY,MAAM,CAACD,IAAI,CAAC;IAExB,IAAI,OAAOZ,KAAK,KAAK,UAAU,EAAE;MAC7B,MAAMc,YAAY,GAAGA,CAAC,GAAGZ,IAAgB,KAAK;QAC1C,MAAMa,MAAM,GAAGf,KAAK,CAAC,GAAGE,IAAI,CAAC;QAC7B,MAAMc,QAAQ,GAAGpB,MAAM,CAACC,WAAW,CAAC,IAAAoB,qBAAW,EAAC;UAAE,CAAChB,GAAG,GAAGc;QAAO,CAAC,EAAuCpB,YAAY,CAAC,CAAC,CAAC,CAAC;QACxH,MAAMuB,kBAAkB,GAAG,IAAAC,uBAAgB,EAACJ,MAAM,EAAEC,QAAQ,CAACf,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;;QAExE;QACA,OAAOF,UAAU,CAAC,IAAAqB,gBAAS,EAACF,kBAAkB,CAAC,EAAEjB,GAAG,EAAEC,IAAI,CAAC;MAC/D,CAAC;;MAED;MACA,OAAOH,UAAU,CAACe,YAAY,EAAEb,GAAG,CAAC;IACxC;;IAEA;IACA,OAAOF,UAAU,CAAC,IAAAqB,gBAAS,EAACpB,KAAK,CAAC,EAAEC,GAAG,CAAC;EAC5C,CAAC,CAAsC;;EAEvC;EACA,IAAAoB,2BAAiB,EAACX,MAAM,EAAEY,WAAW,IAAI1B,MAAM,CAACE,OAAO,CAACwB,WAAW,CAAC,CAACC,OAAO,CAAC,CAAC,CAACtB,GAAG,EAAED,KAAK,CAAC,KAAKP,gBAAgB,CAAC+B,GAAG,CAACvB,GAAG,EAAED,KAAK,CAAC,CAAC,CAAC;EAEjI,OAAOU,MAAM;AACjB,CAAC;AAAAe,OAAA,CAAAtC,MAAA,GAAAA,MAAA","ignoreList":[]}

package/lib/commonjs/web/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  StyleSheet: true,
+  getSSRUnistyles: true,
+  UnistylesRuntime: true,
+  UnistylesShadowRegistry: true
+};
+exports.StyleSheet = void 0;
+Object.defineProperty(exports, "UnistylesRuntime", {
+  enumerable: true,
+  get: function () {
+    return _runtime.UnistylesRuntime;
+  }
+});
+Object.defineProperty(exports, "UnistylesShadowRegistry", {
+  enumerable: true,
+  get: function () {
+    return _shadowRegistry.UnistylesShadowRegistry;
+  }
+});
+exports.getSSRUnistyles = void 0;
+var _create = require("./create");
+var _state = require("./state");
+var _utils = require("./utils");
+var _runtime = require("./runtime");
+var _shadowRegistry = require("./shadowRegistry");
+var _mock = require("./mock");
+Object.keys(_mock).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _mock[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _mock[key];
+    }
+  });
+});
+const StyleSheet = exports.StyleSheet = {
+  configure: _state.UnistylesState.init,
+  create: _create.create,
+  absoluteFill: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0
+  },
+  compose: (a, b) => (0, _utils.deepMergeObjects)(a, b),
+  flatten: (...styles) => (0, _utils.deepMergeObjects)(...styles),
+  hairlineWidth: 1
+};
+// TODO: Work on SSR
+const getSSRUnistyles = () => [];
+exports.getSSRUnistyles = getSSRUnistyles;
+//# sourceMappingURL=index.js.map