@tamagui/button-next 1.105.2

package/dist/jsx/Button.native.js

@@ -0,0 +1,109 @@
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { SizableText } from "@tamagui/text";
+import { createStyledContext, styled, View } from "@tamagui/web";
+import { createButton } from "./createButton";
+var Frame = styled(View, {
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        justifyContent: "center",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexDirection: "row",
+        cursor: "pointer",
+        hoverTheme: !0,
+        pressTheme: !0,
+        backgrounded: !0,
+        borderWidth: 1,
+        borderColor: "transparent",
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineStyle: "solid",
+          outlineWidth: 2
+        }
+      }
+    },
+    variant: {
+      outlined: {
+        backgroundColor: "transparent",
+        borderWidth: 2,
+        borderColor: "$borderColor",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorPress"
+        },
+        focusVisibleStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorFocus"
+        }
+      }
+    },
+    size: {
+      "...size": getButtonSized,
+      ":number": getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), Text = styled(SizableText, {
+  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,
+        ellipse: !0,
+        color: "$color"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), Icon = styled(SizableText, {
+  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,
+        ellipse: !0,
+        color: "$color"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), ButtonContext = createStyledContext({
+  size: void 0,
+  variant: void 0
+}), Button = createButton({
+  Frame,
+  Text,
+  Icon,
+  defaultVariants: {
+    size: void 0,
+    variant: void 0
+  }
+});
+export {
+  Button,
+  ButtonContext
+};
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/ui/button-next/src/Button.tsx"],
+  "mappings": "AAAA,SAASA,sBAAsB;AAC/B,SAASC,mBAAmB;AAE5B,SAASC,qBAAqBC,QAAQC,YAAY;AAClD,SAASC,oBAAoB;AAM7B,IAAMC,QAAQH,OAAOC,MAAM;EACzBG,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,MAAM;QACNC,gBAAgB;QAChBC,YAAY;QACZC,UAAU;QACVC,eAAe;QACfC,QAAQ;QACRC,YAAY;QACZC,YAAY;QACZC,cAAc;QACdC,aAAa;QACbC,aAAa;QAEbC,mBAAmB;UACjBC,cAAc;UACdC,cAAc;UACdC,cAAc;QAChB;MACF;IACF;IAEAC,SAAS;MACPC,UAAU;QACRC,iBAAiB;QACjBR,aAAa;QACbC,aAAa;QAEbQ,YAAY;UACVD,iBAAiB;UACjBP,aAAa;QACf;QAEAS,YAAY;UACVF,iBAAiB;UACjBP,aAAa;QACf;QAEAC,mBAAmB;UACjBM,iBAAiB;UACjBP,aAAa;QACf;MACF;IACF;IAEAV,MAAM;MACJ,WAAWV;MACX,WAAWA;IACb;IAEA8B,UAAU;MACRC,MAAM;QACJC,eAAe;MACjB;IACF;EACF;EAEAC,iBAAiB;IACfzB,UAAU0B,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAEMC,OAAOlC,OAAOF,aAAa;EAC/BM,UAAU;IACRC,UAAU;MACRC,OAAO;QACL6B,YAAY;QACZvB,QAAQ;;QAERwB,UAAU;QACVC,YAAY;QACZC,SAAS;QACTC,OAAO;MACT;IACF;EACF;EAEAT,iBAAiB;IACfzB,UAAU0B,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAEMO,OAAOxC,OAAOF,aAAa;EAC/BM,UAAU;IACRC,UAAU;MACRC,OAAO;QACL6B,YAAY;QACZvB,QAAQ;;QAERwB,UAAU;QACVC,YAAY;QACZC,SAAS;QACTC,OAAO;MACT;IACF;EACF;EAEAT,iBAAiB;IACfzB,UAAU0B,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAEaQ,gBAAgB1C,oBAG1B;EACDQ,MAAMmC;EACNpB,SAASoB;AACX,CAAA,GAEaC,SAASzC,aAGnB;EACDC;EACA+B;EACAM;EACAV,iBAAiB;IACfvB,MAAMmC;IACNpB,SAASoB;EACX;AACF,CAAA;",
+  "names": ["getButtonSized", "SizableText", "createStyledContext", "styled", "View", "createButton", "Frame", "variants", "unstyled", "false", "size", "justifyContent", "alignItems", "flexWrap", "flexDirection", "cursor", "hoverTheme", "pressTheme", "backgrounded", "borderWidth", "borderColor", "focusVisibleStyle", "outlineColor", "outlineStyle", "outlineWidth", "variant", "outlined", "backgroundColor", "hoverStyle", "pressStyle", "disabled", "true", "pointerEvents", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "Text", "userSelect", "flexGrow", "flexShrink", "ellipse", "color", "Icon", "ButtonContext", "undefined", "Button"]
+}

package/dist/jsx/Button.test.js

@@ -0,0 +1,10 @@
+import { getDefaultTamaguiConfig } from "@tamagui/config-default";
+import { createTamagui } from "@tamagui/core";
+import { describe, expect, test } from "vitest";
+const conf = createTamagui(getDefaultTamaguiConfig());
+describe("Button", () => {
+  test("123", () => {
+    expect(!0).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Button.test.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Button.test.tsx"],
+  "mappings": "AAAA,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAC9B,SAAS,UAAU,QAAQ,YAAY;AAEvC,MAAM,OAAO,cAAc,wBAAwB,CAAC;AAEpD,SAAS,UAAU,MAAM;AACvB,OAAK,OAAO,MAAM;AAChB,WAAO,EAAI,EAAE,WAAW;AAAA,EAC1B,CAAC;AAWH,CAAC;",
+  "names": []
+}

package/dist/jsx/Button.test.mjs

@@ -0,0 +1,10 @@
+import { getDefaultTamaguiConfig } from "@tamagui/config-default";
+import { createTamagui } from "@tamagui/core";
+import { describe, expect, test } from "vitest";
+const conf = createTamagui(getDefaultTamaguiConfig());
+describe("Button", () => {
+  test("123", () => {
+    expect(!0).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Button.test.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,10 @@
+import { getDefaultTamaguiConfig } from "@tamagui/config-default";
+import { createTamagui } from "@tamagui/core";
+import { describe, expect, test } from "vitest";
+var conf = createTamagui(getDefaultTamaguiConfig());
+describe("Button", function() {
+  test("123", function() {
+    expect(!0).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Button.test.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/ui/button-next/src/Button.test.tsx"],
+  "mappings": "AAAA,SAASA,+BAA+B;AACxC,SAASC,qBAAqB;AAC9B,SAASC,UAAUC,QAAQC,YAAY;AAEvC,IAAMC,OAAOJ,cAAcD,wBAAAA,CAAAA;AAE3BE,SAAS,UAAU,WAAA;AACjBE,OAAM,OAAM,WAAA;AACVD,WAAO,EAAA,EAAMG,WAAU;EACzB,CAAA;AAWF,CAAA;",
+  "names": ["getDefaultTamaguiConfig", "createTamagui", "describe", "expect", "test", "conf", "toBeTruthy"]
+}

package/dist/jsx/createButton.js

@@ -0,0 +1,26 @@
+import { withStaticProperties } from "@tamagui/helpers";
+import { createStyledContext, styled } from "@tamagui/web";
+const createButton = (options) => {
+  const context = createStyledContext(options.defaultVariants), name = options.name ?? "button", Frame = styled(options.Frame, {
+    context,
+    name,
+    group: name,
+    role: "button",
+    tag: "button"
+  }), Icon = styled(options.Icon, {
+    name,
+    context
+  }), Text = styled(options.Text, {
+    name,
+    context
+  });
+  return withStaticProperties(Frame, {
+    Apply: context.Provider,
+    Text,
+    Icon
+  });
+};
+export {
+  createButton
+};
+//# sourceMappingURL=createButton.js.map

package/dist/jsx/createButton.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/createButton.tsx"],
+  "mappings": "AAAA,SAAS,4BAA4B;AAMrC,SAAS,qBAAqB,cAAc;AAErC,MAAM,eAAe,CAAuC,YAM7D;AACJ,QAAM,UAAU,oBAAoB,QAAQ,eAAe,GACrD,OAAO,QAAQ,QAAQ,UAEvB,QAAQ,OAAO,QAAQ,OAAO;AAAA,IAClC;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,EACP,CAAC,GAEK,OAAO,OAAO,QAAQ,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,EACF,CAAC,GAEK,OAAO,OAAO,QAAQ,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,qBAAqB,OAAO;AAAA,IACjC,OAAO,QAAQ;AAAA,IACf;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/dist/jsx/createButton.mjs

@@ -0,0 +1,28 @@
+import { withStaticProperties } from "@tamagui/helpers";
+import { createStyledContext, styled } from "@tamagui/web";
+const createButton = options => {
+  const context = createStyledContext(options.defaultVariants),
+    name = options.name ?? "button",
+    Frame = styled(options.Frame, {
+      context,
+      name,
+      group: name,
+      role: "button",
+      tag: "button"
+    }),
+    Icon = styled(options.Icon, {
+      name,
+      context
+    }),
+    Text = styled(options.Text, {
+      name,
+      context
+    });
+  return withStaticProperties(Frame, {
+    Apply: context.Provider,
+    Text,
+    Icon
+  });
+};
+export { createButton };
+//# sourceMappingURL=createButton.mjs.map

package/dist/jsx/createButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["withStaticProperties","createStyledContext","styled","createButton","options","context","defaultVariants","name","Frame","group","role","tag","Icon","Text","Apply","Provider"],"sources":["../../src/createButton.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,oBAAA,QAA4B;AAMrC,SAASC,mBAAA,EAAqBC,MAAA,QAAc;AAErC,MAAMC,YAAA,GAAsDC,OAAA,IAM7D;EACJ,MAAMC,OAAA,GAAUJ,mBAAA,CAAoBG,OAAA,CAAQE,eAAe;IACrDC,IAAA,GAAOH,OAAA,CAAQG,IAAA,IAAQ;IAEvBC,KAAA,GAAQN,MAAA,CAAOE,OAAA,CAAQI,KAAA,EAAO;MAClCH,OAAA;MACAE,IAAA;MACAE,KAAA,EAAOF,IAAA;MACPG,IAAA,EAAM;MACNC,GAAA,EAAK;IACP,CAAC;IAEKC,IAAA,GAAOV,MAAA,CAAOE,OAAA,CAAQQ,IAAA,EAAM;MAChCL,IAAA;MACAF;IACF,CAAC;IAEKQ,IAAA,GAAOX,MAAA,CAAOE,OAAA,CAAQS,IAAA,EAAM;MAChCN,IAAA;MACAF;IACF,CAAC;EAED,OAAOL,oBAAA,CAAqBQ,KAAA,EAAO;IACjCM,KAAA,EAAOT,OAAA,CAAQU,QAAA;IACfF,IAAA;IACAD;EACF,CAAC;AACH","ignoreList":[]}

package/dist/jsx/createButton.native.js

@@ -0,0 +1,26 @@
+import { withStaticProperties } from "@tamagui/helpers";
+import { createStyledContext, styled } from "@tamagui/web";
+var createButton = function(options) {
+  var context = createStyledContext(options.defaultVariants), _options_name, name = (_options_name = options.name) !== null && _options_name !== void 0 ? _options_name : "button", Frame = styled(options.Frame, {
+    context,
+    name,
+    group: name,
+    role: "button",
+    tag: "button"
+  }), Icon = styled(options.Icon, {
+    name,
+    context
+  }), Text = styled(options.Text, {
+    name,
+    context
+  });
+  return withStaticProperties(Frame, {
+    Apply: context.Provider,
+    Text,
+    Icon
+  });
+};
+export {
+  createButton
+};
+//# sourceMappingURL=createButton.js.map

package/dist/jsx/createButton.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/ui/button-next/src/createButton.tsx"],
+  "mappings": "AAAA,SAASA,4BAA4B;AAMrC,SAASC,qBAAqBC,cAAc;AAErC,IAAMC,eAAe,SAAuCC,SAAAA;AAOjE,MAAMC,UAAUJ,oBAAoBG,QAAQE,eAAe,GAC9CF,eAAPG,QAAOH,gBAAAA,QAAQG,UAAI,QAAZH,kBAAAA,SAAAA,gBAAgB,UAEvBI,QAAQN,OAAOE,QAAQI,OAAO;IAClCH;IACAE;IACAE,OAAOF;IACPG,MAAM;IACNC,KAAK;EACP,CAAA,GAEMC,OAAOV,OAAOE,QAAQQ,MAAM;IAChCL;IACAF;EACF,CAAA,GAEMQ,OAAOX,OAAOE,QAAQS,MAAM;IAChCN;IACAF;EACF,CAAA;AAEA,SAAOL,qBAAqBQ,OAAO;IACjCM,OAAOT,QAAQU;IACfF;IACAD;EACF,CAAA;AACF;",
+  "names": ["withStaticProperties", "createStyledContext", "styled", "createButton", "options", "context", "defaultVariants", "name", "Frame", "group", "role", "tag", "Icon", "Text", "Apply", "Provider"]
+}

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

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

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

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

package/dist/jsx/index.native.js

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/ui/button-next/src/index.ts"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@tamagui/button-next",
+  "version": "1.105.2",
+  "sideEffects": [
+    "*.css"
+  ],
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "lint": "npx biome check src",
+    "lint:fix": "npx biome check --apply-unsafe src",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "react-native": "./dist/cjs/index.native.js",
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "dependencies": {
+    "@tamagui/get-button-sized": "1.105.2",
+    "@tamagui/stacks": "1.105.2",
+    "@tamagui/text": "1.105.2",
+    "@tamagui/web": "1.105.2"
+  },
+  "devDependencies": {
+    "@tamagui/build": "1.105.2",
+    "react": "^18.2.0",
+    "vitest": "^0.34.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
+  "peerDependencies": {
+    "react": "*"
+  }
+}

package/src/Button.test.tsx

@@ -0,0 +1,21 @@
+import { getDefaultTamaguiConfig } from '@tamagui/config-default'
+import { createTamagui } from '@tamagui/core'
+import { describe, expect, test } from 'vitest'
+
+const conf = createTamagui(getDefaultTamaguiConfig())
+
+describe('Button', () => {
+  test(`123`, () => {
+    expect(true).toBeTruthy()
+  })
+
+  // test(`Adapts to a when given accessibilityRole="link"`, async () => {
+  //   const { container } = render(
+  //     <TamaguiProvider config={conf} defaultTheme="light">
+  //       <Button href="http://google.com" accessibilityRole="link" />
+  //     </TamaguiProvider>
+  //   )
+
+  //   expect(container.firstChild).toMatchSnapshot()
+  // })
+})

package/src/Button.tsx

@@ -0,0 +1,134 @@
+import { getButtonSized } from '@tamagui/get-button-sized'
+import { SizableText } from '@tamagui/text'
+import type { GetProps, SizeTokens } from '@tamagui/web'
+import { createStyledContext, styled, View } from '@tamagui/web'
+import { createButton } from './createButton'
+
+type ButtonVariant = 'outlined'
+
+export type ButtonProps = GetProps<typeof Frame>
+
+const Frame = styled(View, {
+  variants: {
+    unstyled: {
+      false: {
+        size: '$true',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexWrap: 'nowrap',
+        flexDirection: 'row',
+        cursor: 'pointer',
+        hoverTheme: true,
+        pressTheme: true,
+        backgrounded: true,
+        borderWidth: 1,
+        borderColor: 'transparent',
+
+        focusVisibleStyle: {
+          outlineColor: '$outlineColor',
+          outlineStyle: 'solid',
+          outlineWidth: 2,
+        },
+      },
+    },
+
+    variant: {
+      outlined: {
+        backgroundColor: 'transparent',
+        borderWidth: 2,
+        borderColor: '$borderColor',
+
+        hoverStyle: {
+          backgroundColor: 'transparent',
+          borderColor: '$borderColorHover',
+        },
+
+        pressStyle: {
+          backgroundColor: 'transparent',
+          borderColor: '$borderColorPress',
+        },
+
+        focusVisibleStyle: {
+          backgroundColor: 'transparent',
+          borderColor: '$borderColorFocus',
+        },
+      },
+    },
+
+    size: {
+      '...size': getButtonSized,
+      ':number': getButtonSized,
+    },
+
+    disabled: {
+      true: {
+        pointerEvents: 'none',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+const Text = styled(SizableText, {
+  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,
+        ellipse: true,
+        color: '$color',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+const Icon = styled(SizableText, {
+  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,
+        ellipse: true,
+        color: '$color',
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  },
+})
+
+export const ButtonContext = createStyledContext<{
+  size?: SizeTokens
+  variant?: ButtonVariant
+}>({
+  size: undefined,
+  variant: undefined,
+})
+
+export const Button = createButton<{
+  size?: SizeTokens
+  variant?: ButtonVariant
+}>({
+  Frame,
+  Text,
+  Icon,
+  defaultVariants: {
+    size: undefined,
+    variant: undefined,
+  },
+})

package/src/createButton.tsx

@@ -0,0 +1,42 @@
+import { withStaticProperties } from '@tamagui/helpers'
+import type {
+  TamaguiComponentExpectingVariants,
+  TextProps,
+  ViewProps,
+} from '@tamagui/web'
+import { createStyledContext, styled } from '@tamagui/web'
+
+export const createButton = <Variants extends Record<string, any>>(options: {
+  Frame: TamaguiComponentExpectingVariants<ViewProps, Variants>
+  Text: TamaguiComponentExpectingVariants<TextProps, Variants>
+  Icon: TamaguiComponentExpectingVariants<TextProps, Variants>
+  defaultVariants?: { [Key in keyof Variants]: Variants[Key] | undefined }
+  name?: string
+}) => {
+  const context = createStyledContext(options.defaultVariants)
+  const name = options.name ?? 'button'
+
+  const Frame = styled(options.Frame, {
+    context,
+    name,
+    group: name as any,
+    role: 'button',
+    tag: 'button',
+  })
+
+  const Icon = styled(options.Icon, {
+    name,
+    context,
+  })
+
+  const Text = styled(options.Text, {
+    name,
+    context,
+  })
+
+  return withStaticProperties(Frame, {
+    Apply: context.Provider,
+    Text,
+    Icon,
+  })
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './Button'

package/types/Button.d.ts

@@ -0,0 +1,43 @@
+import type { GetProps, SizeTokens } from '@tamagui/web';
+type ButtonVariant = 'outlined';
+export type ButtonProps = GetProps<typeof Frame>;
+declare const Frame: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+    size?: number | SizeTokens | undefined;
+    disabled?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    variant?: "outlined" | undefined;
+}, import("@tamagui/web").StaticConfigPublic>;
+export declare const ButtonContext: import("@tamagui/web").StyledContext<{
+    size?: SizeTokens;
+    variant?: ButtonVariant;
+}>;
+export declare const Button: import("react").ForwardRefExoticComponent<import("@tamagui/web").GetFinalProps<any, any, {
+    size?: SizeTokens;
+    variant?: ButtonVariant;
+}> & import("react").RefAttributes<any>> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, any, any, any, {
+    size?: SizeTokens;
+    variant?: ButtonVariant;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig" | "extractable" | "styleable"> & {
+    __tama: [import("@tamagui/web").TamaDefer, any, any, any, {
+        size?: SizeTokens;
+        variant?: ButtonVariant;
+    }, import("@tamagui/web").StaticConfigPublic];
+} & {
+    Apply: import("react").ProviderExoticComponent<Partial<{
+        size?: SizeTokens;
+        variant?: ButtonVariant;
+    }> & {
+        children?: import("react").ReactNode;
+        scope?: string;
+    }>;
+    Text: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, any, any, any, {
+        size?: SizeTokens;
+        variant?: ButtonVariant;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    Icon: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, any, any, any, {
+        size?: SizeTokens;
+        variant?: ButtonVariant;
+    }, import("@tamagui/web").StaticConfigPublic>;
+};
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/types/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAIxD,KAAK,aAAa,GAAG,UAAU,CAAA;AAE/B,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEhD,QAAA,MAAM,KAAK;;;;;6CA8DT,CAAA;AA0CF,eAAO,MAAM,aAAa;WACjB,UAAU;cACP,aAAa;EAIvB,CAAA;AAEF,eAAO,MAAM,MAAM;WACV,UAAU;cACP,aAAa;;WADhB,UAAU;cACP,aAAa;;;eADhB,UAAU;kBACP,aAAa;;;;eADhB,UAAU;kBACP,aAAa;;;;;;eADhB,UAAU;kBACP,aAAa;;;eADhB,UAAU;kBACP,aAAa;;CASvB,CAAA"}

package/types/Button.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Button.test.d.ts.map

package/types/Button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.d.ts","sourceRoot":"","sources":["../src/Button.test.tsx"],"names":[],"mappings":""}

package/types/createButton.d.ts

@@ -0,0 +1,18 @@
+import type { TamaguiComponentExpectingVariants, TextProps, ViewProps } from '@tamagui/web';
+export declare const createButton: <Variants extends Record<string, any>>(options: {
+    Frame: TamaguiComponentExpectingVariants<ViewProps, Variants>;
+    Text: TamaguiComponentExpectingVariants<TextProps, Variants>;
+    Icon: TamaguiComponentExpectingVariants<TextProps, Variants>;
+    defaultVariants?: { [Key in keyof Variants]: Variants[Key] | undefined; };
+    name?: string;
+}) => import("react").ForwardRefExoticComponent<import("@tamagui/web").GetFinalProps<any, any, Variants> & import("react").RefAttributes<import("@tamagui/web").GetRef<TamaguiComponentExpectingVariants<import("@tamagui/web").StackProps, Variants>>>> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").GetRef<TamaguiComponentExpectingVariants<import("@tamagui/web").StackProps, Variants>>, any, any, Variants, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig" | "extractable" | "styleable"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").GetRef<TamaguiComponentExpectingVariants<import("@tamagui/web").StackProps, Variants>>, any, any, Variants, import("@tamagui/web").StaticConfigPublic];
+} & {
+    Apply: import("react").ProviderExoticComponent<Partial<{ [Key in keyof Variants]: Variants[Key] | undefined; }> & {
+        children?: import("react").ReactNode;
+        scope?: string;
+    }>;
+    Text: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").GetRef<TamaguiComponentExpectingVariants<TextProps, Variants>>, any, any, Variants, import("@tamagui/web").StaticConfigPublic>;
+    Icon: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").GetRef<TamaguiComponentExpectingVariants<TextProps, Variants>>, any, any, Variants, import("@tamagui/web").StaticConfigPublic>;
+};
+//# sourceMappingURL=createButton.d.ts.map

package/types/createButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createButton.d.ts","sourceRoot":"","sources":["../src/createButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iCAAiC,EACjC,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAGrB,eAAO,MAAM,YAAY,GAAI,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,WAAW;IAC1E,KAAK,EAAE,iCAAiC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;IAC7D,IAAI,EAAE,iCAAiC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;IAC5D,IAAI,EAAE,iCAAiC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;IAC5D,eAAe,CAAC,EAAE,GAAG,GAAqB,IAAd,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,SAAS,GAAE,CAAA;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;;;8DAFsB,GAAG;;;;;;CA6BzB,CAAA"}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}