@hanzogui/web 2.0.0

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

@@ -0,0 +1,132 @@
+"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 proxyThemeToParents_exports = {};
+__export(proxyThemeToParents_exports, {
+  proxyThemeToParents: () => proxyThemeToParents,
+  proxyThemesToParents: () => proxyThemesToParents
+});
+module.exports = __toCommonJS(proxyThemeToParents_exports);
+var themesRaw = {};
+function proxyThemesToParents(dedupedThemes) {
+  var _iteratorNormalCompletion = !0,
+    _didIteratorError = !1,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = dedupedThemes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+      var {
+          names,
+          theme
+        } = _step.value,
+        _iteratorNormalCompletion1 = !0,
+        _didIteratorError1 = !1,
+        _iteratorError1 = void 0;
+      try {
+        for (var _iterator1 = names[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) {
+          var name = _step1.value;
+          themesRaw[name] = theme;
+        }
+      } catch (err) {
+        _didIteratorError1 = !0, _iteratorError1 = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion1 && _iterator1.return != null && _iterator1.return();
+        } finally {
+          if (_didIteratorError1) throw _iteratorError1;
+        }
+      }
+    }
+  } catch (err) {
+    _didIteratorError = !0, _iteratorError = err;
+  } finally {
+    try {
+      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+    } finally {
+      if (_didIteratorError) throw _iteratorError;
+    }
+  }
+  var themes = {},
+    _iteratorNormalCompletion2 = !0,
+    _didIteratorError2 = !1,
+    _iteratorError2 = void 0;
+  try {
+    for (var _iterator2 = dedupedThemes[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
+      var {
+          names: names1,
+          theme: theme1
+        } = _step2.value,
+        _iteratorNormalCompletion3 = !0,
+        _didIteratorError3 = !1,
+        _iteratorError3 = void 0;
+      try {
+        for (var _iterator3 = names1[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = !0) {
+          var themeName = _step3.value,
+            proxiedTheme = proxyThemeToParents(themeName, theme1);
+          themes[themeName] = proxiedTheme;
+        }
+      } catch (err) {
+        _didIteratorError3 = !0, _iteratorError3 = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion3 && _iterator3.return != null && _iterator3.return();
+        } finally {
+          if (_didIteratorError3) throw _iteratorError3;
+        }
+      }
+    }
+  } catch (err) {
+    _didIteratorError2 = !0, _iteratorError2 = err;
+  } finally {
+    try {
+      !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
+    } finally {
+      if (_didIteratorError2) throw _iteratorError2;
+    }
+  }
+  return themes;
+}
+function proxyThemeToParents(themeName, theme) {
+  var out = {},
+    cur = [],
+    parents = themeName.split("_").slice(0, -1).map(function (part) {
+      return cur.push(part), cur.join("_");
+    }),
+    _iteratorNormalCompletion = !0,
+    _didIteratorError = !1,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = parents[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+      var parent = _step.value;
+      Object.assign(out, themesRaw[parent]);
+    }
+  } catch (err) {
+    _didIteratorError = !0, _iteratorError = err;
+  } finally {
+    try {
+      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+    } finally {
+      if (_didIteratorError) throw _iteratorError;
+    }
+  }
+  return Object.assign(out, theme), out;
+}
+//# sourceMappingURL=proxyThemeToParents.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","proxyThemeToParents_exports","__export","proxyThemeToParents","proxyThemesToParents","module","exports","themesRaw","dedupedThemes","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","names","theme","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","_step1","name","err","return"],"sources":["../../../src/helpers/proxyThemeToParents.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAM,CAAAC,OAAA,GAAAV,YAA0C,CAAAK,2BAAA;AAIzC,IAAAM,SAAS;AAId,SAAAH,oBAA0BA,CAAAI,aAAK;EAC7B,IAAAC,yBAAmB;IAAAC,iBAAA;IAAAC,cAAA;EACjB;IAIJ,KAAM,IAAAC,SAAuC,GAAAJ,aAAA,CAAAK,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MAM7C;UAAAS,KAAa;UAAAC;QAAO,IAAMJ,KAAK,CAAAf,KAAA;QAAAoB,0BAAA;QAAAC,kBAAA;QAAAC,eAAA;MAC7B;QACE,KAAM,IAAAC,UAAe,GAAAL,KAAA,CAAAL,MAAA,CAAAC,QAAoB,KAAAU,MAAW,EAAK,EAAAJ,0BAAA,IAAAI,MAAA,GAAAD,UAAA,CAAAP,IAAA,IAAAC,IAAA,GAAAG,0BAAA;UACzD,IAAOK,IAAA,GAAAD,MAAa,CAAAxB,KAAA;UACtBO,SAAA,CAAAkB,IAAA,IAAAN,KAAA;QAGF;MACF,SAAAO,GAAA;QAEOL,kBAAS,GAAoB,IAAAC,eAAuC,GAAAI,GAAA;MACzE,UAAa;QAab;UACE,CAAON,0BAAsB,IAAOG,UAAA,CAAAI,MAAA,YAAAJ,UAAA,CAAAI,MAAA;QAEtC,UAAO;UAET,IAAAN,kBAAA,E","ignoreList":[]}

package/dist/cjs/helpers/proxyThemeVariables.cjs

@@ -0,0 +1,36 @@
+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 proxyThemeVariables_exports = {};
+__export(proxyThemeVariables_exports, {
+  proxyThemeVariables: () => proxyThemeVariables
+});
+module.exports = __toCommonJS(proxyThemeVariables_exports);
+function proxyThemeVariables(obj) {
+  return new Proxy(obj || {}, {
+    has(target, key) {
+      return Reflect.has(target, removeStarting$(key));
+    },
+    get(target, key) {
+      return Reflect.get(target, removeStarting$(key));
+    }
+  });
+}
+const removeStarting$ = str => typeof str == "string" && str[0] === "$" ? str.slice(1) : str;

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

@@ -0,0 +1,41 @@
+"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 proxyThemeVariables_exports = {};
+__export(proxyThemeVariables_exports, {
+  proxyThemeVariables: () => proxyThemeVariables
+});
+module.exports = __toCommonJS(proxyThemeVariables_exports);
+function proxyThemeVariables(obj) {
+  return new Proxy(obj || {}, {
+    has(target, key) {
+      return Reflect.has(target, removeStarting$(key));
+    },
+    get(target, key) {
+      return Reflect.get(target, removeStarting$(key));
+    }
+  });
+}
+var removeStarting$ = function (str) {
+  return typeof str == "string" && str[0] === "$" ? str.slice(1) : str;
+};
+//# sourceMappingURL=proxyThemeVariables.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","proxyThemeVariables_exports","__export","proxyThemeVariables","module","exports","obj","Proxy","has","target","key","Reflect","removeStarting$","get"],"sources":["../../../src/helpers/proxyThemeVariables.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAA,CAAAC,OAAS,GAAAT,YAAsC,CAAAK,2BAAW;AAC/D,SAAOE,mBAAqBA,CAAAG,GAAG;EAAA,OACzB,IAAAC,KAAQ,CAAAD,GAAK;IACfE,IAAAC,MAAO,EAAAC,GAAA,EAAQ;MACjB,OAAAC,OAAA,CAAAH,GAAA,CAAAC,MAAA,EAAAG,eAAA,CAAAF,GAAA;IACA;IACEG,IAAAJ,MAAO,EAAAC,GAAA,EAAQ;MACjB,OAAAC,OAAA,CAAAE,GAAA,CAAAJ,MAAA,EAAAG,eAAA,CAAAF,GAAA;IACD;EACH;AAEA","ignoreList":[]}

package/dist/cjs/helpers/pseudoDescriptors.cjs

@@ -0,0 +1,80 @@
+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 pseudoDescriptors_exports = {};
+__export(pseudoDescriptors_exports, {
+  defaultMediaImportance: () => defaultMediaImportance,
+  pseudoDescriptors: () => pseudoDescriptors,
+  pseudoDescriptorsBase: () => pseudoDescriptorsBase,
+  pseudoPriorities: () => pseudoPriorities
+});
+module.exports = __toCommonJS(pseudoDescriptors_exports);
+const pseudoDescriptorsBase = {
+    // order of keys here important! in priority order
+    hoverStyle: {
+      name: "hover",
+      priority: 2
+    },
+    pressStyle: {
+      name: "active",
+      stateKey: "press",
+      priority: 3
+    },
+    focusVisibleStyle: {
+      name: "focus-visible",
+      priority: 4,
+      stateKey: "focusVisible"
+    },
+    focusStyle: {
+      name: "focus",
+      priority: 4
+    },
+    focusWithinStyle: {
+      name: "focus-within",
+      priority: 4,
+      stateKey: "focusWithin"
+    },
+    disabledStyle: {
+      name: "disabled",
+      priority: 5,
+      stateKey: "disabled"
+    }
+  },
+  pseudoPriorities = {
+    hover: pseudoDescriptorsBase.hoverStyle.priority,
+    press: pseudoDescriptorsBase.pressStyle.priority,
+    focus: pseudoDescriptorsBase.focusStyle.priority,
+    focusVisible: pseudoDescriptorsBase.focusVisibleStyle.priority,
+    focusWithin: pseudoDescriptorsBase.focusWithinStyle.priority,
+    disabled: pseudoDescriptorsBase.disabledStyle.priority
+  },
+  pseudoDescriptors = {
+    ...pseudoDescriptorsBase,
+    enterStyle: {
+      name: "enter",
+      selector: ".t_unmounted",
+      priority: 4
+    },
+    exitStyle: {
+      name: "exit",
+      priority: 5
+    }
+  },
+  defaultMediaImportance = Object.keys(pseudoDescriptors).length;

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

@@ -0,0 +1,83 @@
+"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 pseudoDescriptors_exports = {};
+__export(pseudoDescriptors_exports, {
+  defaultMediaImportance: () => defaultMediaImportance,
+  pseudoDescriptors: () => pseudoDescriptors,
+  pseudoDescriptorsBase: () => pseudoDescriptorsBase,
+  pseudoPriorities: () => pseudoPriorities
+});
+module.exports = __toCommonJS(pseudoDescriptors_exports);
+var pseudoDescriptorsBase = {
+    // order of keys here important! in priority order
+    hoverStyle: {
+      name: "hover",
+      priority: 2
+    },
+    pressStyle: {
+      name: "active",
+      stateKey: "press",
+      priority: 3
+    },
+    focusVisibleStyle: {
+      name: "focus-visible",
+      priority: 4,
+      stateKey: "focusVisible"
+    },
+    focusStyle: {
+      name: "focus",
+      priority: 4
+    },
+    focusWithinStyle: {
+      name: "focus-within",
+      priority: 4,
+      stateKey: "focusWithin"
+    },
+    disabledStyle: {
+      name: "disabled",
+      priority: 5,
+      stateKey: "disabled"
+    }
+  },
+  pseudoPriorities = {
+    hover: pseudoDescriptorsBase.hoverStyle.priority,
+    press: pseudoDescriptorsBase.pressStyle.priority,
+    focus: pseudoDescriptorsBase.focusStyle.priority,
+    focusVisible: pseudoDescriptorsBase.focusVisibleStyle.priority,
+    focusWithin: pseudoDescriptorsBase.focusWithinStyle.priority,
+    disabled: pseudoDescriptorsBase.disabledStyle.priority
+  },
+  pseudoDescriptors = {
+    ...pseudoDescriptorsBase,
+    enterStyle: {
+      name: "enter",
+      selector: ".t_unmounted",
+      priority: 4
+    },
+    exitStyle: {
+      name: "exit",
+      priority: 5
+    }
+  },
+  defaultMediaImportance = Object.keys(pseudoDescriptors).length;
+//# sourceMappingURL=pseudoDescriptors.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","pseudoDescriptors_exports","__export","defaultMediaImportance","pseudoDescriptors","pseudoDescriptorsBase","pseudoPriorities","module","exports","hoverStyle","name","priority","pressStyle","stateKey","focusVisibleStyle","focusStyle","focusWithinStyle","disabledStyle","hover","press","focus","focusVisible","focusWithin","disabled","enterStyle","selector","exitStyle"],"sources":["../../../src/helpers/pseudoDescriptors.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAZ,YAAA,CAAwBK,yBAAA;AAAA,IAAAI,qBAAA;IAEnC;IAAYI,UACJ;MACNC,IAAA,SAAU;MACZC,QAAA;IACA;IAAYC,UACJ;MACNF,IAAA,UAAU;MACVG,QAAA,EAAU;MACZF,QAAA;IACA;IAAmBG,iBACX;MACNJ,IAAA,iBAAU;MACVC,QAAA,EAAU;MACZE,QAAA;IACA;IAAYE,UACJ;MACNL,IAAA,SAAU;MACZC,QAAA;IACA;IAAkBK,gBACV;MACNN,IAAA,gBAAU;MACVC,QAAA,EAAU;MACZE,QAAA;IACA;IAAeI,aACP;MACNP,IAAA,YAAU;MACVC,QAAA,EAAU;MACZE,QAAA;IACF;EAEgC;EAC9BP,gBAAO;IACPY,KAAA,EAAOb,qBAAA,CAAsBI,UAAA,CAAWE,QAAA;IACxCQ,KAAA,EAAOd,qBAAA,CAAsBO,UAAA,CAAWD,QAAA;IACxCS,KAAA,EAAAf,qBAAc,CAAAU,UAAsB,CAAAJ,QAAA;IACpCU,YAAA,EAAahB,qBAAsB,CAAAS,iBAAiB,CAAAH,QAAA;IACpDW,WAAU,EAAAjB,qBAAsB,CAAAW,gBAAc,CAAAL,QAAA;IAChDY,QAIa,EAAAlB,qBAGT,CAAAY,aAAA,CAAAN;EAAA;EACFP,iBAAG;IACH,GAAAC,qBAAY;IAAAmB,UACJ;MACNd,IAAA,SAAU;MACVe,QAAA,EAAU;MACZd,QAAA;IACA;IAAWe,SACH;MACNhB,IAAA,QAAU;MACZC,QAAA;IACF","ignoreList":[]}

package/dist/cjs/helpers/pseudoTransitions.cjs

@@ -0,0 +1,65 @@
+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 pseudoTransitions_exports = {};
+__export(pseudoTransitions_exports, {
+  extractPseudoState: () => extractPseudoState,
+  resolveEffectivePseudoTransition: () => resolveEffectivePseudoTransition
+});
+module.exports = __toCommonJS(pseudoTransitions_exports);
+function resolveEffectivePseudoTransition(prev, next, pseudoTransitions, baseTransition) {
+  if (!pseudoTransitions) return baseTransition;
+  const prevState = prev || {
+    hover: !1,
+    press: !1,
+    focus: !1,
+    groups: {}
+  };
+  if (next.press && !prevState.press && pseudoTransitions.pressStyle) return pseudoTransitions.pressStyle;
+  if (next.hover && !prevState.hover && pseudoTransitions.hoverStyle) return pseudoTransitions.hoverStyle;
+  if (next.focus && !prevState.focus && pseudoTransitions.focusStyle) return pseudoTransitions.focusStyle;
+  for (const key in pseudoTransitions) if (key.startsWith("$group-")) {
+    const match = key.match(/^\$group-(.+)-(hover|press|focus)$/);
+    if (!match) continue;
+    const groupName = match[1],
+      pseudoType = match[2],
+      nextGroupPseudo = next.group?.[groupName]?.pseudo,
+      prevGroupPseudo = prevState.groups?.[groupName];
+    if (nextGroupPseudo?.[pseudoType] && !prevGroupPseudo?.[pseudoType]) return pseudoTransitions[key];
+  }
+  return baseTransition;
+}
+function extractPseudoState(state) {
+  const groups = {};
+  if (state.group) for (const groupName in state.group) {
+    const pseudo = state.group[groupName]?.pseudo;
+    pseudo && (groups[groupName] = {
+      hover: pseudo.hover,
+      press: pseudo.press,
+      focus: pseudo.focus
+    });
+  }
+  return {
+    hover: state.hover,
+    press: state.press,
+    focus: state.focus,
+    groups
+  };
+}

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

@@ -0,0 +1,72 @@
+"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 pseudoTransitions_exports = {};
+__export(pseudoTransitions_exports, {
+  extractPseudoState: () => extractPseudoState,
+  resolveEffectivePseudoTransition: () => resolveEffectivePseudoTransition
+});
+module.exports = __toCommonJS(pseudoTransitions_exports);
+function resolveEffectivePseudoTransition(prev, next, pseudoTransitions, baseTransition) {
+  if (!pseudoTransitions) return baseTransition;
+  var prevState = prev || {
+    hover: !1,
+    press: !1,
+    focus: !1,
+    groups: {}
+  };
+  if (next.press && !prevState.press && pseudoTransitions.pressStyle) return pseudoTransitions.pressStyle;
+  if (next.hover && !prevState.hover && pseudoTransitions.hoverStyle) return pseudoTransitions.hoverStyle;
+  if (next.focus && !prevState.focus && pseudoTransitions.focusStyle) return pseudoTransitions.focusStyle;
+  for (var key in pseudoTransitions) if (key.startsWith("$group-")) {
+    var _next_group_groupName,
+      _next_group,
+      _prevState_groups,
+      match = key.match(/^\$group-(.+)-(hover|press|focus)$/);
+    if (!match) continue;
+    var groupName = match[1],
+      pseudoType = match[2],
+      nextGroupPseudo = (_next_group = next.group) === null || _next_group === void 0 || (_next_group_groupName = _next_group[groupName]) === null || _next_group_groupName === void 0 ? void 0 : _next_group_groupName.pseudo,
+      prevGroupPseudo = (_prevState_groups = prevState.groups) === null || _prevState_groups === void 0 ? void 0 : _prevState_groups[groupName];
+    if (nextGroupPseudo?.[pseudoType] && !prevGroupPseudo?.[pseudoType]) return pseudoTransitions[key];
+  }
+  return baseTransition;
+}
+function extractPseudoState(state) {
+  var groups = {};
+  if (state.group) for (var groupName in state.group) {
+    var _state_group_groupName,
+      pseudo = (_state_group_groupName = state.group[groupName]) === null || _state_group_groupName === void 0 ? void 0 : _state_group_groupName.pseudo;
+    pseudo && (groups[groupName] = {
+      hover: pseudo.hover,
+      press: pseudo.press,
+      focus: pseudo.focus
+    });
+  }
+  return {
+    hover: state.hover,
+    press: state.press,
+    focus: state.focus,
+    groups
+  };
+}
+//# sourceMappingURL=pseudoTransitions.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","pseudoTransitions_exports","__export","extractPseudoState","resolveEffectivePseudoTransition","module","exports","prev","next","pseudoTransitions","baseTransition","prevState","hover","press","focus","groups","pressStyle","hoverStyle","focusStyle","key","startsWith","_next_group_groupName","_next_group","_prevState_groups","match","groupName","pseudoType","nextGroupPseudo","group","pseudo","prevGroupPseudo","state","_state_group_groupName"],"sources":["../../../src/helpers/pseudoTransitions.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,gCAAA,EAAAA,CAAA,KAAAA;AAAA;AAsBOC,MAAA,CAAAC,OAAS,GAAAV,YAAA,CAAAK,yBAGd;AAGA,SAAKG,iCAAAG,IAAA,EAAAC,IAAA,EAAAC,iBAAA,EAAAC,cAAA;EACH,KAAAD,iBAAO,EAIT,OAAMC,cAAY;EAGlB,IAAIC,SAAK,GAAAJ,IAAU;IACjBK,KAAA,EAAO;IAETC,KAAI,EAAK;IACPC,KAAA,EAAO;IAETC,MAAI,EAAK;EACP;EAIF,IAAAP,IAAA,CAAAK,KAAW,IAAO,CAAAF,SAAA,CAAAE,KAAA,IAAAJ,iBAAA,CAAAO,UAAA,EAChB,OAAIP,iBAAe,CAAAO,UAAY;EAE7B,IAAAR,IAAA,CAAAI,KAAM,IAAQ,CAAAD,SAAU,CAAAC,KAAA,IAAAH,iBAAA,CAAAQ,UAAoC,EAC5D,OAAKR,iBAAO,CAAAQ,UAAA;EAEZ,IAAAT,IAAA,CAAAM,KAAM,KAAAH,SAAkB,CAACG,KACnB,IAAAL,iBAGA,CAAAS,UAAA,EAIN,OAAIT,iBAAkB,CAAAS,UAAU;EAC9B,SAAAC,GAAA,IAAOV,iBAAkB,EAE7B,IAAAU,GAAA,CAAAC,UAAA;IAIF,IAAOC,qBAAA;MAAAC,WAAA;MAAAC,iBAAA;MAAAC,KAAA,GAAAL,GAAA,CAAAK,KAAA;IACT,KAAAA,KAAA;IAKO,IAASC,SAAA,GAAAD,KAAA,CAAmB;MAAAE,UAAuC,GAAAF,KAAA;MAAAG,eAAA,IAAAL,WAAA,GAAAd,IAAA,CAAAoB,KAAA,cAAAN,WAAA,gBAAAD,qBAAA,GAAAC,WAAA,CAAAG,SAAA,eAAAJ,qBAAA,uBAAAA,qBAAA,CAAAQ,MAAA;MAAAC,eAAA,IAAAP,iBAAA,GAAAZ,SAAA,CAAAI,MAAA,cAAAQ,iBAAA,uBAAAA,iBAAA,CAAAE,SAAA;IACxE,IAAME,eAAiC,GAAAD,UAAA,MAAAI,eAAA,GAAAJ,UAAA,GAEnC,OAAMjB,iBAAA,CAAAU,GAAA;EACR;EACE,OAAAT,cAAe;AACf;AACsB,SAClBP,kBAAcA,CAAA4B,KAAA;EAAA,IAAAhB,MACd,GAAO;EAAO,IAAAgB,KACd,CAAAH,KAAO,EAAO,KAChB,IAAAH,SAAA,IAAAM,KAAA,CAAAH,KAAA;IAEJ,IAAAI,sBAAA;MAAAH,MAAA,IAAAG,sBAAA,GAAAD,KAAA,CAAAH,KAAA,CAAAH,SAAA,eAAAO,sBAAA,uBAAAA,sBAAA,CAAAH,MAAA;IAGFA,MAAO,KAAAd,MAAA,CAAAU,SAAA;MACLb,KAAO,EAAAiB,MAAM,CAAAjB,KAAA;MACbC,KAAO,EAAAgB,MAAM,CAAAhB,KAAA;MACbC,KAAO,EAAAe,MAAM,CAAAf;IACb;EACF;EACF","ignoreList":[]}

package/dist/cjs/helpers/registerCSSVariable.cjs

@@ -0,0 +1,64 @@
+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 registerCSSVariable_exports = {};
+__export(registerCSSVariable_exports, {
+  autoVariables: () => autoVariables,
+  getOrCreateMutatedVariable: () => getOrCreateMutatedVariable,
+  getOrCreateVariable: () => getOrCreateVariable,
+  mutatedAutoVariables: () => mutatedAutoVariables,
+  registerCSSVariable: () => registerCSSVariable,
+  tokensValueToVariable: () => tokensValueToVariable,
+  variableToCSS: () => variableToCSS
+});
+module.exports = __toCommonJS(registerCSSVariable_exports);
+var import_createVariable = require("../createVariable.cjs");
+const registerCSSVariable = v => {
+    process.env.HANZO_GUI_DID_OUTPUT_CSS || tokensValueToVariable.set((0, import_createVariable.getVariableValue)(v), v);
+  },
+  variableToCSS = (v, unitless = !1) => process.env.HANZO_GUI_DID_OUTPUT_CSS ? "" : `--${process.env.HANZO_GUI_CSS_VARIABLE_PREFIX || ""}${(0, import_createVariable.createCSSVariable)(v.name, !1)}:${!unitless && typeof v.val == "number" ? `${v.val}px` : v.val}`,
+  tokensValueToVariable = /* @__PURE__ */new Map();
+let autoVarId = 0;
+const autoVariables = [],
+  getOrCreateVariable = val => {
+    if (tokensValueToVariable.has(val)) return tokensValueToVariable.get(val);
+    const name = `t${autoVarId++}`,
+      variable = `var(--${name})`,
+      v = {
+        val,
+        name,
+        variable
+      };
+    return tokensValueToVariable.set(val, v), autoVariables.push(v), v;
+  };
+let mutatedVarId = 1e4;
+const mutatedAutoVariables = [],
+  mutatedTokensValueToVariable = /* @__PURE__ */new Map(),
+  getOrCreateMutatedVariable = val => {
+    if (mutatedTokensValueToVariable.has(val)) return mutatedTokensValueToVariable.get(val);
+    const name = `t${mutatedVarId++}`,
+      variable = `var(--${name})`,
+      v = {
+        val,
+        name,
+        variable
+      };
+    return mutatedTokensValueToVariable.set(val, v), mutatedAutoVariables.push(v), v;
+  };

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

@@ -0,0 +1,70 @@
+"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 registerCSSVariable_exports = {};
+__export(registerCSSVariable_exports, {
+  autoVariables: () => autoVariables,
+  getOrCreateMutatedVariable: () => getOrCreateMutatedVariable,
+  getOrCreateVariable: () => getOrCreateVariable,
+  mutatedAutoVariables: () => mutatedAutoVariables,
+  registerCSSVariable: () => registerCSSVariable,
+  tokensValueToVariable: () => tokensValueToVariable,
+  variableToCSS: () => variableToCSS
+});
+module.exports = __toCommonJS(registerCSSVariable_exports);
+var import_createVariable = require("../createVariable.native.js"),
+  registerCSSVariable = function (v) {
+    process.env.HANZO_GUI_DID_OUTPUT_CSS || tokensValueToVariable.set((0, import_createVariable.getVariableValue)(v), v);
+  },
+  variableToCSS = function (v) {
+    var unitless = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    return process.env.HANZO_GUI_DID_OUTPUT_CSS ? "" : `--${process.env.HANZO_GUI_CSS_VARIABLE_PREFIX || ""}${(0, import_createVariable.createCSSVariable)(v.name, !1)}:${!unitless && typeof v.val == "number" ? `${v.val}px` : v.val}`;
+  },
+  tokensValueToVariable = /* @__PURE__ */new Map(),
+  autoVarId = 0,
+  autoVariables = [],
+  getOrCreateVariable = function (val) {
+    if (tokensValueToVariable.has(val)) return tokensValueToVariable.get(val);
+    var name = `t${autoVarId++}`,
+      variable = `var(--${name})`,
+      v = {
+        val,
+        name,
+        variable
+      };
+    return tokensValueToVariable.set(val, v), autoVariables.push(v), v;
+  },
+  mutatedVarId = 1e4,
+  mutatedAutoVariables = [],
+  mutatedTokensValueToVariable = /* @__PURE__ */new Map(),
+  getOrCreateMutatedVariable = function (val) {
+    if (mutatedTokensValueToVariable.has(val)) return mutatedTokensValueToVariable.get(val);
+    var name = `t${mutatedVarId++}`,
+      variable = `var(--${name})`,
+      v = {
+        val,
+        name,
+        variable
+      };
+    return mutatedTokensValueToVariable.set(val, v), mutatedAutoVariables.push(v), v;
+  };
+//# sourceMappingURL=registerCSSVariable.native.js.map