@hanzogui/web 3.0.6 → 4.3.1

package/dist/esm/helpers/pointerEvents.native.js

@@ -2,92 +2,125 @@ import { useRef } from "react";
 import { composeEventHandlers } from "@hanzogui/helpers";
 function usePointerEvents(props, viewProps) {
   var {
-      onPointerDown,
-      onPointerUp,
-      onPointerMove,
-      onPointerCancel,
-      onPointerEnter,
-      onPointerLeave
-    } = props,
-    hasPointerEvents = onPointerDown || onPointerUp || onPointerMove || onPointerCancel || onPointerEnter || onPointerLeave,
-    isInsideRef = useRef(!1),
-    layoutRef = useRef({
-      width: 0,
-      height: 0
-    }),
-    isCapturedRef = useRef(!1);
-  if (hasPointerEvents) {
-    var createNormalizedEvent = function (e) {
-      var touch = e.nativeEvent,
-        _touch_identifier,
-        normalized = {
-          ...e,
-          clientX: touch.pageX,
-          clientY: touch.pageY,
-          pageX: touch.pageX,
-          pageY: touch.pageY,
-          offsetX: touch.locationX,
-          offsetY: touch.locationY,
-          pointerType: "touch",
-          pointerId: (_touch_identifier = touch.identifier) !== null && _touch_identifier !== void 0 ? _touch_identifier : 0,
-          nativeEvent: touch,
-          target: {
-            setPointerCapture: function (_pointerId) {
-              isCapturedRef.current = !0;
-            },
-            releasePointerCapture: function (_pointerId) {
-              isCapturedRef.current = !1;
-            }
-          }
-        };
-      return normalized;
+    onPointerDown,
+    onPointerUp,
+    onPointerMove,
+    onPointerCancel,
+    onPointerEnter,
+    onPointerLeave
+  } = props;
+  var hasPointerEvents = onPointerDown || onPointerUp || onPointerMove || onPointerCancel || onPointerEnter || onPointerLeave;
+  var isInsideRef = useRef(false);
+  var layoutRef = useRef({
+    width: 0,
+    height: 0
+  });
+  var isCapturedRef = useRef(false);
+  if (!hasPointerEvents) return;
+  var createNormalizedEvent = function (e) {
+    var touch = e.nativeEvent;
+    var _touch_identifier;
+    var normalized = {
+      ...e,
+      clientX: touch.pageX,
+      clientY: touch.pageY,
+      pageX: touch.pageX,
+      pageY: touch.pageY,
+      offsetX: touch.locationX,
+      offsetY: touch.locationY,
+      pointerType: "touch",
+      pointerId: (_touch_identifier = touch.identifier) !== null && _touch_identifier !== void 0 ? _touch_identifier : 0,
+      nativeEvent: touch,
+      target: {
+        setPointerCapture: function (_pointerId) {
+          isCapturedRef.current = true;
+        },
+        releasePointerCapture: function (_pointerId) {
+          isCapturedRef.current = false;
+        }
+      }
     };
-    onPointerDown && (viewProps.onTouchStart = composeEventHandlers(viewProps.onTouchStart, function (e) {
+    return normalized;
+  };
+  if (onPointerDown) {
+    viewProps.onTouchStart = composeEventHandlers(viewProps.onTouchStart, function (e) {
       onPointerDown(createNormalizedEvent(e));
-    })), onPointerUp && (viewProps.onTouchEnd = composeEventHandlers(viewProps.onTouchEnd, function (e) {
-      isCapturedRef.current = !1, onPointerUp(createNormalizedEvent(e));
-    })), onPointerMove && (viewProps.onTouchMove = composeEventHandlers(viewProps.onTouchMove, function (e) {
+    });
+  }
+  if (onPointerUp) {
+    viewProps.onTouchEnd = composeEventHandlers(viewProps.onTouchEnd, function (e) {
+      isCapturedRef.current = false;
+      onPointerUp(createNormalizedEvent(e));
+    });
+  }
+  if (onPointerMove) {
+    viewProps.onTouchMove = composeEventHandlers(viewProps.onTouchMove, function (e) {
+      var {
+        locationX,
+        locationY
+      } = e.nativeEvent;
       var {
-          locationX,
-          locationY
-        } = e.nativeEvent,
-        {
-          width,
-          height
-        } = layoutRef.current,
-        isInBounds = locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height;
-      (isCapturedRef.current || isInBounds) && onPointerMove(createNormalizedEvent(e));
-    })), onPointerCancel && (viewProps.onTouchCancel = composeEventHandlers(viewProps.onTouchCancel, function (e) {
-      isCapturedRef.current = !1, onPointerCancel(createNormalizedEvent(e));
-    })), (onPointerEnter || onPointerLeave || onPointerMove) && (viewProps.onLayout = composeEventHandlers(viewProps.onLayout, function (e) {
+        width,
+        height
+      } = layoutRef.current;
+      var isInBounds = locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height;
+      if (isCapturedRef.current || isInBounds) {
+        onPointerMove(createNormalizedEvent(e));
+      }
+    });
+  }
+  if (onPointerCancel) {
+    viewProps.onTouchCancel = composeEventHandlers(viewProps.onTouchCancel, function (e) {
+      isCapturedRef.current = false;
+      onPointerCancel(createNormalizedEvent(e));
+    });
+  }
+  if (onPointerEnter || onPointerLeave || onPointerMove) {
+    viewProps.onLayout = composeEventHandlers(viewProps.onLayout, function (e) {
       layoutRef.current = {
         width: e.nativeEvent.layout.width,
         height: e.nativeEvent.layout.height
       };
-    })), onPointerEnter && (viewProps.onTouchStart = composeEventHandlers(viewProps.onTouchStart, function (e) {
+    });
+  }
+  if (onPointerEnter) {
+    viewProps.onTouchStart = composeEventHandlers(viewProps.onTouchStart, function (e) {
+      var {
+        locationX,
+        locationY
+      } = e.nativeEvent;
+      var {
+        width,
+        height
+      } = layoutRef.current;
+      if (locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height) {
+        isInsideRef.current = true;
+        onPointerEnter(createNormalizedEvent(e));
+      }
+    });
+  }
+  if (onPointerLeave) {
+    viewProps.onTouchMove = composeEventHandlers(viewProps.onTouchMove, function (e) {
       var {
-          locationX,
-          locationY
-        } = e.nativeEvent,
-        {
-          width,
-          height
-        } = layoutRef.current;
-      locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height && (isInsideRef.current = !0, onPointerEnter(createNormalizedEvent(e)));
-    })), onPointerLeave && (viewProps.onTouchMove = composeEventHandlers(viewProps.onTouchMove, function (e) {
+        locationX,
+        locationY
+      } = e.nativeEvent;
       var {
-          locationX,
-          locationY
-        } = e.nativeEvent,
-        {
-          width,
-          height
-        } = layoutRef.current,
-        isInside = locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height;
-      isInsideRef.current && !isInside && (isInsideRef.current = !1, onPointerLeave(createNormalizedEvent(e)));
-    }), viewProps.onTouchEnd = composeEventHandlers(viewProps.onTouchEnd, function (e) {
-      isInsideRef.current && (isInsideRef.current = !1, onPointerLeave(createNormalizedEvent(e)));
-    }));
+        width,
+        height
+      } = layoutRef.current;
+      var isInside = locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height;
+      if (isInsideRef.current && !isInside) {
+        isInsideRef.current = false;
+        onPointerLeave(createNormalizedEvent(e));
+      }
+    });
+    viewProps.onTouchEnd = composeEventHandlers(viewProps.onTouchEnd, function (e) {
+      if (isInsideRef.current) {
+        isInsideRef.current = false;
+        onPointerLeave(createNormalizedEvent(e));
+      }
+    });
   }
 }
 export { usePointerEvents };

package/dist/esm/helpers/pointerEvents.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","composeEventHandlers","usePointerEvents","props","viewProps","onPointerDown","onPointerUp","onPointerMove","onPointerCancel","onPointerEnter","onPointerLeave","hasPointerEvents","isInsideRef","layoutRef","width","height","isCapturedRef","createNormalizedEvent","e","touch","nativeEvent","_touch_identifier","normalized","clientX","pageX","clientY","pageY","offsetX","locationX","offsetY","locationY","pointerType","pointerId","identifier","target","setPointerCapture","_pointerId","current","releasePointerCapture","onTouchStart","onTouchEnd","onTouchMove","isInBounds","onTouchCancel","onLayout","layout","isInside"],"sources":["../../../src/helpers/pointerEvents.native.ts"],"sourcesContent":[null],"mappings":"AAKI,SAASA,MAAA,QAAc;AAC3B,SAASC,oBAAA,QAA4B;AAC9B,SAASC,iBAAiBC,KAAA,EAAOC,SAAA,EAAW;EAC/C,IAAI;MAAEC,aAAA;MAAeC,WAAA;MAAaC,aAAA;MAAeC,eAAA;MAAiBC,cAAA;MAAgBC;IAAe,IAAIP,KAAA;IACjGQ,gBAAA,GAAmBN,aAAA,IAAiBC,WAAA,IAAeC,aAAA,IAAiBC,eAAA,IAAmBC,cAAA,IAAkBC,cAAA;IAEzGE,WAAA,GAAcZ,MAAA,CAAO,EAAK;IAC1Ba,SAAA,GAAYb,MAAA,CAAO;MACnBc,KAAA,EAAO;MACPC,MAAA,EAAQ;IACZ,CAAC;IAEGC,aAAA,GAAgBhB,MAAA,CAAO,EAAK;EAChC,IAAKW,gBAAA,EAEL;IAAA,IAAIM,qBAAA,GAAwB,SAAAA,CAASC,CAAA,EAAG;MACpC,IAAIC,KAAA,GAAQD,CAAA,CAAEE,WAAA;QACVC,iBAAA;QACAC,UAAA,GAAa;UACb,GAAGJ,CAAA;UACHK,OAAA,EAASJ,KAAA,CAAMK,KAAA;UACfC,OAAA,EAASN,KAAA,CAAMO,KAAA;UACfF,KAAA,EAAOL,KAAA,CAAMK,KAAA;UACbE,KAAA,EAAOP,KAAA,CAAMO,KAAA;UACbC,OAAA,EAASR,KAAA,CAAMS,SAAA;UACfC,OAAA,EAASV,KAAA,CAAMW,SAAA;UACfC,WAAA,EAAa;UACbC,SAAA,GAAYX,iBAAA,GAAoBF,KAAA,CAAMc,UAAA,MAAgB,QAAQZ,iBAAA,KAAsB,SAASA,iBAAA,GAAoB;UACjHD,WAAA,EAAaD,KAAA;UACbe,MAAA,EAAQ;YACJC,iBAAA,EAAmB,SAAAA,CAASC,UAAA,EAAY;cACpCpB,aAAA,CAAcqB,OAAA,GAAU;YAC5B;YACAC,qBAAA,EAAuB,SAAAA,CAASF,UAAA,EAAY;cACxCpB,aAAA,CAAcqB,OAAA,GAAU;YAC5B;UACJ;QACJ;MACA,OAAOf,UAAA;IACX;IAEIjB,aAAA,KACAD,SAAA,CAAUmC,YAAA,GAAetC,oBAAA,CAAqBG,SAAA,CAAUmC,YAAA,EAAc,UAASrB,CAAA,EAAG;MAC9Eb,aAAA,CAAcY,qBAAA,CAAsBC,CAAC,CAAC;IAC1C,CAAC,IAGDZ,WAAA,KACAF,SAAA,CAAUoC,UAAA,GAAavC,oBAAA,CAAqBG,SAAA,CAAUoC,UAAA,EAAY,UAAStB,CAAA,EAAG;MAC1EF,aAAA,CAAcqB,OAAA,GAAU,IAExB/B,WAAA,CAAYW,qBAAA,CAAsBC,CAAC,CAAC;IACxC,CAAC,IAGDX,aAAA,KACAH,SAAA,CAAUqC,WAAA,GAAcxC,oBAAA,CAAqBG,SAAA,CAAUqC,WAAA,EAAa,UAASvB,CAAA,EAAG;MAC5E,IAAI;UAAEU,SAAA;UAAWE;QAAU,IAAIZ,CAAA,CAAEE,WAAA;QAC7B;UAAEN,KAAA;UAAOC;QAAO,IAAIF,SAAA,CAAUwB,OAAA;QAC9BK,UAAA,GAAad,SAAA,IAAa,KAAKA,SAAA,IAAad,KAAA,IAASgB,SAAA,IAAa,KAAKA,SAAA,IAAaf,MAAA;MAExF,CAAIC,aAAA,CAAcqB,OAAA,IAAWK,UAAA,KACzBnC,aAAA,CAAcU,qBAAA,CAAsBC,CAAC,CAAC;IAE9C,CAAC,IAGDV,eAAA,KACAJ,SAAA,CAAUuC,aAAA,GAAgB1C,oBAAA,CAAqBG,SAAA,CAAUuC,aAAA,EAAe,UAASzB,CAAA,EAAG;MAChFF,aAAA,CAAcqB,OAAA,GAAU,IACxB7B,eAAA,CAAgBS,qBAAA,CAAsBC,CAAC,CAAC;IAC5C,CAAC,KAGDT,cAAA,IAAkBC,cAAA,IAAkBH,aAAA,MAEpCH,SAAA,CAAUwC,QAAA,GAAW3C,oBAAA,CAAqBG,SAAA,CAAUwC,QAAA,EAAU,UAAS1B,CAAA,EAAG;MACtEL,SAAA,CAAUwB,OAAA,GAAU;QAChBvB,KAAA,EAAOI,CAAA,CAAEE,WAAA,CAAYyB,MAAA,CAAO/B,KAAA;QAC5BC,MAAA,EAAQG,CAAA,CAAEE,WAAA,CAAYyB,MAAA,CAAO9B;MACjC;IACJ,CAAC,IAGDN,cAAA,KACAL,SAAA,CAAUmC,YAAA,GAAetC,oBAAA,CAAqBG,SAAA,CAAUmC,YAAA,EAAc,UAASrB,CAAA,EAAG;MAC9E,IAAI;UAAEU,SAAA;UAAWE;QAAU,IAAIZ,CAAA,CAAEE,WAAA;QAC7B;UAAEN,KAAA;UAAOC;QAAO,IAAIF,SAAA,CAAUwB,OAAA;MAC9BT,SAAA,IAAa,KAAKA,SAAA,IAAad,KAAA,IAASgB,SAAA,IAAa,KAAKA,SAAA,IAAaf,MAAA,KACvEH,WAAA,CAAYyB,OAAA,GAAU,IACtB5B,cAAA,CAAeQ,qBAAA,CAAsBC,CAAC,CAAC;IAE/C,CAAC,IAGDR,cAAA,KACAN,SAAA,CAAUqC,WAAA,GAAcxC,oBAAA,CAAqBG,SAAA,CAAUqC,WAAA,EAAa,UAASvB,CAAA,EAAG;MAC5E,IAAI;UAAEU,SAAA;UAAWE;QAAU,IAAIZ,CAAA,CAAEE,WAAA;QAC7B;UAAEN,KAAA;UAAOC;QAAO,IAAIF,SAAA,CAAUwB,OAAA;QAC9BS,QAAA,GAAWlB,SAAA,IAAa,KAAKA,SAAA,IAAad,KAAA,IAASgB,SAAA,IAAa,KAAKA,SAAA,IAAaf,MAAA;MAClFH,WAAA,CAAYyB,OAAA,IAAW,CAACS,QAAA,KACxBlC,WAAA,CAAYyB,OAAA,GAAU,IACtB3B,cAAA,CAAeO,qBAAA,CAAsBC,CAAC,CAAC;IAE/C,CAAC,GACDd,SAAA,CAAUoC,UAAA,GAAavC,oBAAA,CAAqBG,SAAA,CAAUoC,UAAA,EAAY,UAAStB,CAAA,EAAG;MACtEN,WAAA,CAAYyB,OAAA,KACZzB,WAAA,CAAYyB,OAAA,GAAU,IACtB3B,cAAA,CAAeO,qBAAA,CAAsBC,CAAC,CAAC;IAE/C,CAAC;EAAA;AAET","ignoreList":[]}
+{"version":3,"names":["useRef","composeEventHandlers","usePointerEvents","props","viewProps","onPointerDown","onPointerUp","onPointerMove","onPointerCancel","onPointerEnter","onPointerLeave","hasPointerEvents","isInsideRef","layoutRef","width","height","isCapturedRef","createNormalizedEvent","e","touch","nativeEvent","_touch_identifier","normalized","clientX","pageX","clientY","pageY","offsetX","locationX","offsetY","locationY","pointerType","pointerId","identifier","target","setPointerCapture","_pointerId","current","releasePointerCapture","onTouchStart","onTouchEnd","onTouchMove","isInBounds","onTouchCancel","onLayout","layout","isInside"],"sources":["../../../src/helpers/pointerEvents.native.ts"],"sourcesContent":[null],"mappings":"AAKI,SAASA,MAAA,QAAc;AAC3B,SAASC,oBAAA,QAA4B;AAC9B,SAASC,iBAAiBC,KAAA,EAAOC,SAAA,EAAW;EAC/C,IAAI;IAAEC,aAAA;IAAeC,WAAA;IAAaC,aAAA;IAAeC,eAAA;IAAiBC,cAAA;IAAgBC;EAAe,IAAIP,KAAA;EACrG,IAAIQ,gBAAA,GAAmBN,aAAA,IAAiBC,WAAA,IAAeC,aAAA,IAAiBC,eAAA,IAAmBC,cAAA,IAAkBC,cAAA;EAE7G,IAAIE,WAAA,GAAcZ,MAAA,CAAO,KAAK;EAC9B,IAAIa,SAAA,GAAYb,MAAA,CAAO;IACnBc,KAAA,EAAO;IACPC,MAAA,EAAQ;EACZ,CAAC;EAED,IAAIC,aAAA,GAAgBhB,MAAA,CAAO,KAAK;EAChC,IAAI,CAACW,gBAAA,EAAkB;EAEvB,IAAIM,qBAAA,GAAwB,SAAAA,CAASC,CAAA,EAAG;IACpC,IAAIC,KAAA,GAAQD,CAAA,CAAEE,WAAA;IACd,IAAIC,iBAAA;IACJ,IAAIC,UAAA,GAAa;MACb,GAAGJ,CAAA;MACHK,OAAA,EAASJ,KAAA,CAAMK,KAAA;MACfC,OAAA,EAASN,KAAA,CAAMO,KAAA;MACfF,KAAA,EAAOL,KAAA,CAAMK,KAAA;MACbE,KAAA,EAAOP,KAAA,CAAMO,KAAA;MACbC,OAAA,EAASR,KAAA,CAAMS,SAAA;MACfC,OAAA,EAASV,KAAA,CAAMW,SAAA;MACfC,WAAA,EAAa;MACbC,SAAA,GAAYX,iBAAA,GAAoBF,KAAA,CAAMc,UAAA,MAAgB,QAAQZ,iBAAA,KAAsB,SAASA,iBAAA,GAAoB;MACjHD,WAAA,EAAaD,KAAA;MACbe,MAAA,EAAQ;QACJC,iBAAA,EAAmB,SAAAA,CAASC,UAAA,EAAY;UACpCpB,aAAA,CAAcqB,OAAA,GAAU;QAC5B;QACAC,qBAAA,EAAuB,SAAAA,CAASF,UAAA,EAAY;UACxCpB,aAAA,CAAcqB,OAAA,GAAU;QAC5B;MACJ;IACJ;IACA,OAAOf,UAAA;EACX;EAEA,IAAIjB,aAAA,EAAe;IACfD,SAAA,CAAUmC,YAAA,GAAetC,oBAAA,CAAqBG,SAAA,CAAUmC,YAAA,EAAc,UAASrB,CAAA,EAAG;MAC9Eb,aAAA,CAAcY,qBAAA,CAAsBC,CAAC,CAAC;IAC1C,CAAC;EACL;EAEA,IAAIZ,WAAA,EAAa;IACbF,SAAA,CAAUoC,UAAA,GAAavC,oBAAA,CAAqBG,SAAA,CAAUoC,UAAA,EAAY,UAAStB,CAAA,EAAG;MAC1EF,aAAA,CAAcqB,OAAA,GAAU;MAExB/B,WAAA,CAAYW,qBAAA,CAAsBC,CAAC,CAAC;IACxC,CAAC;EACL;EAEA,IAAIX,aAAA,EAAe;IACfH,SAAA,CAAUqC,WAAA,GAAcxC,oBAAA,CAAqBG,SAAA,CAAUqC,WAAA,EAAa,UAASvB,CAAA,EAAG;MAC5E,IAAI;QAAEU,SAAA;QAAWE;MAAU,IAAIZ,CAAA,CAAEE,WAAA;MACjC,IAAI;QAAEN,KAAA;QAAOC;MAAO,IAAIF,SAAA,CAAUwB,OAAA;MAClC,IAAIK,UAAA,GAAad,SAAA,IAAa,KAAKA,SAAA,IAAad,KAAA,IAASgB,SAAA,IAAa,KAAKA,SAAA,IAAaf,MAAA;MAExF,IAAIC,aAAA,CAAcqB,OAAA,IAAWK,UAAA,EAAY;QACrCnC,aAAA,CAAcU,qBAAA,CAAsBC,CAAC,CAAC;MAC1C;IACJ,CAAC;EACL;EAEA,IAAIV,eAAA,EAAiB;IACjBJ,SAAA,CAAUuC,aAAA,GAAgB1C,oBAAA,CAAqBG,SAAA,CAAUuC,aAAA,EAAe,UAASzB,CAAA,EAAG;MAChFF,aAAA,CAAcqB,OAAA,GAAU;MACxB7B,eAAA,CAAgBS,qBAAA,CAAsBC,CAAC,CAAC;IAC5C,CAAC;EACL;EAEA,IAAIT,cAAA,IAAkBC,cAAA,IAAkBH,aAAA,EAAe;IAEnDH,SAAA,CAAUwC,QAAA,GAAW3C,oBAAA,CAAqBG,SAAA,CAAUwC,QAAA,EAAU,UAAS1B,CAAA,EAAG;MACtEL,SAAA,CAAUwB,OAAA,GAAU;QAChBvB,KAAA,EAAOI,CAAA,CAAEE,WAAA,CAAYyB,MAAA,CAAO/B,KAAA;QAC5BC,MAAA,EAAQG,CAAA,CAAEE,WAAA,CAAYyB,MAAA,CAAO9B;MACjC;IACJ,CAAC;EACL;EAEA,IAAIN,cAAA,EAAgB;IAChBL,SAAA,CAAUmC,YAAA,GAAetC,oBAAA,CAAqBG,SAAA,CAAUmC,YAAA,EAAc,UAASrB,CAAA,EAAG;MAC9E,IAAI;QAAEU,SAAA;QAAWE;MAAU,IAAIZ,CAAA,CAAEE,WAAA;MACjC,IAAI;QAAEN,KAAA;QAAOC;MAAO,IAAIF,SAAA,CAAUwB,OAAA;MAClC,IAAIT,SAAA,IAAa,KAAKA,SAAA,IAAad,KAAA,IAASgB,SAAA,IAAa,KAAKA,SAAA,IAAaf,MAAA,EAAQ;QAC/EH,WAAA,CAAYyB,OAAA,GAAU;QACtB5B,cAAA,CAAeQ,qBAAA,CAAsBC,CAAC,CAAC;MAC3C;IACJ,CAAC;EACL;EAEA,IAAIR,cAAA,EAAgB;IAChBN,SAAA,CAAUqC,WAAA,GAAcxC,oBAAA,CAAqBG,SAAA,CAAUqC,WAAA,EAAa,UAASvB,CAAA,EAAG;MAC5E,IAAI;QAAEU,SAAA;QAAWE;MAAU,IAAIZ,CAAA,CAAEE,WAAA;MACjC,IAAI;QAAEN,KAAA;QAAOC;MAAO,IAAIF,SAAA,CAAUwB,OAAA;MAClC,IAAIS,QAAA,GAAWlB,SAAA,IAAa,KAAKA,SAAA,IAAad,KAAA,IAASgB,SAAA,IAAa,KAAKA,SAAA,IAAaf,MAAA;MACtF,IAAIH,WAAA,CAAYyB,OAAA,IAAW,CAACS,QAAA,EAAU;QAClClC,WAAA,CAAYyB,OAAA,GAAU;QACtB3B,cAAA,CAAeO,qBAAA,CAAsBC,CAAC,CAAC;MAC3C;IACJ,CAAC;IACDd,SAAA,CAAUoC,UAAA,GAAavC,oBAAA,CAAqBG,SAAA,CAAUoC,UAAA,EAAY,UAAStB,CAAA,EAAG;MAC1E,IAAIN,WAAA,CAAYyB,OAAA,EAAS;QACrBzB,WAAA,CAAYyB,OAAA,GAAU;QACtB3B,cAAA,CAAeO,qBAAA,CAAsBC,CAAC,CAAC;MAC3C;IACJ,CAAC;EACL;AACJ","ignoreList":[]}

package/dist/esm/helpers/propMapper.mjs

@@ -10,155 +10,266 @@ import { isRemValue, resolveRem } from "./resolveRem.mjs";
 import { skipProps } from "./skipProps.mjs";
 import { getTokenForKey as getTokenForKey2 } from "./getTokenForKey.mjs";
 const propMapper = (key, value, styleState, disabled, map) => {
-    if (disabled) return map(key, value);
-    if (setLastFontFamilyToken(null), key === "elevationAndroid") return;
-    const {
-        conf,
-        styleProps,
-        staticConfig
-      } = styleState,
-      {
-        variants
-      } = staticConfig;
-    if (!styleProps.noExpand && variants && key in variants) {
+  if (disabled) {
+    return map(key, value);
+  }
+  setLastFontFamilyToken(null);
+  if (true) {
+    if (key === "elevationAndroid") return;
+  }
+  const {
+    conf,
+    styleProps,
+    staticConfig
+  } = styleState;
+  const {
+    variants
+  } = staticConfig;
+  if (!styleProps.noExpand) {
+    if (variants && key in variants) {
       const variantValue = resolveVariants(key, value, styleProps, styleState, "");
       if (variantValue) {
         variantValue.forEach(([key2, value2]) => map(key2, value2));
         return;
       }
     }
-    styleProps.disableExpandShorthands || key in conf.shorthands && (key = conf.shorthands[key]);
-    const originalValue = value;
-    if (value != null) if (typeof value == "string") {
-      if (value[0] === "$") value = getTokenForKey(key, value, styleProps, styleState);else {
+  }
+  if (!styleProps.disableExpandShorthands) {
+    if (key in conf.shorthands) {
+      key = conf.shorthands[key];
+    }
+  }
+  const originalValue = value;
+  if (value != null) {
+    if (typeof value === "string") {
+      if (value[0] === "$") {
+        value = getTokenForKey(key, value, styleProps, styleState);
+      } else {
         const resolved = resolveCompoundTokens(key, value, styleProps, styleState);
         value = resolved !== value ? resolved : isRemValue(value) ? resolveRem(value) : value;
       }
-    } else isVariable(value) ? value = resolveVariableValue(key, value, styleProps.resolveValues) : isRemValue(value) && (value = resolveRem(value));
-    if (value != null) {
-      const fontToken = getLastFontFamilyToken();
-      key === "fontFamily" && fontToken && (styleState.fontFamily = fontToken);
-      const expanded = styleProps.noExpand ? null : expandStyle(key, value);
-      if (expanded) {
-        const max = expanded.length;
-        for (let i = 0; i < max; i++) {
-          const [nkey, nvalue] = expanded[i];
+    } else if (isVariable(value)) {
+      value = resolveVariableValue(key, value, styleProps.resolveValues);
+    } else if (isRemValue(value)) {
+      value = resolveRem(value);
+    }
+  }
+  if (false) {
+    const parsed = parseNativeStyle(key, value);
+    if (parsed) {
+      if (key === "textShadow" && Array.isArray(parsed) && Array.isArray(parsed[0])) {
+        for (const [nkey, nvalue] of parsed) {
           map(nkey, nvalue, originalValue);
         }
-      } else map(key, value, originalValue);
+        return;
+      }
+      value = parsed;
     }
-  },
-  resolveVariants = (key, value, styleProps, styleState, parentVariantKey) => {
-    const {
-        staticConfig,
-        conf,
-        debug
-      } = styleState,
-      {
-        variants
-      } = staticConfig;
-    if (!variants) return;
-    let variantValue = getVariantDefinition(variants[key], value, conf, styleState);
-    if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(`\u2666\uFE0F\u2666\uFE0F\u2666\uFE0F resolve variant ${key}`), console.info({
+  }
+  if (value != null) {
+    const fontToken = getLastFontFamilyToken();
+    if (key === "fontFamily" && fontToken) {
+      styleState.fontFamily = fontToken;
+    }
+    const expanded = styleProps.noExpand ? null : expandStyle(key, value);
+    if (expanded) {
+      const max = expanded.length;
+      for (let i = 0; i < max; i++) {
+        const [nkey, nvalue] = expanded[i];
+        map(nkey, nvalue, originalValue);
+      }
+    } else {
+      map(key, value, originalValue);
+    }
+  }
+};
+const resolveVariants = (key, value, styleProps, styleState, parentVariantKey) => {
+  const {
+    staticConfig,
+    conf,
+    debug
+  } = styleState;
+  const {
+    variants
+  } = staticConfig;
+  if (!variants) return;
+  let variantValue = getVariantDefinition(variants[key], value, conf, styleState);
+  if (process.env.NODE_ENV === "development" && debug === "verbose") {
+    console.groupCollapsed(`\u2666\uFE0F\u2666\uFE0F\u2666\uFE0F resolve variant ${key}`);
+    console.info({
       key,
       value,
       variantValue,
       variants
-    }), console.groupEnd()), !variantValue) {
-      if (process.env.HANZO_GUI_WARN_ON_MISSING_VARIANT === "1" && typeof value != "boolean") {
+    });
+    console.groupEnd();
+  }
+  if (!variantValue) {
+    if (process.env.GUI_WARN_ON_MISSING_VARIANT === "1") {
+      if (typeof value !== "boolean") {
         const name = staticConfig.componentName || "[UnnamedComponent]";
         console.warn(`No variant found: ${name} has variant "${key}", but no matching value "${value}"`);
       }
-      return;
     }
-    if (typeof variantValue == "function") {
-      const fn = variantValue,
-        extras = getVariantExtras(styleState);
-      variantValue = fn(value, extras), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("   expanded functional variant", key), console.info({
+    return;
+  }
+  if (typeof variantValue === "function") {
+    const fn = variantValue;
+    const extras = getVariantExtras(styleState);
+    variantValue = fn(value, extras);
+    if (process.env.NODE_ENV === "development" && debug === "verbose" && true) {
+      console.groupCollapsed("   expanded functional variant", key);
+      console.info({
         fn,
         variantValue,
         extras
-      }), console.groupEnd());
+      });
+      console.groupEnd();
     }
-    let fontFamilyResult;
-    if (isObj(variantValue)) {
-      const fontFamilyUpdate = variantValue.fontFamily || variantValue[conf.inverseShorthands.fontFamily];
-      fontFamilyUpdate && (fontFamilyResult = getFontFamilyFromNameOrVariable(fontFamilyUpdate, conf), styleState.fontFamily = fontFamilyResult, process.env.NODE_ENV === "development" && debug === "verbose" && console.info("   updating font family", fontFamilyResult)), variantValue = resolveTokensAndVariants(key, variantValue, styleProps, styleState, parentVariantKey);
+  }
+  let fontFamilyResult;
+  if (isObj(variantValue)) {
+    const fontFamilyUpdate = variantValue.fontFamily || variantValue[conf.inverseShorthands.fontFamily];
+    if (fontFamilyUpdate) {
+      fontFamilyResult = getFontFamilyFromNameOrVariable(fontFamilyUpdate, conf);
+      styleState.fontFamily = fontFamilyResult;
+      if (process.env.NODE_ENV === "development" && debug === "verbose") {
+        console.info(`   updating font family`, fontFamilyResult);
+      }
+    }
+    variantValue = resolveTokensAndVariants(key, variantValue, styleProps, styleState, parentVariantKey);
+  }
+  if (variantValue) {
+    const expanded = normalizeStyle(variantValue, !!styleProps.noNormalize);
+    if (process.env.NODE_ENV === "development" && debug === "verbose") {
+      console.info(`   expanding styles from `, variantValue, `to`, expanded);
     }
-    if (variantValue) {
-      const expanded = normalizeStyle(variantValue, !!styleProps.noNormalize);
-      process.env.NODE_ENV === "development" && debug === "verbose" && console.info("   expanding styles from ", variantValue, "to", expanded);
-      const next = Object.entries(expanded);
-      return fontFamilyResult && fontFamilyResult[0] === "$" && setLastFontFamilyToken(getVariableValue(fontFamilyResult)), next;
+    const next = Object.entries(expanded);
+    if (fontFamilyResult && fontFamilyResult[0] === "$") {
+      setLastFontFamilyToken(getVariableValue(fontFamilyResult));
     }
-  };
+    return next;
+  }
+};
 function getFontFamilyFromNameOrVariable(input, conf) {
   if (isVariable(input)) {
     const val = variableToFontNameCache.get(input);
     if (val) return val;
     for (const key in conf.fontsParsed) {
       const familyVariable = conf.fontsParsed[key].family;
-      if (isVariable(familyVariable) && (variableToFontNameCache.set(familyVariable, key), familyVariable === input)) return key;
+      if (isVariable(familyVariable)) {
+        variableToFontNameCache.set(familyVariable, key);
+        if (familyVariable === input) {
+          return key;
+        }
+      }
+    }
+  } else if (typeof input === "string") {
+    if (input[0] === "$") {
+      return input;
     }
-  } else if (typeof input == "string" && input[0] === "$") return input;
+  }
 }
-const variableToFontNameCache = /* @__PURE__ */new WeakMap(),
-  resolveTokensAndVariants = (key, value, styleProps, styleState, parentVariantKey) => {
-    const {
-        conf,
-        staticConfig,
-        debug,
-        theme
-      } = styleState,
-      {
-        variants
-      } = staticConfig,
-      res = {};
-    process.env.NODE_ENV === "development" && debug === "verbose" && console.info("   - resolveTokensAndVariants", key, value);
-    for (const _key in value) {
-      const subKey = conf.shorthands[_key] || _key,
-        val = value[_key];
-      if (!(!styleProps.noSkip && subKey in skipProps)) {
-        if (staticConfig) {
-          const contextProps = staticConfig.context?.props || staticConfig.parentStaticConfig?.context?.props;
-          contextProps && subKey in contextProps && (styleState.overriddenContextProps ||= {}, styleState.overriddenContextProps[subKey] = val, styleState.originalContextPropValues ||= {}, styleState.originalContextPropValues[subKey] = val);
-        }
-        if (styleProps.noExpand) res[subKey] = val;else if (variants && subKey in variants) {
-          if (parentVariantKey && parentVariantKey === key) res[subKey] = val[0] === "$" ? getTokenForKey(subKey, val, styleProps, styleState) : val;else {
-            const variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
-            if (variantOut) for (const [key2, val2] of variantOut) val2 != null && (key2 in pseudoDescriptors ? (res[key2] ??= {}, Object.assign(res[key2], val2)) : res[key2] = val2);
+const variableToFontNameCache = /* @__PURE__ */new WeakMap();
+const resolveTokensAndVariants = (key, value, styleProps, styleState, parentVariantKey) => {
+  const {
+    conf,
+    staticConfig,
+    debug,
+    theme
+  } = styleState;
+  const {
+    variants
+  } = staticConfig;
+  const res = {};
+  if (process.env.NODE_ENV === "development" && debug === "verbose") {
+    console.info(`   - resolveTokensAndVariants`, key, value);
+  }
+  for (const _key in value) {
+    const subKey = conf.shorthands[_key] || _key;
+    const val = value[_key];
+    if (!styleProps.noSkip && subKey in skipProps) {
+      continue;
+    }
+    if (staticConfig) {
+      const contextProps = staticConfig.context?.props || staticConfig.parentStaticConfig?.context?.props;
+      if (contextProps && subKey in contextProps) {
+        styleState.overriddenContextProps ||= {};
+        styleState.overriddenContextProps[subKey] = val;
+        styleState.originalContextPropValues ||= {};
+        styleState.originalContextPropValues[subKey] = val;
+      }
+    }
+    if (styleProps.noExpand) {
+      res[subKey] = val;
+    } else {
+      if (variants && subKey in variants) {
+        if (parentVariantKey && parentVariantKey === key) {
+          res[subKey] = val[0] === "$" ? getTokenForKey(subKey, val, styleProps, styleState) : val;
+        } else {
+          const variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
+          if (variantOut) {
+            for (const [key2, val2] of variantOut) {
+              if (val2 == null) continue;
+              if (key2 in pseudoDescriptors) {
+                res[key2] ??= {};
+                Object.assign(res[key2], val2);
+              } else {
+                res[key2] = val2;
+              }
+            }
           }
-          continue;
-        }
-        if (isVariable(val)) {
-          res[subKey] = resolveVariableValue(subKey, val, styleProps.resolveValues), process.env.NODE_ENV === "development" && debug === "verbose" && console.info("variable", subKey, res[subKey]);
-          continue;
         }
-        if (typeof val == "string") {
-          const fVal = val[0] === "$" ? getTokenForKey(subKey, val, styleProps, styleState) : resolveCompoundTokens(subKey, val, styleProps, styleState);
-          res[subKey] = fVal === val && isRemValue(val) ? resolveRem(val) : fVal;
-          continue;
+        continue;
+      }
+    }
+    if (isVariable(val)) {
+      res[subKey] = resolveVariableValue(subKey, val, styleProps.resolveValues);
+      if (process.env.NODE_ENV === "development" && debug === "verbose") {
+        console.info(`variable`, subKey, res[subKey]);
+      }
+      continue;
+    }
+    if (typeof val === "string") {
+      const fVal = val[0] === "$" ? getTokenForKey(subKey, val, styleProps, styleState) : resolveCompoundTokens(subKey, val, styleProps, styleState);
+      res[subKey] = fVal === val && isRemValue(val) ? resolveRem(val) : fVal;
+      continue;
+    }
+    if (isObj(val)) {
+      const subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
+      if (process.env.NODE_ENV === "development" && debug === "verbose") {
+        console.info(`object`, subKey, subObject);
+      }
+      res[subKey] ??= {};
+      Object.assign(res[subKey], subObject);
+    } else {
+      res[subKey] = val;
+    }
+    if (process.env.NODE_ENV === "development") {
+      if (debug) {
+        if (res[subKey]?.[0] === "$") {
+          console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, subKey, res[subKey], theme);
         }
-        if (isObj(val)) {
-          const subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
-          process.env.NODE_ENV === "development" && debug === "verbose" && console.info("object", subKey, subObject), res[subKey] ??= {}, Object.assign(res[subKey], subObject);
-        } else res[subKey] = val;
-        process.env.NODE_ENV === "development" && debug && res[subKey]?.[0] === "$" && console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, subKey, res[subKey], theme);
       }
     }
-    return res;
-  },
-  tokenCats = ["size", "color", "radius", "space", "zIndex"].map(name => ({
-    name,
-    spreadName: `...${name}`
-  }));
+  }
+  return res;
+};
+const tokenCats = ["size", "color", "radius", "space", "zIndex"].map(name => ({
+  name,
+  spreadName: `...${name}`
+}));
 function getVariantDefinition(variant, value, conf, {
   theme
 }) {
   if (!variant) return;
-  if (typeof variant == "function") return variant;
+  if (typeof variant === "function") {
+    return variant;
+  }
   const exact = variant[value];
-  if (exact) return exact;
+  if (exact) {
+    return exact;
+  }
   if (value != null) {
     const {
       tokensParsed
@@ -166,9 +277,23 @@ function getVariantDefinition(variant, value, conf, {
     for (const {
       name,
       spreadName
-    } of tokenCats) if (spreadName in variant && (name in tokensParsed && value in tokensParsed[name] || name === "color" && theme && typeof value == "string" && value[0] === "$" && value.slice(1) in theme)) return variant[spreadName];
+    } of tokenCats) {
+      if (spreadName in variant) {
+        if (name in tokensParsed && value in tokensParsed[name]) {
+          return variant[spreadName];
+        }
+        if (name === "color" && theme && typeof value === "string" && value[0] === "$") {
+          const themeKey = value.slice(1);
+          if (themeKey in theme) {
+            return variant[spreadName];
+          }
+        }
+      }
+    }
     const fontSizeVariant = variant["...fontSize"];
-    if (fontSizeVariant && conf.fontSizeTokens.has(value)) return fontSizeVariant;
+    if (fontSizeVariant && conf.fontSizeTokens.has(value)) {
+      return fontSizeVariant;
+    }
   }
   return variant[`:${typeof value}`] || variant["..."];
 }