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

package/dist/esm/Button.native.js

@@ -1,195 +1,200 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getFontSize } from "@tamagui/font-size";
 import { getButtonSized } from "@tamagui/get-button-sized";
-import { getIcon } from "@tamagui/helpers-tamagui";
+import { getIcon, useCurrentColor } from "@tamagui/helpers-tamagui";
 import { ButtonNestingContext, getElevation, themeableVariants } from "@tamagui/stacks";
 import { SizableText, wrapChildrenInText } from "@tamagui/text";
 import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@tamagui/web";
 import { useContext } from "react";
 var context = createStyledContext({
-    size: void 0,
-    variant: void 0,
-    color: void 0,
-    elevation: void 0
+  size: void 0,
+  variant: void 0,
+  color: void 0,
+  elevation: void 0
+});
+var Frame = styled(View, {
+  context,
+  name: "Button",
+  role: "button",
+  render: /* @__PURE__ */_jsx("button", {
+    type: "button"
   }),
-  Frame = styled(View, {
-    context,
-    name: "Button",
-    role: "button",
-    render: /* @__PURE__ */_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: themeableVariants.circular,
-      chromeless: themeableVariants.chromeless,
-      size: {
-        "...size": function (val, extras) {
-          var buttonStyle = getButtonSized(val, extras),
-            gap = getTokenValue(val);
-          return {
-            ...buttonStyle,
-            gap
-          };
+          borderColor: "$borderColorHover"
         },
-        ":number": function (val, extras) {
-          var buttonStyle = getButtonSized(val, extras),
-            gap = val * 0.4;
-          return {
-            ...buttonStyle,
-            gap
-          };
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorPress"
         }
+      }
+    },
+    circular: themeableVariants.circular,
+    chromeless: themeableVariants.chromeless,
+    size: {
+      "...size": function (val, extras) {
+        var buttonStyle = getButtonSized(val, extras);
+        var gap = getTokenValue(val);
+        return {
+          ...buttonStyle,
+          gap
+        };
       },
-      elevation: {
-        "...size": getElevation,
-        ":number": getElevation
-      },
-      disabled: {
-        true: {
-          pointerEvents: "none",
-          // @ts-ignore
-          "aria-disabled": !0
-        }
+      ":number": function (val, extras) {
+        var buttonStyle = getButtonSized(val, extras);
+        var gap = val * 0.4;
+        return {
+          ...buttonStyle,
+          gap
+        };
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    elevation: {
+      "...size": getElevation,
+      ":number": getElevation
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none",
+        // @ts-ignore
+        "aria-disabled": true
+      }
     }
-  }),
-  Text = styled(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 = styled(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 : getFontSize(sizeToken)) * scaleIcon;
-    return getIcon(children, {
-      size: iconSize,
-      color: styledContext.color
-    });
   },
-  ButtonContext = createStyledContext({
-    size: void 0,
-    variant: void 0,
-    color: void 0
-  }),
-  ButtonComponent = Frame.styleable(function (propsIn, ref) {
-    var isNested = useContext(ButtonNestingContext),
-      processedProps = 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 = useCurrentColor(styledContext.color);
+  var iconSize = (typeof sizeToken === "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
+  return getIcon(children, {
+    size: iconSize,
+    color: iconColor
+  });
+};
+var ButtonContext = createStyledContext({
+  size: void 0,
+  variant: void 0,
+  color: void 0
+});
+var ButtonComponent = Frame.styleable(function (propsIn, ref) {
+  var isNested = useContext(ButtonNestingContext);
+  var processedProps = 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 = 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 : getFontSize(finalSize)) * scaleIcon;
+  var [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
+    if (!icon2) return null;
+    return getIcon(icon2, {
+      size: iconSizeNumber,
+      color: iconColor
+    });
+  });
+  var wrappedChildren = 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__ */_jsx(ButtonNestingContext.Provider, {
+    value: true,
+    children: /* @__PURE__ */_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 : getFontSize(finalSize)) * scaleIcon,
-      [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
-        return icon2 ? 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 = wrapChildrenInText(Text, {
-        children
-      }, {
-        unstyled: process.env.TAMAGUI_HEADLESS === "1",
-        size: finalSize ?? styledContext?.size
-      });
-    return /* @__PURE__ */_jsx(ButtonNestingContext.Provider, {
-      value: !0,
-      children: /* @__PURE__ */_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 = withStaticProperties(ButtonComponent, {
-    Apply: context.Provider,
-    Frame,
-    Text,
-    Icon
+      tabIndex: 0,
+      children: [themedIcon, wrappedChildren, themedIconAfter]
+    })
   });
+});
+var Button = withStaticProperties(ButtonComponent, {
+  Apply: context.Provider,
+  Frame,
+  Text,
+  Icon
+});
 export { Button, ButtonContext };
 //# sourceMappingURL=Button.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getFontSize","getButtonSized","getIcon","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","context","size","variant","color","elevation","Frame","name","role","render","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","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","true","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","_ref","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAmBC,KAAA;AAC5B,SAASC,WAAA,4BAAsB;AAC/B,SAASC,cAAA,QAAe;AACxB,SAASC,OAAA,kCAAoC;AAC7C,SAASC,oBAAa,EAAAC,YAAA,EAAAC,iBAA0B;AAEhD,SAAAC,WAAA,EAAAC,kBAAA;AAAA,SACEC,mBAAA,EAAAC,aAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,oBAAA;AAAA,SACAC,UAAA;AAAA,IACAC,OAAA,GAAAP,mBAAA;IACAQ,IAAA;IACAC,OAAA;IACAC,KAAA;IAAAC,SACK;EAEP;EAAAC,KAAS,GAAAV,MAAA,CAAAE,IAAA;IAoBCG,OAAA;IAhBVM,IAAM,UAAU;IAMdC,IAAA,EAAM;IACNC,MAAA,iBAAS1B,IAAA;MACT2B,IAAA,EAAO;IACP;IACDC,QAEK,EAAQ;IACZC,QAAA;MACAC,QAAM;QACNC,KAAM;UACNZ,IAAQ;UACRa,cAAU;UAEVC,UAAU;UACRC,QAAU;UACRC,aAAO;UACLC,MAAM;UACNC,eAAA,EAAgB;UAChBC,WAAA,EAAY;UACZC,WAAU;UACVC,UAAA;YACAH,eAAQ;YACRE,WAAA;UACA;UACAE,UAAA;YAEAJ,eAAY;YACVE,WAAA;UAAiB;UAEnBG,iBAAA;YAEAC,YAAY;YACVC,YAAA,SAAiB;YACjBC,YAAA,EAAa;UACf;QAAA;MAEmB;MACHzB,OACd;QAAc0B,QACd,EAAAC,OAAA,CAAcC,GAAA,CAAAC,gBAAA;UAChBZ,eAAA;UACFC,WAAA;UACFC,WAAA;UAEAC,UAAS;YACPH,eACU,eAAI;YAGNE,WAAA;UACA;UACAE,UAAA;YAEAJ,eAAY;YACVE,WAAA;UAAiB;QACJ;MACf;MAEYW,QACV,EAAA1C,iBAAiB,CAAA0C,QAAA;MAAAC,UACjB,EAAA3C,iBAAa,CAAA2C,UAAA;MAAAhC,IACf;QACF,oBAAAiC,CAAAC,GAAA,EAAAC,MAAA;UACR,IAAAC,WAAA,GAAAnD,cAAA,CAAAiD,GAAA,EAAAC,MAAA;YAAAE,GAAA,GAAA5C,aAAA,CAAAyC,GAAA;UAEA,OAAU;YAEV,GAAAE,WAAY;YAENC;UACJ;QACE;QAEA,SAAO,WAAAC,CAAAJ,GAAA,EAAAC,MAAA;UAAA,IACLC,WAAG,GAAAnD,cAAA,CAAAiD,GAAA,EAAAC,MAAA;YAAAE,GAAA,GAAAH,GAAA;UAAA,OACH;YACF,GAAAE,WAAA;YACFC;UACA;QACE;MAEA;MAAOlC,SACF;QAAA,SACH,EAAAf,YAAA;QAAA,SACF,EAAAA;MAAA;MAEJmD,QAAA;QAEAC,IAAA;UACEC,aAAW;UACX;UACF;QAEA;MAAU;IACF;IACWC,eAAA;MAAA/B,QAEf,EAAAiB,OAAA,CAAAC,GAAiB,CAAAC,gBAAA;IAAA;EACnB;EACFa,IAAA,GAAAjD,MAAA,CAAAJ,WAAA;IACFS,OAAA;IAEAW,QAAA;MACEC,QAAA,EAAU;QACZC,KAAA;UAGIgC,UAAc;UAClB3B,MAAA;UAEA;UACE4B,QAAU;UACRC,UAAO;UACLC,QAAA,IAAY;UACZ7C,KAAA;QAAQ;MAAA;IAEE;IACEwC,eACZ,EAAU;MAAA/B,QACV,EAAAiB,OAAO,CAAAC,GAAA,CAAAC,gBAAA;IAAA;EACT;EACFkB,IAAA,YAAAA,CAAAC,KAAA;IACF;QAAAC,QAAA;QAAAC,SAAA;QAAAnD;MAAA,IAAAiD,KAAA;MAAAG,aAAA,GAAArD,OAAA,CAAAsD,gBAAA;IAEA,KAAAD,aAAiB,EACf,UAAUE,KAAA,2CAAiC;IAC7C,IAAAC,SAAA,GAAAvD,IAAA,IAAAoD,aAAA,CAAApD,IAAA;MAAAwD,QAAA,WAAAD,SAAA,eAAAA,SAAA,SAAAvE,WAAA,CAAAuE,SAAA,KAAAJ,SAAA;IACD,OAEKjE,OAAQ,CAAAgE,QAIR;MACJlD,IAAM,EAAEwD,QAAA;MAERtD,KAAK,EAAAkD,aAAA,CAAAlD;IACH;EAGF;EAAAuD,aAAM,GAAAjE,mBAAoB;IAM1BQ,IAAA,OAAO;IAAkBC,OACvB,EAAM;IAAAC,KACN,OAAO;EAAc,EACvB;EAACwD,eAAA,GAAAtD,KAAA,CAAAuD,SAAA,WAAAC,OAAA,EAAAC,GAAA;IACH,IAEaC,QAAA,GAAAhE,UAAgB,CAAAX,oBAI1B;MAAA4E,cAAA,GAAApE,QAAA,CAAAiE,OAAA;QACDI,WAAM;QACNC,QAAS;MACT;MAAA;QAAAf,QAAO;QAAAM,QAAA;QAAAU,IAAA;QAAAC,SAAA;QAAAhB,SAAA;QAAA,GAAAF;MAAA,IAAAc,cAAA;MAAA/D,IAAA,GAAA4D,OAAA,CAAA5D,IAAA,KAAA4D,OAAA,CAAAjD,QAAA;MAAAyC,aAAA,GAAArD,OAAA,CAAAsD,gBAAA;MAAAe,IAAA;MAAAC,SAAA,IAAAD,IAAA,GAAAZ,QAAA,IAAAxD,IAAA,cAAAoE,IAAA,cAAAA,IAAA,GAAAhB,aAAA,EAAApD,IAAA;MAAAsE,cAAA,WAAAD,SAAA,eAAAA,SAAA,SAAArF,WAAA,CAAAqF,SAAA,KAAAlB,SAAA;MAAA,CAAAoB,UAAA,EAAAC,eAAA,KAYHN,IAAA,EACJC,SAAM,CAGmC,CACvCM,GAAA,WAAaC,KAAA;QACb,OAAAA,KAAU,GAAAxF,OAAA,CAAAwF,KAAA;UAGN1E,IAAE,EAAAsE,cAAU;UAadpE,KAAM,EAAAkD,aAAA,EAAAlD;QACN,SAAO;MAAe;MAAAyE,eAAA,GAAApF,kBAAA,CAAAoD,IAAA;QAEvBO;MAGqB,GACtB;QACAvC,QAAE,EAAAiB,OAAS,CAAAC,GAAA,CAAAC,gBAAA;QACX9B,IAAA,EAAAqE,SAAA,IAAAjB,aAAA,EAAApD;MAAA;IAC6C,OAC3C,eAAmBnB,IAAA,CAAAM,oBAAe,CAAAyF,QAAA;MACpCC,KAAA;MACF3B,QAAA,iBAAAnE,KAAA,CAAAqB,KAAA;QAEAyD,GACE;QACG,GAAAZ,KAAA;QAAA,IAAAa,QAAA;UACCvD,MAAA;QACC;QACA;QAEA,IAAI0C,KAAA,CAAMlB,QAAA,IAAY,CAAC6B,OAAA,CAAQ5D,IAAA,IAAQ;UACxCA;QAEC;QAAAS,QAAA;QAAAyC,QACA,GACAqB,UAAA,EAAAI,eAAA,EAAAH,eAAA;MAMI;IACX;EAAe,EACf;EAAAM,MAAA,GAAAjF,oBAAA,CAAA6D,eAAA;IACAqB,KAAA,EAAAhF,OAAA,CAAA6E,QAAA;IACAxE,KAAA;IACDuC,IAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","context","size","variant","color","elevation","Frame","name","role","render","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","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","true","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","_ref","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAmBC,KAAA;AAC5B,SAASC,WAAA,4BAAsB;AAC/B,SAASC,cAAS,mCAAuB;AACzC,SAASC,OAAA,EAAAC,eAAsB,kCAAc;AAC7C,SAASC,oBAAa,EAAAC,YAAA,EAAAC,iBAA0B;AAEhD,SAAAC,WAAA,EAAAC,kBAAA;AAAA,SACEC,mBAAA,EAAAC,aAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,oBAAA;AAAA,SACAC,UAAA;AAAA,IACAC,OAAA,GAAAP,mBAAA;EACAQ,IAAA;EACAC,OAAA;EACAC,KAAA;EAAAC,SACK;AAEP;AAoBU,IAAAC,KAAA,GAAAV,MAqNJ,CAAAE,IAAA;EArONG,OAAM;EAMJM,IAAA,EAAM;EACNC,IAAA,UAAS;EACTC,MAAA,EAAO,eAAA3B,IAAA;IACP4B,IAAA;EACD;EAEDC,QAAM;EACJC,QAAA;IACAC,QAAM;MACNC,KAAM;QACNZ,IAAQ;QACRa,cAAU;QAEVC,UAAU;QACRC,QAAU;QACRC,aAAO;QACLC,MAAM;QACNC,eAAA,EAAgB;QAChBC,WAAA,EAAY;QACZC,WAAU;QACVC,UAAA;UACAH,eAAQ;UACRE,WAAA;QACA;QACAE,UAAA;UAEAJ,eAAY;UACVE,WAAA;QAAiB;QAEnBG,iBAAA;UAEAC,YAAY;UACVC,YAAA,SAAiB;UACjBC,YAAA,EAAa;QACf;MAAA;IAEmB;IACHzB,OACd;MAAc0B,QACd,EAAAC,OAAA,CAAcC,GAAA,CAAAC,gBAAA;QAChBZ,eAAA;QACFC,WAAA;QACFC,WAAA;QAEAC,UAAS;UACPH,eACU,eAAI;UAGNE,WAAA;QACA;QACAE,UAAA;UAEAJ,eAAY;UACVE,WAAA;QAAiB;MACJ;IACf;IAEYW,QACV,EAAA1C,iBAAiB,CAAA0C,QAAA;IAAAC,UACjB,EAAA3C,iBAAa,CAAA2C,UAAA;IAAAhC,IACf;MACF,oBAAAiC,CAAAC,GAAA,EAAAC,MAAA;QACR,IAAAC,WAAA,GAAApD,cAAA,CAAAkD,GAAA,EAAAC,MAAA;QAEA,IAAAE,GAAU,GAAA5C,aAAA,CAAkByC,GAAA;QAE5B;UAEM,GAAAE,WAAA;UACJC;QACE;MACA;MACA,SAAO,WAAAC,CAAAJ,GAAA,EAAAC,MAAA;QAAA,IACLC,WAAG,GAAApD,cAAA,CAAAkD,GAAA,EAAAC,MAAA;QAAA,IACHE,GAAA,GAAAH,GAAA;QACF;UACF,GAAAE,WAAA;UACAC;QACE;MACA;IACA;IAAOlC,SACF;MAAA,SACH,EAAAf,YAAA;MAAA,SACF,EAAAA;IAAA;IAEJmD,QAAA;MAEAC,IAAA;QACEC,aAAW;QACX;QACF;MAEA;IAAU;EACF;EACWC,eAAA;IAAA/B,QAEf,EAAAiB,OAAA,CAAAC,GAAiB,CAAAC,gBAAA;EAAA;AACnB;AACF,IACFa,IAAA,GAAAjD,MAAA,CAAAJ,WAAA;EAEAS,OAAA;EAAiBW,QACf;IACFC,QAAA;MACDC,KAAA;QAEKgC,UAAO,EAAO;QAClB3B,MAAA;QAEA;QACE4B,QAAU;QACRC,UAAO;QACLC,QAAA,MAAY;QACZ7C,KAAA;MAAQ;IAAA;EAEE;EACEwC,eACZ,EAAU;IAAA/B,QACV,EAAAiB,OAAO,CAAAC,GAAA,CAAAC,gBAAA;EAAA;AACT;AACF,IACFkB,IAAA,YAAAA,CAAAC,KAAA;EAEA;IAAAC,QAAA;IAAAC,SAAiB;IAAAnD;EAAA,IAAAiD,KAAA;EAAA,IACfG,aAAU,GAAQrD,OAAI,CAAAsD,gBAAA,CAAqB;EAC7C,KAAAD,aAAA;IACD,UAAAE,KAAA;EAED;EAKE,IAAAC,SAAQ,GAAAvD,IAAU,aAAeA,IAAA,KAAS,SAAAA,IAAA,GAAAoD,aAAA,CAAApD,IAAA;EAC1C,IAAAwD,SAAM,GAAAtE,eAAwB,CAAAkE,aAAA,CAAAlD,KAAiB;EAC/C,IAAIuD,QAAC,WAAeF,SAAA,gBAAAA,SAAA,SAAAxE,WAAA,CAAAwE,SAAA,KAAAJ,SAAA;EAClB,OAAAlE,OAAU,CAAAiE,QAAM;IAClBlD,IAAA,EAAAyD,QAAA;IAEAvD,KAAM,EAAAsD;EACN;AAEA;AAIA,IAAAE,aAAe,GAAAlE,mBAAU;EAAAQ,IACvB,OAAM;EAAAC,OACN,EAAO;EACTC,KAAC;AACH;AAEO,IAAAyD,eAAM,GAAgBvD,KAAA,CAAAwD,SAAA,WAI1BC,OAAA,EAAAC,GAAA;EACD,IAAAC,QAAM,GAAAjE,UAAA,CAAAX,oBAAA;EACN,IAAA6E,cAAS,GAAArE,QAAA,CAAAkE,OAAA;IACTI,WAAO;IACRC,QAAA;EAsBD;EACE;IAAMhB,QAAA;IAAAO,QAAW;IAAAU,IAAW;IAAAC,SAAA;IAAAjB,SAAoB;IAAA,GAAAF;EAAA,IAAAe,cAAA;EAGhD,IAAAhE,IAAM,GAAA6D,OAAA,CAAA7D,IAAiB,KAAA6D,OAAS,CAAAlD,QAAS;EAAA,IACvCyC,aAAa,GAAArD,OAAA,CAAAsD,gBAAA;EAAA,IACbG,SAAU,GAAAtE,eAAA,CAAAkE,aAAA,aAAAA,aAAA,uBAAAA,aAAA,CAAAlD,KAAA;EACZ,IAACmE,IAAA;EAED,IAAAC,SAAQ,IAAAD,IAAU,GAAAZ,QAAU,KAAM,QAAWA,QAAA,KAAY,KAAM,IAAAA,QAAU,GAAAzD,IAAA,cAAAqE,IAAA,cAAAA,IAAA,GAAAjB,aAAA,aAAAA,aAAA,uBAAAA,aAAA,CAAApD,IAAA;EAEzE,IAAAuE,cAAa,GAAQ,QAAAD,SAAiB,aAAW,GAAAA,SAAY,SAAAvF,WAAA,CAAAuF,SAAA,KAAAnB,SAAA;EAE7D,KAAAqB,UAAM,EAAAC,eAAwB,KAC9BN,IAAM,EACNC,SAAM,CACN,CAAAM,GAAA,CAAM,UAAAC,KAAA;IAIN,IAAM,CAACA,KAAA,SAAY;IACjB,OAAK1F,OAAM,CAAA0F,KAAO;MAClB3E,IAAA,EAAOuE,cAAc;MACnBrE,KAAA,EAAMsD;IAAA,EACN;EAAO;EAAA,IAERoB,eAAA,GAAArF,kBAAA,CAAAoD,IAAA;IACFO;EAED;IACEvC,QAAA,EAAAiB,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IACA9B,IAAE,EAAAsE,SAAS,aAAAA,SAAA,cAAAA,SAAA,GAAAlB,aAAA,aAAAA,aAAA,uBAAAA,aAAA,CAAApD;EAAA,EACX;EAAA,OACE,eAAkBpB,IAAI,CAAAO,oBAAqB,CAAA0F,QAAA;IAAAC,KAC3C,MAAM;IACR5B,QAAA,iBAAApE,KAAA,CAAAsB,KAAA;MACF0D,GAAA;MAEA,GACEb,KAAA;MACG,IAAAc,QAAA;QAAAxD,MAAA;MACC;MACC;MACA,IAAI0C,KAAA,CAAAlB,QAAc,KAAA8B,OAAQ,CAAA7D,IAAO;QAEjCA;MACD;MAECS,QAAA;MAAAyC,QAAA,GACAsB,UAAA,EACAI,eAAA,EAAAH,eAAA;IACH,CACF;EAEH;AAEM;AAAqD,IAC1DM,MAAO,GAAAlF,oBAAQ,CAAA8D,eAAA;EACfqB,KAAA,EAAAjF,OAAA,CAAA8E,QAAA;EACAzE,KAAA;EACAuC,IAAA;EACDK","ignoreList":[]}

package/dist/esm/Button.test.mjs

@@ -1,10 +1,38 @@
 import { getDefaultTamaguiConfig } from "@tamagui/config-default";
 import { createTamagui } from "@tamagui/core";
 import { describe, expect, test } from "vitest";
+import { Button } from "./Button.mjs";
+import { jsx } from "react/jsx-runtime";
 const conf = createTamagui(getDefaultTamaguiConfig());
 describe("Button", () => {
-  test("123", () => {
-    expect(!0).toBeTruthy();
+  test(`123`, () => {
+    expect(true).toBeTruthy();
+  });
+  test("accepts native button html props", () => {
+    const _submitBtn = /* @__PURE__ */jsx(Button, {
+      type: "submit",
+      children: "Submit"
+    });
+    const _resetBtn = /* @__PURE__ */jsx(Button, {
+      type: "reset",
+      children: "Reset"
+    });
+    const _buttonBtn = /* @__PURE__ */jsx(Button, {
+      type: "button",
+      children: "Button"
+    });
+    const _formBtn = /* @__PURE__ */jsx(Button, {
+      type: "submit",
+      form: "myForm",
+      formAction: "/submit",
+      formMethod: "post",
+      formTarget: "_blank",
+      formNoValidate: true,
+      name: "submitBtn",
+      value: "submit",
+      children: "Submit"
+    });
+    expect(true).toBeTruthy();
   });
 });
 //# sourceMappingURL=Button.test.mjs.map

package/dist/esm/Button.test.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getDefaultTamaguiConfig","createTamagui","describe","expect","test","conf","toBeTruthy"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,uBAAA,QAA+B;AACxC,SAASC,aAAA,QAAqB;AAC9B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AAEvC,MAAMC,IAAA,GAAOJ,aAAA,CAAcD,uBAAA,CAAwB,CAAC;AAEpDE,QAAA,CAAS,UAAU,MAAM;EACvBE,IAAA,CAAK,OAAO,MAAM;IAChBD,MAAA,CAAO,EAAI,EAAEG,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}
+{"version":3,"names":["getDefaultTamaguiConfig","createTamagui","describe","expect","test","Button","jsx","conf","toBeTruthy","_submitBtn","type","children","_resetBtn","_buttonBtn","_formBtn","form","formAction","formMethod","formTarget","formNoValidate","name","value"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,uBAAA,QAA+B;AACxC,SAASC,aAAA,QAAqB;AAC9B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AACvC,SAASC,MAAA,QAAc;AAYA,SAAAC,GAAA;AAVvB,MAAMC,IAAA,GAAON,aAAA,CAAcD,uBAAA,CAAwB,CAAC;AAEpDE,QAAA,CAAS,UAAU,MAAM;EACvBE,IAAA,CAAK,OAAO,MAAM;IAChBD,MAAA,CAAO,IAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC;EAGDJ,IAAA,CAAK,oCAAoC,MAAM;IAE7C,MAAMK,UAAA,GAAa,eAAAH,GAAA,CAACD,MAAA;MAAOK,IAAA,EAAK;MAASC,QAAA;IAAA,CAAM;IAC/C,MAAMC,SAAA,GAAY,eAAAN,GAAA,CAACD,MAAA;MAAOK,IAAA,EAAK;MAAQC,QAAA;IAAA,CAAK;IAC5C,MAAME,UAAA,GAAa,eAAAP,GAAA,CAACD,MAAA;MAAOK,IAAA,EAAK;MAASC,QAAA;IAAA,CAAM;IAC/C,MAAMG,QAAA,GACJ,eAAAR,GAAA,CAACD,MAAA;MACCK,IAAA,EAAK;MACLK,IAAA,EAAK;MACLC,UAAA,EAAW;MACXC,UAAA,EAAW;MACXC,UAAA,EAAW;MACXC,cAAA,EAAc;MACdC,IAAA,EAAK;MACLC,KAAA,EAAM;MACPV,QAAA;IAAA,CAED;IAEFR,MAAA,CAAO,IAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["getDefaultTamaguiConfig","createTamagui","describe","expect","test","conf","toBeTruthy"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,uBAAA,QAA+B;AACxC,SAASC,aAAA,QAAqB;AAC9B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AAEvC,IAAAC,IAAM,GAAAJ,aAAO,CAAAD,uBAAc,GAAwB;AAEnDE,QAAA,CAAS,UAAU,YAAM;EACvBE,IAAA,CAAK,OAAO,YAAM;IAChBD,MAAA,CAAO,EAAI,EAAEG,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","getDefaultTamaguiConfig","createTamagui","describe","expect","test","Button","conf","toBeTruthy","_submitBtn","type","children","_resetBtn","_buttonBtn","_formBtn","form","formAction","formMethod","formTarget","formNoValidate","name"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAA+B;AACxC,SAASC,uBAAqB;AAC9B,SAASC,aAAU,QAAQ,eAAY;AACvC,SAASC,QAAA,EAAAC,MAAc,EAAAC,IAAA;AAYA,SAAAC,MAAA;AAVvB,IAAAC,IAAM,GAAAL,aAAO,CAAAD,uBAAc,GAAwB;AAEnDE,QAAA,CAAS,UAAU,YAAM;EACvBE,IAAA,CAAK,OAAO,YAAM;IAChBD,MAAA,CAAO,IAAI,EAAEI,UAAA,CAAW;EAC1B,CAAC;EAGDH,IAAA,CAAK,oCAAoC,YAAM;IAE7C,IAAAI,UAAM,kBAAaT,IAAA,CAAAM,MAAC;MACpBI,IAAM;MACNC,QAAM;IACN;IACE,IAACC,SAAA,kBAAAZ,IAAA,CAAAM,MAAA;MAAAI,IAAA;MAAAC,QACM;IAAA;IACA,IACLE,UAAA,GAAW,eAAAb,IAAA,CAAAM,MAAA;MAAAI,IACX,UAAW;MAAAC,QACX;IAAW;IACG,IACdG,QAAK,kBAAAd,IAAA,CAAAM,MAAA;MAAAI,IACL,UAAM;MAAAK,IACP;MAAAC,UAAA;MAEDC,UAAA;MAEFC,UAAW,EAAE;MACdC,cAAA;MAWFC,IAAA","ignoreList":[]}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export * from "./Button";
+export * from "./Button.mjs";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}