@tamagui/button 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/Button.native.js

@@ -5,20 +5,22 @@ 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, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Button_exports = {};
 __export(Button_exports, {
@@ -26,197 +28,202 @@ __export(Button_exports, {
   ButtonContext: () => ButtonContext
 });
 module.exports = __toCommonJS(Button_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_font_size = require("@tamagui/font-size"),
-  import_get_button_sized = require("@tamagui/get-button-sized"),
-  import_helpers_tamagui = require("@tamagui/helpers-tamagui"),
-  import_stacks = require("@tamagui/stacks"),
-  import_text = require("@tamagui/text"),
-  import_web = require("@tamagui/web"),
-  import_react = require("react"),
-  context = (0, import_web.createStyledContext)({
-    size: void 0,
-    variant: void 0,
-    color: void 0,
-    elevation: void 0
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_font_size = require("@tamagui/font-size");
+var import_get_button_sized = require("@tamagui/get-button-sized");
+var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
+var import_stacks = require("@tamagui/stacks");
+var import_text = require("@tamagui/text");
+var import_web = require("@tamagui/web");
+var import_react = require("react");
+var context = (0, import_web.createStyledContext)({
+  size: void 0,
+  variant: void 0,
+  color: void 0,
+  elevation: void 0
+});
+var Frame = (0, import_web.styled)(import_web.View, {
+  context,
+  name: "Button",
+  role: "button",
+  render: /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
+    type: "button"
   }),
-  Frame = (0, import_web.styled)(import_web.View, {
-    context,
-    name: "Button",
-    role: "button",
-    render: /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
-      type: "button"
-    }),
-    tabIndex: 0,
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true",
-          justifyContent: "center",
-          alignItems: "center",
-          flexWrap: "nowrap",
-          flexDirection: "row",
-          cursor: "pointer",
-          backgroundColor: "$background",
-          borderWidth: 1,
-          borderColor: "transparent",
-          hoverStyle: {
-            backgroundColor: "$backgroundHover",
-            borderColor: "$borderColorHover"
-          },
-          pressStyle: {
-            backgroundColor: "$backgroundPress",
-            borderColor: "$borderColorHover"
-          },
-          focusVisibleStyle: {
-            outlineColor: "$outlineColor",
-            outlineStyle: "solid",
-            outlineWidth: 2
-          }
+  tabIndex: 0,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        justifyContent: "center",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexDirection: "row",
+        cursor: "pointer",
+        backgroundColor: "$background",
+        borderWidth: 1,
+        borderColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "$backgroundHover",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "$backgroundPress",
+          borderColor: "$borderColorHover"
+        },
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineStyle: "solid",
+          outlineWidth: 2
         }
-      },
-      variant: {
-        outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
+      }
+    },
+    variant: {
+      outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
+        backgroundColor: "transparent",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        hoverStyle: {
           backgroundColor: "transparent",
-          borderWidth: 1,
-          borderColor: "$borderColor",
-          hoverStyle: {
-            backgroundColor: "transparent",
-            borderColor: "$borderColorHover"
-          },
-          pressStyle: {
-            backgroundColor: "transparent",
-            borderColor: "$borderColorPress"
-          }
-        }
-      },
-      circular: import_stacks.themeableVariants.circular,
-      chromeless: import_stacks.themeableVariants.chromeless,
-      size: {
-        "...size": function (val, extras) {
-          var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras),
-            gap = (0, import_web.getTokenValue)(val);
-          return {
-            ...buttonStyle,
-            gap
-          };
+          borderColor: "$borderColorHover"
         },
-        ":number": function (val, extras) {
-          var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras),
-            gap = val * 0.4;
-          return {
-            ...buttonStyle,
-            gap
-          };
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorPress"
         }
+      }
+    },
+    circular: import_stacks.themeableVariants.circular,
+    chromeless: import_stacks.themeableVariants.chromeless,
+    size: {
+      "...size": function (val, extras) {
+        var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras);
+        var gap = (0, import_web.getTokenValue)(val);
+        return {
+          ...buttonStyle,
+          gap
+        };
       },
-      elevation: {
-        "...size": import_stacks.getElevation,
-        ":number": import_stacks.getElevation
-      },
-      disabled: {
-        true: {
-          pointerEvents: "none",
-          // @ts-ignore
-          "aria-disabled": !0
-        }
+      ":number": function (val, extras) {
+        var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras);
+        var gap = val * 0.4;
+        return {
+          ...buttonStyle,
+          gap
+        };
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    elevation: {
+      "...size": import_stacks.getElevation,
+      ":number": import_stacks.getElevation
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none",
+        // @ts-ignore
+        "aria-disabled": true
+      }
     }
-  }),
-  Text = (0, import_web.styled)(import_text.SizableText, {
-    context,
-    variants: {
-      unstyled: {
-        false: {
-          userSelect: "none",
-          cursor: "pointer",
-          // flexGrow 1 leads to inconsistent native style where text pushes to start of view
-          flexGrow: 0,
-          flexShrink: 1,
-          ellipsis: !0,
-          color: "$color"
-        }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+var Text = (0, import_web.styled)(import_text.SizableText, {
+  context,
+  variants: {
+    unstyled: {
+      false: {
+        userSelect: "none",
+        cursor: "pointer",
+        // flexGrow 1 leads to inconsistent native style where text pushes to start of view
+        flexGrow: 0,
+        flexShrink: 1,
+        ellipsis: true,
+        color: "$color"
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
-  }),
-  Icon = function (props) {
-    var {
-        children,
-        scaleIcon = 1,
-        size
-      } = props,
-      styledContext = context.useStyledContext();
-    if (!styledContext) throw new Error("Button.Icon must be used within a Button");
-    var sizeToken = size ?? styledContext.size,
-      iconSize = (typeof sizeToken == "number" ? sizeToken * 0.5 : (0, import_font_size.getFontSize)(sizeToken)) * scaleIcon;
-    return (0, import_helpers_tamagui.getIcon)(children, {
-      size: iconSize,
-      color: styledContext.color
-    });
   },
-  ButtonContext = (0, import_web.createStyledContext)({
-    size: void 0,
-    variant: void 0,
-    color: void 0
-  }),
-  ButtonComponent = Frame.styleable(function (propsIn, ref) {
-    var isNested = (0, import_react.useContext)(import_stacks.ButtonNestingContext),
-      processedProps = (0, import_web.useProps)(propsIn, {
-        noNormalize: !0,
-        noExpand: !0
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+var Icon = function (props) {
+  var {
+    children,
+    scaleIcon = 1,
+    size
+  } = props;
+  var styledContext = context.useStyledContext();
+  if (!styledContext) {
+    throw new Error("Button.Icon must be used within a Button");
+  }
+  var sizeToken = size !== null && size !== void 0 ? size : styledContext.size;
+  var iconColor = (0, import_helpers_tamagui.useCurrentColor)(styledContext.color);
+  var iconSize = (typeof sizeToken === "number" ? sizeToken * 0.5 : (0, import_font_size.getFontSize)(sizeToken)) * scaleIcon;
+  return (0, import_helpers_tamagui.getIcon)(children, {
+    size: iconSize,
+    color: iconColor
+  });
+};
+var ButtonContext = (0, import_web.createStyledContext)({
+  size: void 0,
+  variant: void 0,
+  color: void 0
+});
+var ButtonComponent = Frame.styleable(function (propsIn, ref) {
+  var isNested = (0, import_react.useContext)(import_stacks.ButtonNestingContext);
+  var processedProps = (0, import_web.useProps)(propsIn, {
+    noNormalize: true,
+    noExpand: true
+  });
+  var {
+    children,
+    iconSize,
+    icon,
+    iconAfter,
+    scaleIcon = 1,
+    ...props
+  } = processedProps;
+  var size = propsIn.size || (propsIn.unstyled ? void 0 : "$true");
+  var styledContext = context.useStyledContext();
+  var iconColor = (0, import_helpers_tamagui.useCurrentColor)(styledContext === null || styledContext === void 0 ? void 0 : styledContext.color);
+  var _ref;
+  var finalSize = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : size) !== null && _ref !== void 0 ? _ref : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size;
+  var iconSizeNumber = (typeof finalSize === "number" ? finalSize * 0.5 : (0, import_font_size.getFontSize)(finalSize)) * scaleIcon;
+  var [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
+    if (!icon2) return null;
+    return (0, import_helpers_tamagui.getIcon)(icon2, {
+      size: iconSizeNumber,
+      color: iconColor
+    });
+  });
+  var wrappedChildren = (0, import_text.wrapChildrenInText)(Text, {
+    children
+  }, {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1",
+    size: finalSize !== null && finalSize !== void 0 ? finalSize : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
+    value: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Frame, {
+      ref,
+      ...props,
+      ...(isNested && {
+        render: "span"
       }),
-      {
-        children,
-        iconSize,
-        icon,
-        iconAfter,
-        scaleIcon = 1,
-        ...props
-      } = processedProps,
-      size = propsIn.size || (propsIn.unstyled ? void 0 : "$true"),
-      styledContext = context.useStyledContext(),
-      _ref,
-      finalSize = (_ref = iconSize ?? size) !== null && _ref !== void 0 ? _ref : styledContext?.size,
-      iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : (0, import_font_size.getFontSize)(finalSize)) * scaleIcon,
-      [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
-        return icon2 ? (0, import_helpers_tamagui.getIcon)(icon2, {
-          size: iconSizeNumber,
-          color: styledContext?.color
-        }) : null;
+      // Pass resolved size to circular variant when no explicit size provided
+      ...(props.circular && !propsIn.size && {
+        size
       }),
-      wrappedChildren = (0, import_text.wrapChildrenInText)(Text, {
-        children
-      }, {
-        unstyled: process.env.TAMAGUI_HEADLESS === "1",
-        size: finalSize ?? styledContext?.size
-      });
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
-      value: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Frame, {
-        ref,
-        ...props,
-        ...(isNested && {
-          render: "span"
-        }),
-        // Pass resolved size to circular variant when no explicit size provided
-        ...(props.circular && !propsIn.size && {
-          size
-        }),
-        tabIndex: 0,
-        children: [themedIcon, wrappedChildren, themedIconAfter]
-      })
-    });
-  }),
-  Button = (0, import_web.withStaticProperties)(ButtonComponent, {
-    Apply: context.Provider,
-    Frame,
-    Text,
-    Icon
+      tabIndex: 0,
+      children: [themedIcon, wrappedChildren, themedIconAfter]
+    })
   });
+});
+var Button = (0, import_web.withStaticProperties)(ButtonComponent, {
+  Apply: context.Provider,
+  Frame,
+  Text,
+  Icon
+});
 //# sourceMappingURL=Button.native.js.map

package/dist/cjs/Button.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Button_exports","__export","Button","ButtonContext","module","exports","import_jsx_runtime","require","import_font_size","import_get_button_sized","import_helpers_tamagui","import_stacks","import_text","import_web","import_react","context","createStyledContext","size","variant","color","elevation","Frame","styled","View","name","role","render","jsx","type","tabIndex","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","TAMAGUI_HEADLESS","circular","themeableVariants","chromeless","...size","val","extras","buttonStyle","getButtonSized","gap","getTokenValue",":number","getElevation","disabled","true","pointerEvents","defaultVariants","Text","SizableText","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconSize","getFontSize","getIcon","ButtonComponent","styleable","propsIn","ref","isNested","useContext","ButtonNestingContext","processedProps","useProps","noNormalize","noExpand","icon","iconAfter","_ref","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","wrapChildrenInText","Provider","jsxs"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Button_exports","__export","Button","ButtonContext","module","exports","import_jsx_runtime","require","import_font_size","import_get_button_sized","import_helpers_tamagui","import_stacks","import_text","import_web","import_react","context","createStyledContext","size","variant","color","elevation","Frame","styled","View","name","role","render","jsx","type","tabIndex","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","TAMAGUI_HEADLESS","circular","themeableVariants","chromeless","...size","val","extras","buttonStyle","getButtonSized","gap","getTokenValue",":number","getElevation","disabled","true","pointerEvents","defaultVariants","Text","SizableText","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","useCurrentColor","iconSize","getFontSize","getIcon","ButtonComponent","styleable","propsIn","ref","isNested","useContext","ButtonNestingContext","processedProps","useProps","noNormalize","noExpand","icon","iconAfter","_ref","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","wrapChildrenInText","Provider","jsxs"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Button.test.cjs

@@ -1,9 +1,37 @@
-var import_config_default = require("@tamagui/config-default"),
-  import_core = require("@tamagui/core"),
-  import_vitest = require("vitest");
+var import_config_default = require("@tamagui/config-default");
+var import_core = require("@tamagui/core");
+var import_vitest = require("vitest");
+var import_Button = require("./Button.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 const conf = (0, import_core.createTamagui)((0, import_config_default.getDefaultTamaguiConfig)());
 (0, import_vitest.describe)("Button", () => {
-  (0, import_vitest.test)("123", () => {
-    (0, import_vitest.expect)(!0).toBeTruthy();
+  (0, import_vitest.test)(`123`, () => {
+    (0, import_vitest.expect)(true).toBeTruthy();
+  });
+  (0, import_vitest.test)("accepts native button html props", () => {
+    const _submitBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "submit",
+      children: "Submit"
+    });
+    const _resetBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "reset",
+      children: "Reset"
+    });
+    const _buttonBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "button",
+      children: "Button"
+    });
+    const _formBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "submit",
+      form: "myForm",
+      formAction: "/submit",
+      formMethod: "post",
+      formTarget: "_blank",
+      formNoValidate: true,
+      name: "submitBtn",
+      value: "submit",
+      children: "Submit"
+    });
+    (0, import_vitest.expect)(true).toBeTruthy();
   });
 });

package/dist/cjs/Button.test.native.js

@@ -1,12 +1,40 @@
 "use strict";
 
-var import_config_default = require("@tamagui/config-default"),
-  import_core = require("@tamagui/core"),
-  import_vitest = require("vitest"),
-  conf = (0, import_core.createTamagui)((0, import_config_default.getDefaultTamaguiConfig)());
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_config_default = require("@tamagui/config-default");
+var import_core = require("@tamagui/core");
+var import_vitest = require("vitest");
+var import_Button = require("./Button.native.js");
+var conf = (0, import_core.createTamagui)((0, import_config_default.getDefaultTamaguiConfig)());
 (0, import_vitest.describe)("Button", function () {
-  (0, import_vitest.test)("123", function () {
-    (0, import_vitest.expect)(!0).toBeTruthy();
+  (0, import_vitest.test)(`123`, function () {
+    (0, import_vitest.expect)(true).toBeTruthy();
+  });
+  (0, import_vitest.test)("accepts native button html props", function () {
+    var _submitBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "submit",
+      children: "Submit"
+    });
+    var _resetBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "reset",
+      children: "Reset"
+    });
+    var _buttonBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "button",
+      children: "Button"
+    });
+    var _formBtn = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      type: "submit",
+      form: "myForm",
+      formAction: "/submit",
+      formMethod: "post",
+      formTarget: "_blank",
+      formNoValidate: true,
+      name: "submitBtn",
+      value: "submit",
+      children: "Submit"
+    });
+    (0, import_vitest.expect)(true).toBeTruthy();
   });
 });
 //# sourceMappingURL=Button.test.native.js.map

package/dist/cjs/Button.test.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["import_config_default","require","import_core","import_vitest","conf","createTamagui","getDefaultTamaguiConfig","describe","test","expect","toBeTruthy"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AAIA,IAAAA,qBAAa,GAAAC,OAAA,0BAAc;EAAAC,WAAA,GAAAD,OAAA,gBAAyB;EAAAE,aAAA,GAAAF,OAAA;EAAAG,IAAA,OAAAF,WAAA,CAAAG,aAAA,MAAAL,qBAAA,CAAAM,uBAAA;AAAA,IAEpDH,aAAA,CAAAI,QAAA,EAAS,UAAU,YAAM;EACvB,IAAAJ,aAAA,CAAAK,IAAA,EAAK,OAAO,YAAM;IAChB,IAAAL,aAAA,CAAAM,MAAA,EAAO,EAAI,EAAEC,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}
+{"version":3,"names":["import_jsx_runtime","require","import_config_default","import_core","import_vitest","import_Button","conf","createTamagui","getDefaultTamaguiConfig","describe","test","expect","toBeTruthy","_submitBtn","jsx","Button","type","children","_resetBtn","_buttonBtn","_formBtn","form","formAction","formMethod","formTarget","formNoValidate"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,kBAA8B,GAAAC,OAAA;AAC9B,IAAAC,qBAAuC,GAAAD,OAAA;AACvC,IAAAE,WAAA,GAAAF,OAAuB;AAYA,IAAAG,aAAA,GAAAH,OAAA;AAVvB,IAAAI,aAAa,GAAAJ,OAAA;AAAuC,IAEpDK,IAAA,OAAAH,WAAA,CAAAI,aAAmB,IAAM,EAAAL,qBAAA,CAAAM,uBAAA;AACvB,IAAAJ,aAAA,CAAAK,QAAK,UAAO,cAAM;EAChB,IAAAL,aAAA,CAAAM,IAAA,OAAO,cAAM;IACd,IAAAN,aAAA,CAAAO,MAAA,QAAAC,UAAA;EAGD;EAEE,IAAAR,aAAM,CAAAM,IAAa,kDAAC;IACpB,IAAAG,UAAM,kBAAY,IAAAb,kBAAA,CAAAc,GAAA,EAAAT,aAAC,CAAAU,MAAA;MACnBC,IAAM;MACNC,QAAM;IACJ,EAAC;IAAA,IAAAC,SAAA,sBAAAlB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;MAAAC,IACC,SAAK;MAAAC,QACA;IAAA;IACM,IACXE,UAAA,GAAW,mBAAAnB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;MAAAC,IACX,UAAW;MAAAC,QACX;IAAc;IACT,IACLG,QAAM,sBAAApB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;MAAAC,IACP;MAAAK,IAAA;MAEDC,UAAA;MAEFC,UAAA;MACDC,UAAA;MAWFC,cAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -3,15 +3,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __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, {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);

package/dist/cjs/index.native.js

@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __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, {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);

package/dist/cjs/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}