@hanzogui/web 2.0.0

package/dist/cjs/helpers/expandStyles.native.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var expandStyles_exports = {};
+__export(expandStyles_exports, {
+  fixStyles: () => fixStyles
+});
+module.exports = __toCommonJS(expandStyles_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_normalizeShadow = require("./normalizeShadow.native.js");
+function fixStyles(style) {
+  "elevationAndroid" in style && (style.elevation = style.elevationAndroid, delete style.elevationAndroid), (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
+  for (var key in borderDefaults) if (key in style) {
+    var _style, _borderDefaults_key;
+    (_style = style)[_borderDefaults_key = borderDefaults[key]] || (_style[_borderDefaults_key] = "solid");
+  }
+}
+var nativeStyle = import_constants.isWeb ? null : "borderStyle",
+  borderDefaults = {
+    borderWidth: "borderStyle",
+    borderBottomWidth: nativeStyle || "borderBottomStyle",
+    borderTopWidth: nativeStyle || "borderTopStyle",
+    borderLeftWidth: nativeStyle || "borderLeftStyle",
+    borderRightWidth: nativeStyle || "borderRightStyle"
+  };
+//# sourceMappingURL=expandStyles.native.js.map

package/dist/cjs/helpers/expandStyles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","expandStyles_exports","__export","fixStyles","module","exports","import_constants","require","import_normalizeShadow","style","elevation","elevationAndroid","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","normalizeShadow","key","borderDefaults","_style","_borderDefaults_key","nativeStyle","isWeb","borderWidth","borderBottomWidth","borderTopWidth"],"sources":["../../../src/helpers/expandStyles.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,oBAAA;AAGf,IAAAK,gBAAmB,GAAAC,OAA4B;EAAAC,sBAAA,GAAAD,OAAA;AAWpD,SACQJ,UAAAM,KAAA,EAAgB;EAUxB,kBAAkB,IAAAA,KAAA,KAAAA,KAAA,CAAAC,SAAA,GAAAD,KAAA,CAAAE,gBAAA,SAAAF,KAAA,CAAAE,gBAAA,IAAAF,KAAA,CAAAG,YAAA,YAAAH,KAAA,CAAAI,WAAA,IAAAJ,KAAA,CAAAK,aAAA,YAAAL,KAAA,CAAAM,YAAA,KAAAC,MAAA,CAAAC,MAAA,CAAAR,KAAA,MAAAD,sBAAA,CAAAU,eAAA,EAAAT,KAAA;EAChB,KAAI,IAAOU,GAAA,IAAAC,cACH,EAGZ,IAAAD,GAAA,IAAAV,KAAA;IAGM,IAAAY,MAAA,EAAAC,mBAAc;IAElB,CAAAD,MAAA,GAAaZ,KAAA,EAAAa,mBAAA,GAAAF,cAAA,CAAAD,GAAA,OAAAE,MAAA,CAAAC,mBAAA;EACb;AAAkC;AACH,IAC/BC,WAAA,GAAAjB,gBAAgC,CAAAkB,KAAA;EAAAJ,cAAA;IAChCK,WAAA,eAAkB;IAAeC,iBAAA,EAAAH,WAAA;IAEnCI,cAAA,EAAAJ,WAAA","ignoreList":[]}

package/dist/cjs/helpers/getCSSStylesAtomic.cjs

@@ -0,0 +1,179 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getCSSStylesAtomic_exports = {};
+__export(getCSSStylesAtomic_exports, {
+  getCSSStylesAtomic: () => getCSSStylesAtomic,
+  getStyleAtomic: () => getStyleAtomic,
+  styleToCSS: () => styleToCSS
+});
+module.exports = __toCommonJS(getCSSStylesAtomic_exports);
+var import_helpers = require("@hanzogui/helpers"),
+  import_config = require("../config.cjs"),
+  import_useMedia = require("../hooks/useMedia.cjs"),
+  import_defaultOffset = require("./defaultOffset.cjs"),
+  import_normalizeColor = require("./normalizeColor.cjs"),
+  import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs"),
+  import_pseudoDescriptors = require("./pseudoDescriptors.cjs"),
+  import_transformsToString = require("./transformsToString.cjs");
+function getCSSStylesAtomic(style) {
+  styleToCSS(style);
+  const out = [];
+  for (const key in style) {
+    if (key === "$$css") continue;
+    const val = style[key];
+    if (key in import_pseudoDescriptors.pseudoDescriptors) val && out.push(...getStyleAtomic(val, import_pseudoDescriptors.pseudoDescriptors[key]));else if ((0, import_useMedia.isMediaKey)(key)) for (const subKey in val) {
+      const so = getStyleObject(val, subKey);
+      so && (so[0] = key, out.push(so));
+    } else {
+      const so = getStyleObject(style, key);
+      so && out.push(so);
+    }
+  }
+  return out;
+}
+const getStyleAtomic = (style, pseudo) => {
+  styleToCSS(style);
+  const out = [];
+  for (const key in style) {
+    const so = getStyleObject(style, key, pseudo);
+    so && out.push(so);
+  }
+  return out;
+};
+let conf = null;
+const getStyleObject = (style, key, pseudo) => {
+  let val = style[key];
+  if (val == null) return;
+  key === "transform" && Array.isArray(style.transform) && (val = (0, import_transformsToString.transformsToString)(val));
+  const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key),
+    hash = (0, import_helpers.simpleHash)(typeof value == "string" ? value : `${value}`),
+    pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
+  conf ||= (0, import_config.getConfigMaybe)();
+  let identifier = `_${conf?.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`;
+  key === "pointerEvents" && !pseudo && (value === "box-none" ? identifier = "_pe-boxnone" : value === "box-only" && (identifier = "_pe-boxonly"));
+  const rules = createAtomicRules(identifier, key, value, pseudo);
+  return [
+  // array for performance
+  key, value, identifier, pseudo?.name, rules];
+};
+function styleToCSS(style) {
+  const {
+    shadowOffset,
+    shadowRadius,
+    shadowColor,
+    shadowOpacity
+  } = style;
+  if (shadowRadius != null || shadowColor || shadowOffset != null || shadowOpacity != null) {
+    const offset = shadowOffset || import_defaultOffset.defaultOffset,
+      width = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.width),
+      height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height),
+      radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius),
+      color = (0, import_normalizeColor.normalizeColor)(shadowColor, shadowOpacity);
+    if (color) {
+      const shadow = `${width} ${height} ${radius} ${color}`;
+      style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow;
+    }
+    delete style.shadowOffset, delete style.shadowRadius, delete style.shadowColor, delete style.shadowOpacity;
+  }
+  const {
+    textShadowColor,
+    textShadowOffset,
+    textShadowRadius
+  } = style;
+  if (textShadowColor || textShadowOffset || textShadowRadius) {
+    const {
+        height,
+        width
+      } = textShadowOffset || import_defaultOffset.defaultOffset,
+      radius = textShadowRadius || 0,
+      color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
+    if (color && (height !== 0 || width !== 0 || radius !== 0)) {
+      const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius),
+        offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width),
+        offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
+      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
+    }
+    delete style.textShadowColor, delete style.textShadowOffset, delete style.textShadowRadius;
+  }
+}
+function createDeclarationBlock(style, important = !1) {
+  let next = "";
+  for (const [key, value] of style) next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
+  return `{${next}}`;
+}
+const hcache = {},
+  toHyphenLower = match => `-${match.toLowerCase()}`,
+  hyphenateStyleName = key => {
+    if (key in hcache) return hcache[key];
+    const val = key.replace(/[A-Z]/g, toHyphenLower);
+    return hcache[key] = val, val;
+  },
+  selectorPriority = (() => {
+    const res = {};
+    for (const key in import_pseudoDescriptors.pseudoDescriptors) {
+      const pseudo = import_pseudoDescriptors.pseudoDescriptors[key];
+      res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ":root").join("")} `;
+    }
+    return res;
+  })();
+function createAtomicRules(identifier, property, value, pseudo) {
+  const pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? "[aria-disabled]" : `:${pseudo.name}` : "",
+    pseudoSelector = pseudo?.selector,
+    cls = property in import_helpers.cssShorthandLonghands ? `.${identifier}.${identifier}` : `.${identifier}`;
+  let selector = pseudo ? pseudoSelector ? `${pseudoSelector} ${cls}` : `${selectorPriority[pseudo.name]} ${cls}${pseudoIdPostfix}` : `:root ${cls}`;
+  pseudoSelector === import_pseudoDescriptors.pseudoDescriptors.enterStyle.selector && (selector = `${selector}, .${identifier}${pseudoSelector}`);
+  const important = !!pseudo;
+  let rules = [];
+  switch (property) {
+    // Equivalent to using '::placeholder'
+    case "placeholderTextColor":
+      {
+        const block = createDeclarationBlock([["color", value], ["opacity", 1]], important);
+        rules.push(`${selector}::placeholder${block}`);
+        break;
+      }
+    // all webkit prefixed rules
+    case "backgroundClip":
+    case "userSelect":
+      {
+        const webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`,
+          block = createDeclarationBlock([[property, value], [webkitProperty, value]], important);
+        rules.push(`${selector}${block}`);
+        break;
+      }
+    // Polyfill for additional 'pointer-events' values
+    case "pointerEvents":
+      {
+        let finalValue = value;
+        value === "auto" || value === "box-only" ? finalValue = "auto" : (value === "none" || value === "box-none") && (finalValue = "none");
+        const block = createDeclarationBlock([["pointerEvents", finalValue]], !0);
+        rules.push(`${selector}${block}`);
+        break;
+      }
+    default:
+      {
+        const block = createDeclarationBlock([[property, value]], important);
+        rules.push(`${selector}${block}`);
+        break;
+      }
+  }
+  return pseudo?.name === "hover" && (rules = rules.map(r => `@media (hover) {${r}}`)), rules;
+}

package/dist/cjs/helpers/getCSSStylesAtomic.native.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getCSSStylesAtomic_native_exports = {};
+__export(getCSSStylesAtomic_native_exports, {
+  getCSSStylesAtomic: () => getCSSStylesAtomic,
+  getStyleAtomic: () => getStyleAtomic,
+  styleToCSS: () => styleToCSS
+});
+module.exports = __toCommonJS(getCSSStylesAtomic_native_exports);
+var empty = function () {
+    console.warn("no-op native");
+  },
+  getCSSStylesAtomic = empty,
+  getStyleAtomic = empty,
+  styleToCSS = empty;
+//# sourceMappingURL=getCSSStylesAtomic.native.js.map

package/dist/cjs/helpers/getCSSStylesAtomic.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getCSSStylesAtomic_native_exports","__export","getCSSStylesAtomic","getStyleAtomic","styleToCSS","module","exports","__toCommonJS","empty","console","warn"],"sources":["../../../src/helpers/getCSSStylesAtomic.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iCAAA;AAAAC,QAAA,CAAAD,iCAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,iCAAA;AAAA,IAAIQ,KAAA,GAAQ,SAAAA,CAAA,EAAW;IACnBC,OAAA,CAAQC,IAAA,CAAK,cAAc;EAC/B;EACWR,kBAAA,GAAqBM,KAAA;EACrBL,cAAA,GAAiBK,KAAA;EACjBJ,UAAA,GAAaI,KAAA","ignoreList":[]}

package/dist/cjs/helpers/getDefaultProps.cjs

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getDefaultProps_exports = {};
+__export(getDefaultProps_exports, {
+  getDefaultProps: () => getDefaultProps
+});
+module.exports = __toCommonJS(getDefaultProps_exports);
+var import_config = require("../config.cjs");
+const getDefaultProps = (staticConfig, propsComponentName) => {
+  let defaultProps = staticConfig?.defaultProps;
+  const conf = (0, import_config.getConfig)(),
+    name = propsComponentName || staticConfig?.componentName || (
+    // important: this is how we end up getting the defaultProps we set in createGui
+    staticConfig.isText ? "Text" : "View"),
+    userDefaultProps = conf?.defaultProps?.[name];
+  return userDefaultProps && (defaultProps = defaultProps ? {
+    ...userDefaultProps,
+    ...defaultProps
+  } : userDefaultProps), defaultProps;
+};

package/dist/cjs/helpers/getDefaultProps.native.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getDefaultProps_exports = {};
+__export(getDefaultProps_exports, {
+  getDefaultProps: () => getDefaultProps
+});
+module.exports = __toCommonJS(getDefaultProps_exports);
+var import_config = require("../config.native.js"),
+  getDefaultProps = function (staticConfig, propsComponentName) {
+    var _conf_defaultProps,
+      defaultProps = staticConfig?.defaultProps,
+      conf = (0, import_config.getConfig)(),
+      name = propsComponentName || staticConfig?.componentName || (
+      // important: this is how we end up getting the defaultProps we set in createGui
+      staticConfig.isText ? "Text" : "View"),
+      userDefaultProps = conf == null || (_conf_defaultProps = conf.defaultProps) === null || _conf_defaultProps === void 0 ? void 0 : _conf_defaultProps[name];
+    return userDefaultProps && (defaultProps = defaultProps ? {
+      ...userDefaultProps,
+      ...defaultProps
+    } : userDefaultProps), defaultProps;
+  };
+//# sourceMappingURL=getDefaultProps.native.js.map

package/dist/cjs/helpers/getDefaultProps.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getDefaultProps_exports","__export","getDefaultProps","module","exports","import_config","require","staticConfig","propsComponentName","_conf_defaultProps","defaultProps","conf","getConfig","name","componentName","isText","userDefaultProps"],"sources":["../../../src/helpers/getDefaultProps.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA0B,CAAAK,uBAAA;AAInB,IAAAK,aAAM,GAAAC,OACX,sBACA;EAAAJ,eAAA,YAAAA,CACGK,YAAA,EAAAC,kBAAA;IACH,IAAIC,kBAAe;MAAAC,YAAc,GAAAH,YAAA,EAAAG,YAAA;MAAAC,IAAA,OAAAN,aAAA,CAAAO,SAAA;MAAAC,IAAA,GAAAL,kBAAA,IAAAD,YAAA,EAAAO,aAAA;MAAA;MAEjCP,YAAM,CAAAQ,MAAO;MAAAC,gBAEX,GAAAL,IAAA,YACA,CAAAF,kBAAc,GAAAE,IAAA,CAAAD,YAAA,cAAAD,kBAAA,uBAAAA,kBAAA,CAAAI,IAAA;IAAA,OAEbG,gBAAsB,KAAAN,YAAS,GAE5BA,YAAA;MAEN,GAAAM,gBAAI;MAQN,GAAAN","ignoreList":[]}

package/dist/cjs/helpers/getDynamicVal.cjs

@@ -0,0 +1,67 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getDynamicVal_exports = {};
+__export(getDynamicVal_exports, {
+  extractValueFromDynamic: () => extractValueFromDynamic,
+  getDynamicVal: () => getDynamicVal,
+  getOppositeScheme: () => getOppositeScheme,
+  isColorStyleKey: () => isColorStyleKey
+});
+module.exports = __toCommonJS(getDynamicVal_exports);
+function getOppositeScheme(scheme) {
+  return scheme === "dark" ? "light" : "dark";
+}
+const colorStyleKeys = {
+  backgroundColor: !0,
+  borderColor: !0,
+  borderTopColor: !0,
+  borderRightColor: !0,
+  borderBottomColor: !0,
+  borderLeftColor: !0,
+  borderBlockColor: !0,
+  borderBlockEndColor: !0,
+  borderBlockStartColor: !0,
+  color: !0,
+  shadowColor: !0,
+  textDecorationColor: !0,
+  textShadowColor: !0,
+  tintColor: !0,
+  outlineColor: !0
+};
+function isColorStyleKey(key) {
+  return colorStyleKeys[key] === !0;
+}
+function getDynamicVal({
+  scheme,
+  val,
+  oppositeVal
+}) {
+  const oppositeScheme = getOppositeScheme(scheme);
+  return {
+    dynamic: {
+      [scheme]: val,
+      [oppositeScheme]: oppositeVal
+    }
+  };
+}
+function extractValueFromDynamic(val, scheme) {
+  return val?.dynamic ? val.dynamic[scheme] : val;
+}

package/dist/cjs/helpers/getDynamicVal.native.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getDynamicVal_exports = {};
+__export(getDynamicVal_exports, {
+  extractValueFromDynamic: () => extractValueFromDynamic,
+  getDynamicVal: () => getDynamicVal,
+  getOppositeScheme: () => getOppositeScheme,
+  isColorStyleKey: () => isColorStyleKey
+});
+module.exports = __toCommonJS(getDynamicVal_exports);
+function getOppositeScheme(scheme) {
+  return scheme === "dark" ? "light" : "dark";
+}
+var colorStyleKeys = {
+  backgroundColor: !0,
+  borderColor: !0,
+  borderTopColor: !0,
+  borderRightColor: !0,
+  borderBottomColor: !0,
+  borderLeftColor: !0,
+  borderBlockColor: !0,
+  borderBlockEndColor: !0,
+  borderBlockStartColor: !0,
+  color: !0,
+  shadowColor: !0,
+  textDecorationColor: !0,
+  textShadowColor: !0,
+  tintColor: !0,
+  outlineColor: !0
+};
+function isColorStyleKey(key) {
+  return colorStyleKeys[key] === !0;
+}
+function getDynamicVal(param) {
+  var {
+      scheme,
+      val,
+      oppositeVal
+    } = param,
+    oppositeScheme = getOppositeScheme(scheme);
+  return {
+    dynamic: {
+      [scheme]: val,
+      [oppositeScheme]: oppositeVal
+    }
+  };
+}
+function extractValueFromDynamic(val, scheme) {
+  return val?.dynamic ? val.dynamic[scheme] : val;
+}
+//# sourceMappingURL=getDynamicVal.native.js.map

package/dist/cjs/helpers/getDynamicVal.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getDynamicVal_exports","__export","extractValueFromDynamic","getDynamicVal","getOppositeScheme","isColorStyleKey","module","exports","scheme","colorStyleKeys","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","borderBlockColor","borderBlockEndColor","borderBlockStartColor","color","shadowColor","textDecorationColor","textShadowColor","tintColor","outlineColor","key","param","val","oppositeVal","oppositeScheme","dynamic"],"sources":["../../../src/helpers/getDynamicVal.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,uBAAA,EAAAA,CAAA,KAAAA,uBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAA,CAAAC,OAAS,GAAAZ,YAAkB,CAAAK,qBAAgB;AAChD,SAAOI,iBAAWA,CAAAI,MAAS;EAC7B,OAAAA,MAAA;AAYA;AAAgD,IAC9CC,cAAA,GAAiB;EACjBC,eAAa;EACbC,WAAA;EACAC,cAAA,IAAkB;EAClBC,gBAAA,GAAmB;EACnBC,iBAAiB;EACjBC,eAAA,GAAkB;EAClBC,gBAAA;EACAC,mBAAA,IAAuB;EACvBC,qBAAO;EACPC,KAAA;EACAC,WAAA;EACAC,mBAAiB;EACjBC,eAAW;EACXC,SAAA;EACFC,YAAA;AAKO;AACL,SAAOnB,eAAeA,CAAAoB,GAAG;EAC3B,OAAAhB,cAAA,CAAAgB,GAAA;AAEO;AAAuB,SAC5BtB,cAAAuB,KAAA;EACA;MAAAlB,MAAA;MAAAmB,GAAA;MAAAC;IAAA,IAAAF,KAAA;IAAAG,cAAA,GAAAzB,iBAAA,CAAAI,MAAA;EACA;IAKCsB,OAAA;MACD,CAAAtB,MAAM,GAAAmB,GAAA;MACN,CAAAE,cAAO,GAAAD;IACL;EAAS;AACG;AACQ,SACpB1B,wBAAAyB,GAAA,EAAAnB,MAAA;EACF,OAAAmB,GAAA,EAAAG,OAAA,GAAAH,GAAA,CAAAG,OAAA,CAAAtB,MAAA,IAAAmB,GAAA;AACF","ignoreList":[]}

package/dist/cjs/helpers/getExpandedShorthands.cjs

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getExpandedShorthands_exports = {};
+__export(getExpandedShorthands_exports, {
+  getExpandedShorthand: () => getExpandedShorthand,
+  getExpandedShorthands: () => getExpandedShorthands
+});
+module.exports = __toCommonJS(getExpandedShorthands_exports);
+var import_config = require("../config.cjs");
+function getExpandedShorthands(props) {
+  const shorthands = (0, import_config.getConfig)().shorthands;
+  if (!shorthands) return props;
+  const res = {};
+  for (const key in props) res[shorthands[key] || key] = props[key];
+  return res;
+}
+function getExpandedShorthand(propKey, props) {
+  const shorthands = (0, import_config.getConfig)().inverseShorthands;
+  return props[propKey] ?? props[shorthands[propKey]];
+}

package/dist/cjs/helpers/getExpandedShorthands.native.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getExpandedShorthands_exports = {};
+__export(getExpandedShorthands_exports, {
+  getExpandedShorthand: () => getExpandedShorthand,
+  getExpandedShorthands: () => getExpandedShorthands
+});
+module.exports = __toCommonJS(getExpandedShorthands_exports);
+var import_config = require("../config.native.js");
+function getExpandedShorthands(props) {
+  var shorthands = (0, import_config.getConfig)().shorthands;
+  if (!shorthands) return props;
+  var res = {};
+  for (var key in props) res[shorthands[key] || key] = props[key];
+  return res;
+}
+function getExpandedShorthand(propKey, props) {
+  var shorthands = (0, import_config.getConfig)().inverseShorthands,
+    _props_propKey;
+  return (_props_propKey = props[propKey]) !== null && _props_propKey !== void 0 ? _props_propKey : props[shorthands[propKey]];
+}
+//# sourceMappingURL=getExpandedShorthands.native.js.map

package/dist/cjs/helpers/getExpandedShorthands.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getExpandedShorthands_exports","__export","getExpandedShorthand","getExpandedShorthands","module","exports","import_config","require","props","shorthands","getConfig","res","key","propKey","inverseShorthands","_props_propKey"],"sources":["../../../src/helpers/getExpandedShorthands.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA0B,CAAAK,6BAAA;AAMnB,IAAAM,aAAS,GAAAC,OAAA,sBAEa;AAC3B,SAAMJ,qBAAaA,CAAAK,KAAA;EACnB,IAAIC,UAAC,GAAY,IAAAH,aAAO,CAAAI,SAAA,IAAAD,UAAA;EACxB,KAAAA,UAAa,SAAAD,KAAA;EACb,IAAAG,GAAA,IAAW;EAET,SAAIC,GAAA,IAAAJ,KAAc,EAEpBG,GAAA,CAAAF,UAAO,CAAAG,GAAA,KAAAA,GAAA,IAAAJ,KAAA,CAAAI,GAAA;EACT,OAAAD,GAAA;AAEO;AACL,SAAMT,oBAAaA,CAAAW,OAAA,EAAAL,KAAA;EACnB,IAAAC,UAAa,OAAOH,aAAW,CAAAI,SAAW,IAAAI,iBAAQ;IAAAC,cAAA;EACpD,QAAAA,cAAA,GAAAP,KAAA,CAAAK,OAAA,eAAAE,cAAA,cAAAA,cAAA,GAAAP,KAAA,CAAAC,UAAA,CAAAI,OAAA","ignoreList":[]}

package/dist/cjs/helpers/getFontLanguage.cjs

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getFontLanguage_exports = {};
+__export(getFontLanguage_exports, {
+  getFontLanguage: () => getFontLanguage
+});
+module.exports = __toCommonJS(getFontLanguage_exports);
+const getFontLanguage = fontFamily => fontFamily.includes("_") ? fontFamily.split("_")[1] : null;

package/dist/cjs/helpers/getFontLanguage.native.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getFontLanguage_exports = {};
+__export(getFontLanguage_exports, {
+  getFontLanguage: () => getFontLanguage
+});
+module.exports = __toCommonJS(getFontLanguage_exports);
+var getFontLanguage = function (fontFamily) {
+  return fontFamily.includes("_") ? fontFamily.split("_")[1] : null;
+};
+//# sourceMappingURL=getFontLanguage.native.js.map

package/dist/cjs/helpers/getFontLanguage.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getFontLanguage_exports","__export","getFontLanguage","module","exports"],"sources":["../../../src/helpers/getFontLanguage.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAT,YAAmB,CAAAK,uBACnB","ignoreList":[]}