@tamagui/button 2.0.0-rc.3 → 2.0.0-rc.31

package/dist/jsx/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,EAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC,GAGDJ,IAAA,CAAK,oCAAoC,MAAM;IAE7C,MAAMK,UAAA,GAAa,eAAAH,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAASC,QAAA;MAAA,CAAM;MACzCC,SAAA,GAAY,eAAAN,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAAQC,QAAA;MAAA,CAAK;MACtCE,UAAA,GAAa,eAAAP,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAASC,QAAA;MAAA,CAAM;MACzCG,QAAA,GACJ,eAAAR,GAAA,CAACD,MAAA;QACCK,IAAA,EAAK;QACLK,IAAA,EAAK;QACLC,UAAA,EAAW;QACXC,UAAA,EAAW;QACXC,UAAA,EAAW;QACXC,cAAA,EAAc;QACdC,IAAA,EAAK;QACLC,KAAA,EAAM;QACPV,QAAA;MAAA,CAED;IAEFR,MAAA,CAAO,EAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}

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

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

package/dist/jsx/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,YAAS;;AACT,IAAAA,qBAAS,GAAAC,OAAqB;EAAAC,WAAA,GAAAD,OAAA;EAAAE,aAAA,GAAAF,OAAA;EAAAG,IAAA,OAAAF,WAAA,CAAAG,aAAA,MAAAL,qBAAA,CAAAM,uBAAA;AAC9B,IAAAH,aAAS,CAAAI,QAAU,EAAQ,sBAAY;EAEvC,IAAMJ,aAAO,CAAAK,IAAA,OAAc;IAE3B,IAAAL,aAAmB,CAAAM,MAAM,MAAAC,UAAA;EACvB;AACE","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","name","value"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,kBAAS,GAAAC,OAAqB;EAAAC,qBAAA,GAAAD,OAAA;EAAAE,WAAA,GAAAF,OAAA;EAAAG,aAAA,GAAAH,OAAA;EAAAI,aAAA,GAAAJ,OAAA;EAAAK,IAAA,OAAAH,WAAA,CAAAI,aAAA,MAAAL,qBAAA,CAAAM,uBAAA;AAC9B,IAAAJ,aAAS,CAAAK,QAAU,EAAQ,sBAAY;EACvC,IAAAL,aAAS,CAAAM,IAAc;IAYA,IAAAN,aAAA,CAAAO,MAAA,MAAAC,UAAA;EAVvB,IAAM,IAAAR,aAAO,CAAAM,IAAc,oCAAyB;IAEpD,IAAAG,UAAS,GAAU,eAAM,IAAAb,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QACvBC,IAAK,UAAa;QAChBC,QAAW,EAAE;MACd,EAGD;MAAAC,SAAK,sBAAAlB,kBAA0C,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QAE7CC,IAAM;QAIHC,QAAA;MAAA;MAAAE,UAAA,sBAAAnB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QAAAC,IACC,UAAK;QAAAC,QACA;MAAA;MACLG,QAAA,kBAAW,IAAApB,kBAAA,CAAAc,GAAA,EAAAT,aAAA,CAAAU,MAAA;QAAAC,IACX,UAAW;QAAAK,IACX,UAAW;QAAAC,UACX,WAAc;QAAAC,UACT;QAAAC,UACC;QAAAC,cACP;QAAAC,IAAA;QAEDC,KAAA;QAEFV,QAAW,EAAE;MACd;IAWF,IAAAb,aAAA,CAAAO,MAAA,MAAAC,UAAA","ignoreList":[]}

package/dist/jsx/index.js

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

package/dist/jsx/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":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/button",
-  "version": "2.0.0-rc.3",
+  "version": "2.0.0-rc.31",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -19,15 +19,12 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": {
-        "module": "./dist/esm/index.native.js",
-        "import": "./dist/esm/index.native.js",
-        "require": "./dist/cjs/index.native.js"
-      },
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
       "module": "./dist/esm/index.mjs",
       "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.cjs",
-      "default": "./dist/cjs/index.native.js"
+      "default": "./dist/esm/index.mjs"
     }
   },
   "publishConfig": {
@@ -40,19 +37,19 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/config-default": "2.0.0-rc.3",
-    "@tamagui/core": "2.0.0-rc.3",
-    "@tamagui/font-size": "2.0.0-rc.3",
-    "@tamagui/get-button-sized": "2.0.0-rc.3",
-    "@tamagui/helpers": "2.0.0-rc.3",
-    "@tamagui/helpers-tamagui": "2.0.0-rc.3",
-    "@tamagui/spacer": "2.0.0-rc.3",
-    "@tamagui/stacks": "2.0.0-rc.3",
-    "@tamagui/text": "2.0.0-rc.3",
-    "@tamagui/web": "2.0.0-rc.3"
+    "@tamagui/config-default": "2.0.0-rc.31",
+    "@tamagui/core": "2.0.0-rc.31",
+    "@tamagui/get-button-sized": "2.0.0-rc.31",
+    "@tamagui/helpers": "2.0.0-rc.31",
+    "@tamagui/helpers-tamagui": "2.0.0-rc.31",
+    "@tamagui/spacer": "2.0.0-rc.31",
+    "@tamagui/stacks": "2.0.0-rc.31",
+    "@tamagui/text": "2.0.0-rc.31",
+    "@tamagui/font-size": "2.0.0-rc.31",
+    "@tamagui/web": "2.0.0-rc.31"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-rc.3",
+    "@tamagui/build": "2.0.0-rc.31",
     "react": ">=19",
     "vitest": "4.0.4"
   },

package/src/Button.test.tsx

@@ -1,6 +1,7 @@
 import { getDefaultTamaguiConfig } from '@tamagui/config-default'
 import { createTamagui } from '@tamagui/core'
 import { describe, expect, test } from 'vitest'
+import { Button } from './Button'
 
 const conf = createTamagui(getDefaultTamaguiConfig())
 
@@ -9,6 +10,29 @@ describe('Button', () => {
     expect(true).toBeTruthy()
   })
 
+  // type tests for native button props (issue #3914)
+  test('accepts native button html props', () => {
+    // these should type check without errors
+    const _submitBtn = <Button type="submit">Submit</Button>
+    const _resetBtn = <Button type="reset">Reset</Button>
+    const _buttonBtn = <Button type="button">Button</Button>
+    const _formBtn = (
+      <Button
+        type="submit"
+        form="myForm"
+        formAction="/submit"
+        formMethod="post"
+        formTarget="_blank"
+        formNoValidate
+        name="submitBtn"
+        value="submit"
+      >
+        Submit
+      </Button>
+    )
+    expect(true).toBeTruthy()
+  })
+
   // test(`Adapts to a when given accessibilityRole="link"`, async () => {
   //   const { container } = render(
   //     <TamaguiProvider config={conf} defaultTheme="light">

package/src/Button.tsx

@@ -1,6 +1,6 @@
 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 type { ColorTokens, GetProps, SizeTokens, Token } from '@tamagui/web'
@@ -164,6 +164,7 @@ const Icon = (props: {
   }
 
   const sizeToken = size ?? styledContext.size
+  const iconColor = useCurrentColor(styledContext.color)
 
   const iconSize =
     (typeof sizeToken === 'number' ? sizeToken * 0.5 : getFontSize(sizeToken as Token)) *
@@ -171,7 +172,7 @@ const Icon = (props: {
 
   return getIcon(children, {
     size: iconSize,
-    color: styledContext.color,
+    color: iconColor,
   })
 }
 
@@ -192,6 +193,17 @@ type ButtonExtraProps = {
   iconAfter?: IconProp
   scaleIcon?: number
   iconSize?: SizeTokens
+
+  // native button html props
+  type?: 'submit' | 'reset' | 'button'
+  form?: string
+  formAction?: string
+  formEncType?: string
+  formMethod?: string
+  formNoValidate?: boolean
+  formTarget?: string
+  name?: string
+  value?: string | readonly string[] | number
 }
 
 const ButtonComponent = Frame.styleable<ButtonExtraProps>((propsIn, ref) => {
@@ -208,6 +220,7 @@ const ButtonComponent = Frame.styleable<ButtonExtraProps>((propsIn, ref) => {
   const size = propsIn.size || (propsIn.unstyled ? undefined : '$true')
 
   const styledContext = context.useStyledContext()
+  const iconColor = useCurrentColor(styledContext?.color)
   const finalSize = iconSize ?? size ?? styledContext?.size
   const iconSizeNumber =
     (typeof finalSize === 'number' ? finalSize * 0.5 : getFontSize(finalSize as Token)) *
@@ -217,7 +230,7 @@ const ButtonComponent = Frame.styleable<ButtonExtraProps>((propsIn, ref) => {
     if (!icon) return null
     return getIcon(icon, {
       size: iconSizeNumber,
-      color: styledContext?.color,
+      color: iconColor,
       // No marginLeft or marginRight needed - spacing is handled by the gap property in Frame's size variants
     })
   })

package/types/Button.d.ts

@@ -15,6 +15,15 @@ type ButtonExtraProps = {
     iconAfter?: IconProp;
     scaleIcon?: number;
     iconSize?: SizeTokens;
+    type?: 'submit' | 'reset' | 'button';
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    name?: string;
+    value?: string | readonly string[] | number;
 };
 declare const ButtonComponent: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
     size?: number | SizeTokens | undefined;

package/types/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAS,MAAM,cAAc,CAAA;AAS5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGnD,KAAK,aAAa,GAAG,UAAU,CAAA;AAgK/B,eAAO,MAAM,aAAa;WACjB,UAAU;cACP,aAAa;YACf,WAAW,GAAG,MAAM;EAK5B,CAAA;AAEF,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,GAAG,IAAI,CAAA;AAEnF,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6CAqDnB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAvOV,UAAU;kBACP,aAAa;gBACf,WAAW,GAAG,MAAM;oBAChB,UAAU,GAAG,MAAM;;eAHxB,UAAU;kBACP,aAAa;gBACf,WAAW,GAAG,MAAM;oBAChB,UAAU,GAAG,MAAM;;;;;;;;;;;;;;;;;;kBAmIZ;QACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,IAAI,CAAC,EAAE,UAAU,CAAA;KAClB;CAkGC,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAS,MAAM,cAAc,CAAA;AAS5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGnD,KAAK,aAAa,GAAG,UAAU,CAAA;AAiK/B,eAAO,MAAM,aAAa;WACjB,UAAU;cACP,aAAa;YACf,WAAW,GAAG,MAAM;EAK5B,CAAA;AAEF,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,GAAG,IAAI,CAAA;AAEnF,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAA;IAGrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,MAAM,CAAA;CAC5C,CAAA;AAED,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6CAsDnB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eApPV,UAAU;kBACP,aAAa;gBACf,WAAW,GAAG,MAAM;oBAChB,UAAU,GAAG,MAAM;;eAHxB,UAAU;kBACP,aAAa;gBACf,WAAW,GAAG,MAAM;oBAChB,UAAU,GAAG,MAAM;;;;;;;;;;;;;;;;;;kBAmIZ;QACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,IAAI,CAAC,EAAE,UAAU,CAAA;KAClB;CA+GC,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA"}

package/dist/cjs/Button.js

@@ -1,176 +0,0 @@
-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 Button_exports = {};
-__export(Button_exports, {
-  Button: () => Button,
-  ButtonContext: () => ButtonContext
-});
-module.exports = __toCommonJS(Button_exports);
-var 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"), import_jsx_runtime = require("react/jsx-runtime");
-const context = (0, import_web.createStyledContext)({
-  size: void 0,
-  variant: void 0,
-  color: void 0,
-  elevation: void 0
-}), 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
-        }
-      }
-    },
-    variant: {
-      outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
-        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": (val, extras) => {
-        const buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras), gap = (0, import_web.getTokenValue)(val);
-        return {
-          ...buttonStyle,
-          gap
-        };
-      },
-      ":number": (val, extras) => {
-        const buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras), gap = val * 0.4;
-        return {
-          ...buttonStyle,
-          gap
-        };
-      }
-    },
-    elevation: {
-      "...size": import_stacks.getElevation,
-      ":number": import_stacks.getElevation
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        // @ts-ignore
-        "aria-disabled": !0
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), 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"
-  }
-}), Icon = (props) => {
-  const { children, scaleIcon = 1, size } = props, styledContext = context.useStyledContext();
-  if (!styledContext)
-    throw new Error("Button.Icon must be used within a Button");
-  const 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((propsIn, ref) => {
-  const isNested = (0, import_react.useContext)(import_stacks.ButtonNestingContext), processedProps = (0, import_web.useProps)(propsIn, {
-    noNormalize: !0,
-    noExpand: !0
-  }), { children, iconSize, icon, iconAfter, scaleIcon = 1, ...props } = processedProps, size = propsIn.size || (propsIn.unstyled ? void 0 : "$true"), styledContext = context.useStyledContext(), finalSize = iconSize ?? size ?? styledContext?.size, iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : (0, import_font_size.getFontSize)(finalSize)) * scaleIcon, [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2) => icon2 ? (0, import_helpers_tamagui.getIcon)(icon2, {
-    size: iconSizeNumber,
-    color: styledContext?.color
-    // No marginLeft or marginRight needed - spacing is handled by the gap property in Frame's size variants
-  }) : null), 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" },
-      ...props.circular && !propsIn.size && { size },
-      tabIndex: 0,
-      children: [
-        themedIcon,
-        wrappedChildren,
-        themedIconAfter
-      ]
-    }
-  ) });
-}), Button = (0, import_web.withStaticProperties)(ButtonComponent, {
-  Apply: context.Provider,
-  Frame,
-  Text,
-  Icon
-});
-//# sourceMappingURL=Button.js.map

package/dist/cjs/Button.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Button.tsx"],
-  "mappings": "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",
-  "names": ["icon"]
-}

package/dist/cjs/Button.test.js

@@ -1,8 +0,0 @@
-var import_config_default = require("@tamagui/config-default"), import_core = require("@tamagui/core"), import_vitest = require("vitest");
-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();
-  });
-});
-//# sourceMappingURL=Button.test.js.map

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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Button.test.tsx"],
-  "mappings": "AAAA,4BAAwC,oCACxC,cAA8B,0BAC9B,gBAAuC;AAEvC,MAAM,WAAO,+BAAc,+CAAwB,CAAC;AAAA,IAEpD,wBAAS,UAAU,MAAM;AACvB,0BAAK,OAAO,MAAM;AAChB,8BAAO,EAAI,EAAE,WAAW;AAAA,EAC1B,CAAC;AAWH,CAAC;",
-  "names": []
-}

package/dist/cjs/index.js

@@ -1,15 +0,0 @@
-var __defProp = Object.defineProperty;
-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, { 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"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var index_exports = {};
-module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./Button"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,qBAAd;",
-  "names": []
-}