react-native-unistyles 3.0.0-alpha.2 → 3.0.0-alpha.21

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

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _utils = require("../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`
+  })
+};
+const getStyle = (key, value) => {
+  if (stylesToSkip.includes(key)) {
+    return {};
+  }
+  if ((0, _utils.keyInObject)(convertMap, key)) {
+    return convertMap[key]?.(value) ?? {};
+  }
+  return {
+    [key]: value
+  };
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","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","keyInObject","exports"],"sourceRoot":"../../../../src","sources":["web/convert/style.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,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;AAEtD,MAAM4C,QAAQ,GAAGA,CAACC,GAAW,EAAE7C,KAAU,KAAK;EACjD,IAAIH,YAAY,CAACiD,QAAQ,CAACD,GAAG,CAAC,EAAE;IAC5B,OAAO,CAAC,CAAC;EACb;EAEA,IAAI,IAAAE,kBAAW,EAACjD,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;AAAAgD,OAAA,CAAAJ,QAAA,GAAAA,QAAA","ignoreList":[]}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTextShadowStyle = void 0;
+var _typestyle = require("typestyle");
+var _utils = require("../utils");
+var _shadow = require("./shadow");
+var _breakpoint = require("./breakpoint");
+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 (0, _typestyle.media)((0, _breakpoint.convertBreakpoint)(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.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_typestyle","require","_utils","_shadow","_breakpoint","_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","media","convertBreakpoint","deepMergeObjects","exports"],"sourceRoot":"../../../../src","sources":["web/convert/textShadow.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,MAAMM,qBAAqB,GAAIC,KAAiB,IAAK;EACjD,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,eAAyB,CAAC;EAEvD,OAAO,GAAGG,OAAO,IAAIG,OAAO,IAAIE,MAAM,IAAIC,KAAK,EAAE;AACrD,CAAC;AAEM,MAAME,kBAAkB,GAAIC,MAA2B,IAA0B;EACpF,MAAMC,aAAa,GAAGC,yBAAkB,CAACC,MAAM,CAACC,GAAG,IAAI,EAAEA,GAAG,IAAIJ,MAAM,CAAC,CAAC;EAExE,IAAIC,aAAa,CAACI,MAAM,EAAE;IACtB,IAAAC,WAAI,EAAC,yDAAyDL,aAAa,CAACM,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;IAEzF,OAAO,CAAC,CAAC;EACb;EAEA,MAAMC,cAAc,GAAG,IAAIC,GAAG,CAAS,CAAC;EAExC,IAAI;IACA,IAAAC,sBAAc,EAACR,yBAAkB,EAAEF,MAAM,EAAEQ,cAAc,CAAC;EAC9D,CAAC,CAAC,OAAOG,KAAK,EAAE;IACZ,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;MAC3B,IAAAL,WAAI,EAACK,KAAK,CAAC;IACf;IAEA,OAAO,CAAC,CAAC;EACb;EAEA,MAAMC,WAAW,GAAGC,KAAK,CAACC,IAAI,CAACN,cAAc,CAAC;;EAE9C;EACA,IAAII,WAAW,CAACP,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAO;MACHU,UAAU,EAAE7B,qBAAqB,CAACc,MAAoB;IAC1D,CAAC;EACL;;EAEA;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;IAEzE,OAAO,IAAAoB,gBAAK,EAAC,IAAAC,6BAAiB,EAACH,UAAU,CAAC,EAAE;MACxCH,UAAU,EAAE7B,qBAAqB,CAAC;QAC9BE,eAAe,EAAES,KAAK;QACtBR,gBAAgB,EAAE;UACdI,KAAK;UACLE;QACJ,CAAC;QACDL,gBAAgB,EAAEM;MACtB,CAAC;IACL,CAAC,CAAC;EACN,CAAC,CAAC;;EAEF;EACA,OAAO,IAAA0B,uBAAgB,EAAC,GAAGN,gBAAgB,CAAC;AAChD,CAAC;AAAAO,OAAA,CAAAxB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTransformStyle = void 0;
+var _typestyle = require("typestyle");
+var _utils = require("../utils");
+var _utils2 = require("./utils");
+var _breakpoint = require("./breakpoint");
+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 (0, _typestyle.media)((0, _breakpoint.convertBreakpoint)(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 @@
+{"version":3,"names":["_typestyle","require","_utils","_utils2","_breakpoint","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","media","convertBreakpoint","deepMergeObjects","exports"],"sourceRoot":"../../../../src","sources":["web/convert/transform.ts"],"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,55 @@
+"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.map

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

@@ -0,0 +1 @@
+{"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.ts"],"mappings":";;;;;;AAEA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAmG,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAHnG;AACA;;AAIO,MAAMG,WAAW,GAAGA,CAACC,GAAW,EAAEC,KAAU,KAA0CD,GAAG,KAAK,WAAW,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAAAG,OAAA,CAAAL,WAAA,GAAAA,WAAA;AAEjI,MAAMM,YAAY,GAAIL,GAAW,IAAKM,yBAAkB,CAACC,QAAQ,CAACP,GAAwC,CAAC;AAAAI,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAE3G,MAAMG,WAAW,GAAIR,GAAW,IAAKS,wBAAiB,CAACF,QAAQ,CAACP,GAAuC,CAAC;AAAAI,OAAA,CAAAI,WAAA,GAAAA,WAAA;AAExG,MAAME,qBAAqB,GAAIT,KAAa,IAAKA,KAAK,GAAG,GAAGA,KAAK,IAAI,GAAGA,KAAK;AAAAG,OAAA,CAAAM,qBAAA,GAAAA,qBAAA;AAE7E,MAAMC,cAAc,GAAGA,CAACC,KAAa,EAAEC,OAAe,GAAG,CAAC,KAAK;EAClE;EACA,IAAIA,OAAO,KAAK,CAAC,EAAE;IACf,OAAOD,KAAK;EAChB;EAEA,MAAME,OAAO,GAAG,IAAAC,wBAAe,EAACH,KAAK,CAAC;;EAEtC;EACA,IAAIE,OAAO,KAAK,IAAI,EAAE;IAClB,OAAOF,KAAK;EAChB;EAEA,MAAMI,GAAG,GAAGF,OAAO,CAACG,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAEjD,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;IAE/B,OAAO,QAAQT,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAKC,CAAC,GAAG,GAAG,GAAIV,OAAO,GAAG;EACxD;EAEA,OAAOD,KAAK;AAChB,CAAC;AAAAR,OAAA,CAAAO,cAAA,GAAAA,cAAA;AAEM,MAAMoB,kBAAkB,GAAGA,CAA6B/B,GAAS,EAAEgC,UAAkB,EAAEC,MAAW,KAAsB;EAC3H,MAAMhC,KAAK,GAAGgC,MAAM,CAACjC,GAAG,CAAC;EAEzB,IAAIA,GAAG,KAAK,kBAAkB,IAAIA,GAAG,KAAK,cAAc,EAAE;IACtD,MAAM;MAAEkC,KAAK;MAAEC;IAAO,CAAC,GAAGlC,KAAK;IAE/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;EAEA,OAAO,OAAOlC,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAAC+B,UAAU,CAAC,GAAG/B,KAAK;AAChE,CAAC;AAAAG,OAAA,CAAA2B,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/commonjs/web/create.js

@@ -0,0 +1,51 @@
+"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 = {
+          ...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","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;UACvB,GAAGH,MAAM;UACT,GAAGC,QAAQ,CAACf,GAAG;QACnB,CAAC;;QAED;QACA,OAAOF,UAAU,CAAC,IAAAoB,gBAAS,EAACD,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,IAAAoB,gBAAS,EAACnB,KAAK,CAAC,EAAEC,GAAG,CAAC;EAC5C,CAAC,CAAsC;;EAEvC;EACA,IAAAmB,2BAAiB,EAACV,MAAM,EAAEW,WAAW,IAAIzB,MAAM,CAACE,OAAO,CAACuB,WAAW,CAAC,CAACC,OAAO,CAAC,CAAC,CAACrB,GAAG,EAAED,KAAK,CAAC,KAAKP,gBAAgB,CAAC8B,GAAG,CAACtB,GAAG,EAAED,KAAK,CAAC,CAAC,CAAC;EAEjI,OAAOU,MAAM;AACjB,CAAC;AAAAc,OAAA,CAAArC,MAAA,GAAAA,MAAA","ignoreList":[]}

package/lib/commonjs/web/createUnistylesComponent.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUnistylesComponent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("./utils");
+var _variants = require("./variants");
+var _listener = require("./listener");
+var _registry = require("./registry");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const getStyles = value => {
+  const secrets = (0, _utils.extractSecrets)(value);
+  if (secrets.length === 0) {
+    return undefined;
+  }
+  return secrets.reduce((acc, {
+    __uni__stylesheet,
+    __uni__key,
+    __uni__args = [],
+    __uni__variants
+  }) => {
+    const newComputedStylesheet = _registry.UnistylesRegistry.getComputedStylesheet(__uni__stylesheet);
+    const style = newComputedStylesheet[__uni__key];
+    const resultHidden = typeof style === 'function' ? style(...__uni__args) : style;
+    const result = (0, _utils.extractHiddenProperties)(resultHidden);
+    const {
+      variants
+    } = Object.fromEntries((0, _variants.getVariants)({
+      variants: result
+    }, __uni__variants));
+    const resultWithVariants = {
+      ...result,
+      ...variants
+    };
+    return {
+      ...acc,
+      ...resultWithVariants
+    };
+  }, {});
+};
+const createUnistylesComponent = Component => props => {
+  const passedStyles = props.style ?? {};
+  const [style, setStyle] = (0, _react.useState)(getStyles(passedStyles));
+  (0, _react.useEffect)(() => {
+    const newStyles = getStyles(passedStyles);
+    const dependencies = newStyles?.['uni__dependencies'] ?? [];
+    const dispose = _listener.UnistylesListener.addListeners(dependencies, () => setStyle(getStyles(passedStyles)));
+    setStyle(newStyles);
+    return dispose;
+  }, [passedStyles]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    ...props,
+    style: style
+  });
+};
+exports.createUnistylesComponent = createUnistylesComponent;
+//# sourceMappingURL=createUnistylesComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_variants","_listener","_registry","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getStyles","value","secrets","extractSecrets","length","undefined","reduce","acc","__uni__stylesheet","__uni__key","__uni__args","__uni__variants","newComputedStylesheet","UnistylesRegistry","getComputedStylesheet","style","resultHidden","result","extractHiddenProperties","variants","fromEntries","getVariants","resultWithVariants","createUnistylesComponent","Component","props","passedStyles","setStyle","useState","useEffect","newStyles","dependencies","dispose","UnistylesListener","addListeners","jsx","exports"],"sourceRoot":"../../../src","sources":["web/createUnistylesComponent.tsx"],"mappings":"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","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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_create","require","_state","_utils","_runtime","_shadowRegistry","_mock","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","StyleSheet","configure","UnistylesState","init","create","absoluteFill","position","left","top","right","bottom","compose","a","b","deepMergeObjects","flatten","styles","hairlineWidth","getSSRUnistyles"],"sourceRoot":"../../../src","sources":["web/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAiBA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,KAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,KAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,KAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAjBO,MAAMS,UAAU,GAAAJ,OAAA,CAAAI,UAAA,GAAG;EACtBC,SAAS,EAAEC,qBAAc,CAACC,IAAI;EAC9BC,MAAM,EAANA,cAAM;EACNC,YAAY,EAAE;IACVC,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,OAAO,EAAEA,CAACC,CAAS,EAAEC,CAAS,KAAK,IAAAC,uBAAgB,EAACF,CAAC,EAAEC,CAAC,CAAC;EACzDE,OAAO,EAAEA,CAAC,GAAGC,MAAqB,KAAK,IAAAF,uBAAgB,EAAC,GAAGE,MAAM,CAAC;EAClEC,aAAa,EAAE;AACnB,CAAC;AAMD;AACO,MAAMC,eAAe,GAAGA,CAAA,KAAM,EAAE;AAAAtB,OAAA,CAAAsB,eAAA,GAAAA,eAAA","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UnistylesListener", {
+  enumerable: true,
+  get: function () {
+    return _listener.UnistylesListener;
+  }
+});
+Object.defineProperty(exports, "listenToDependencies", {
+  enumerable: true,
+  get: function () {
+    return _listenToDependencies.listenToDependencies;
+  }
+});
+var _listener = require("./listener");
+var _listenToDependencies = require("./listenToDependencies");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_listener","require","_listenToDependencies"],"sourceRoot":"../../../../src","sources":["web/listener/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/web/listener/listenToDependencies.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.listenToDependencies = void 0;
+var _listener = require("./listener");
+var _utils = require("../utils");
+var _registry = require("../registry");
+const listenToDependencies = ({
+  key,
+  className,
+  unistyles,
+  args = [],
+  stylesheet
+}) => {
+  const newComputedStylesheet = _registry.UnistylesRegistry.getComputedStylesheet(stylesheet);
+  const _value = (0, _utils.keyInObject)(newComputedStylesheet, key) ? newComputedStylesheet[key] : undefined;
+  if (!_value) {
+    return;
+  }
+  const value = typeof _value === 'function' ? _value(...args) : _value;
+  const dependencies = 'uni__dependencies' in value ? value['uni__dependencies'] : [];
+  if (dependencies.length === 0) {
+    return;
+  }
+  return _listener.UnistylesListener.addListeners(dependencies, () => {
+    const newComputedStylesheet = _registry.UnistylesRegistry.getComputedStylesheet(stylesheet);
+    if (!(0, _utils.keyInObject)(newComputedStylesheet, key)) {
+      return;
+    }
+    const value = newComputedStylesheet[key];
+    const result = typeof value === 'function' ? value(...args) : value;
+    _registry.UnistylesRegistry.updateStyles(unistyles, result, className);
+  });
+};
+exports.listenToDependencies = listenToDependencies;
+//# sourceMappingURL=listenToDependencies.js.map

package/lib/commonjs/web/listener/listenToDependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_listener","require","_utils","_registry","listenToDependencies","key","className","unistyles","args","stylesheet","newComputedStylesheet","UnistylesRegistry","getComputedStylesheet","_value","keyInObject","undefined","value","dependencies","length","UnistylesListener","addListeners","result","updateStyles","exports"],"sourceRoot":"../../../../src","sources":["web/listener/listenToDependencies.ts"],"mappings":";;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAUO,MAAMG,oBAAoB,GAAGA,CAAC;EAAEC,GAAG;EAAEC,SAAS;EAAEC,SAAS;EAAEC,IAAI,GAAG,EAAE;EAAEC;AAAsC,CAAC,KAAK;EACrH,MAAMC,qBAAqB,GAAGC,2BAAiB,CAACC,qBAAqB,CAACH,UAAU,CAAC;EACjF,MAAMI,MAAM,GAAG,IAAAC,kBAAW,EAACJ,qBAAqB,EAAEL,GAAG,CAAC,GAAGK,qBAAqB,CAACL,GAAG,CAAC,GAAGU,SAAS;EAE/F,IAAI,CAACF,MAAM,EAAE;IACT;EACJ;EAEA,MAAMG,KAAK,GAAG,OAAOH,MAAM,KAAK,UAAU,GAAGA,MAAM,CAAC,GAAGL,IAAI,CAAC,GAAGK,MAAM;EACrE,MAAMI,YAAY,GAAI,mBAAmB,IAAID,KAAK,GAAGA,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAgC;EAElH,IAAIC,YAAY,CAACC,MAAM,KAAK,CAAC,EAAE;IAC3B;EACJ;EAEA,OAAOC,2BAAiB,CAACC,YAAY,CAACH,YAAY,EAAE,MAAM;IACtD,MAAMP,qBAAqB,GAAGC,2BAAiB,CAACC,qBAAqB,CAACH,UAAU,CAAC;IAEjF,IAAI,CAAC,IAAAK,kBAAW,EAACJ,qBAAqB,EAAEL,GAAG,CAAC,EAAE;MAC1C;IACJ;IAEA,MAAMW,KAAK,GAAGN,qBAAqB,CAACL,GAAG,CAAE;IACzC,MAAMgB,MAAM,GAAG,OAAOL,KAAK,KAAK,UAAU,GACpCA,KAAK,CAAC,GAAGR,IAAI,CAAC,GACdQ,KAAK;IAEXL,2BAAiB,CAACW,YAAY,CAACf,SAAS,EAAEc,MAAM,EAAEf,SAAS,CAAC;EAChE,CAAC,CAAC;AACN,CAAC;AAAAiB,OAAA,CAAAnB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/commonjs/web/listener/listener.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesListener = void 0;
+var _NativePlatform = require("../../specs/NativePlatform");
+var _runtime = require("../runtime");
+class UnistylesListenerBuilder {
+  isInitialized = false;
+  listeners = Array.from({
+    length: Object.keys(_NativePlatform.UnistyleDependency).length / 2
+  }, () => new Set());
+  emitChange = dependency => {
+    this.listeners[dependency]?.forEach(listener => listener());
+  };
+  initListeners = () => {
+    if (this.isInitialized) {
+      return;
+    }
+    this.isInitialized = true;
+    _runtime.UnistylesRuntime.darkMedia?.addEventListener('change', () => this.emitChange(_NativePlatform.UnistyleDependency.ColorScheme));
+    _runtime.UnistylesRuntime.lightMedia?.addEventListener('change', () => this.emitChange(_NativePlatform.UnistyleDependency.ColorScheme));
+    window.addEventListener('orientationchange', () => this.emitChange(_NativePlatform.UnistyleDependency.Orientation));
+    window.addEventListener('resize', () => this.emitChange(_NativePlatform.UnistyleDependency.Dimensions));
+  };
+  addListeners = (dependencies, listener) => {
+    dependencies.forEach(dependency => this.listeners[dependency]?.add(listener));
+    return () => {
+      dependencies.forEach(dependency => this.listeners[dependency]?.delete(listener));
+    };
+  };
+}
+const UnistylesListener = exports.UnistylesListener = new UnistylesListenerBuilder();
+//# sourceMappingURL=listener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_NativePlatform","require","_runtime","UnistylesListenerBuilder","isInitialized","listeners","Array","from","length","Object","keys","UnistyleDependency","Set","emitChange","dependency","forEach","listener","initListeners","UnistylesRuntime","darkMedia","addEventListener","ColorScheme","lightMedia","window","Orientation","Dimensions","addListeners","dependencies","add","delete","UnistylesListener","exports"],"sourceRoot":"../../../../src","sources":["web/listener/listener.ts"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,MAAME,wBAAwB,CAAC;EACnBC,aAAa,GAAG,KAAK;EACrBC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,kCAAkB,CAAC,CAACH,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAII,GAAG,CAAe,CAAC,CAAC;EAErHC,UAAU,GAAIC,UAA8B,IAAK;IAC7C,IAAI,CAACT,SAAS,CAACS,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;EAC/D,CAAC;EAEDC,aAAa,GAAGA,CAAA,KAAM;IAClB,IAAI,IAAI,CAACb,aAAa,EAAE;MACpB;IACJ;IAEA,IAAI,CAACA,aAAa,GAAG,IAAI;IACzBc,yBAAgB,CAACC,SAAS,EAAEC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACP,UAAU,CAACF,kCAAkB,CAACU,WAAW,CAAC,CAAC;IAC7GH,yBAAgB,CAACI,UAAU,EAAEF,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACP,UAAU,CAACF,kCAAkB,CAACU,WAAW,CAAC,CAAC;IAC9GE,MAAM,CAACH,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,IAAI,CAACP,UAAU,CAACF,kCAAkB,CAACa,WAAW,CAAC,CAAC;IACnGD,MAAM,CAACH,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACP,UAAU,CAACF,kCAAkB,CAACc,UAAU,CAAC,CAAC;EAC3F,CAAC;EAEDC,YAAY,GAAGA,CAACC,YAAuC,EAAEX,QAAsB,KAAK;IAChFW,YAAY,CAACZ,OAAO,CAACD,UAAU,IAAI,IAAI,CAACT,SAAS,CAACS,UAAU,CAAC,EAAEc,GAAG,CAACZ,QAAQ,CAAC,CAAC;IAE7E,OAAO,MAAM;MACTW,YAAY,CAACZ,OAAO,CAACD,UAAU,IAAI,IAAI,CAACT,SAAS,CAACS,UAAU,CAAC,EAAEe,MAAM,CAACb,QAAQ,CAAC,CAAC;IACpF,CAAC;EACL,CAAC;AACL;AAEO,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAI3B,wBAAwB,CAAC,CAAC","ignoreList":[]}