@tamagui/button 1.26.1 → 1.27.0

package/dist/cjs/base.js

@@ -0,0 +1,29 @@
+"use strict";
+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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var base_exports = {};
+__export(base_exports, {
+  Button: () => import_Button.Button
+});
+module.exports = __toCommonJS(base_exports);
+var import_Button = require("./Button");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
+});
+//# sourceMappingURL=base.js.map

package/dist/cjs/base.js.map

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

package/dist/cjs/themed.js

@@ -0,0 +1,252 @@
+"use strict";
+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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var themed_exports = {};
+__export(themed_exports, {
+  Button: () => Button,
+  ButtonFrame: () => ButtonFrame,
+  ButtonText: () => ButtonTextFrame,
+  buttonStaticConfig: () => buttonStaticConfig,
+  createButtonScope: () => createButtonScope,
+  useButton: () => useButton
+});
+module.exports = __toCommonJS(themed_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_create_context = require("@tamagui/create-context");
+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_text = require("@tamagui/text");
+var import_web = require("@tamagui/web");
+var import_react = require("react");
+var import_Button = require("./Button");
+const ButtonFrame = (0, import_web.styled)(import_Button.Button, {
+  name: import_Button.BUTTON_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        justifyContent: "center",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexDirection: "row",
+        cursor: "pointer",
+        hoverTheme: true,
+        pressTheme: true,
+        backgrounded: true,
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        pressStyle: {
+          borderColor: "$borderColorPress"
+        },
+        focusStyle: {
+          outlineColor: "$borderColorFocus",
+          outlineStyle: "solid",
+          outlineWidth: 2
+        }
+      }
+    },
+    size: {
+      "...size": import_get_button_sized.getButtonSized
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const [createButtonContext, createButtonScope] = (0, import_create_context.createContextScope)(import_Button.BUTTON_NAME);
+const [ButtonProvider, useButtonContext] = createButtonContext("Button");
+const ButtonTextFrame = (0, import_web.styled)(import_Button.Button.Text, {
+  name: import_Button.BUTTON_TEXT_NAME,
+  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"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const ButtonText = ButtonTextFrame.styleable(
+  (props, ref) => {
+    const context = useButtonContext(import_Button.BUTTON_TEXT_NAME, props.__scopeButton);
+    (0, import_react.useEffect)(() => {
+      const unregister = context.registerButtonText();
+      return () => unregister();
+    }, [context.registerButtonText]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonTextFrame, { ref, color: context.color, size: context.size, ...props, children: props.children });
+  }
+);
+const ButtonIcon = (props) => {
+  const { children, scaleIcon = 1 } = props;
+  const context = useButtonContext(import_Button.BUTTON_ICON_NAME, props.__scopeButton);
+  const size = context.size;
+  const color = context.color;
+  const iconSize = (typeof size === "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size)) * scaleIcon;
+  const getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color });
+  return getThemedIcon(children);
+};
+const ButtonComponent = ButtonFrame.styleable(
+  (props, ref) => {
+    const buttonApi = props.forceButtonApi ?? (0, import_web.getConfig)().buttonApi ?? "mixed";
+    const { props: buttonProps } = useButton(props);
+    const [buttonTextCount, setButtonTextCount] = (0, import_react.useState)(0);
+    const registerButtonText = (0, import_react.useCallback)(() => {
+      if (buttonApi === "simple") {
+        console.warn(
+          "You are using Button.Text with simple button API. Either remove Button.Text or use either `buttonApi: composable` or `mixed` in your tamagui config."
+        );
+      }
+      if (buttonApi === "composable")
+        return () => {
+        };
+      setButtonTextCount((prev) => prev + 1);
+      return () => setButtonTextCount((prev) => prev - 1);
+    }, [setButtonTextCount]);
+    const usesComposableApi = buttonApi === "composable" || buttonApi === "mixed" && buttonTextCount > 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ButtonProvider,
+      {
+        scope: props.__scopeButton,
+        size: props.size ?? "$true",
+        color: props.color,
+        usesComposableApi,
+        registerButtonText,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonFrame, { unstyled: props.unstyled ?? false, ref, ...buttonProps })
+      }
+    );
+  }
+);
+const Button = (0, import_web.withStaticProperties)(ButtonComponent, {
+  Text: ButtonText,
+  Icon: ButtonIcon
+});
+function useButton(propsIn, { Text = ButtonTextFrame } = { Text: ButtonTextFrame }) {
+  const {
+    children,
+    icon,
+    iconAfter,
+    noTextWrap,
+    theme: themeName,
+    space,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.66,
+    separator,
+    // text props
+    color,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    fontFamily,
+    fontStyle,
+    textAlign,
+    unstyled = false,
+    textProps,
+    ...rest
+  } = propsIn;
+  const isNested = import_web.isRSC ? false : (0, import_react.useContext)(import_web.ButtonNestingContext);
+  const propsActive = (0, import_web.useMediaPropsActive)(propsIn);
+  const size = propsActive.size || "$true";
+  const iconSize = (typeof size === "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size)) * scaleIcon;
+  const getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color });
+  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
+  const spaceSize = propsActive.space ?? (0, import_web.getVariableValue)(iconSize) * scaleSpace;
+  const contents = (0, import_text.wrapChildrenInText)(
+    Text,
+    propsActive,
+    Text === ButtonTextFrame ? {
+      unstyled
+    } : void 0
+  );
+  const inner = (0, import_web.spacedChildren)({
+    // a bit arbitrary but scaling to font size is necessary so long as button does
+    space: spaceSize,
+    spaceFlex,
+    separator,
+    direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
+    children: [themedIcon, ...contents, themedIconAfter]
+  });
+  const tag = isNested ? "span" : (
+    // defaults to <a /> when accessibilityRole = link
+    // see https://github.com/tamagui/tamagui/issues/505
+    propsIn.accessibilityRole === "link" ? "a" : void 0
+  );
+  const props = {
+    ...propsActive.disabled && {
+      // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
+      focusable: void 0,
+      // even with tabIndex unset, it will keep focusStyle on web so disable it here
+      focusStyle: {
+        borderColor: "$background"
+      }
+    },
+    tag,
+    ...rest,
+    children: import_web.isRSC ? inner : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.ButtonNestingContext.Provider, { value: true, children: inner })
+  };
+  return {
+    spaceSize,
+    isNested,
+    props
+  };
+}
+const buttonStaticConfig = {
+  inlineProps: /* @__PURE__ */ new Set([
+    // text props go here (can't really optimize them, but we never fully extract button anyway)
+    // may be able to remove this entirely, as the compiler / runtime have gotten better
+    "color",
+    "fontWeight",
+    "fontSize",
+    "fontFamily",
+    "fontStyle",
+    "letterSpacing",
+    "textAlign",
+    "unstyled"
+  ])
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  ButtonFrame,
+  ButtonText,
+  buttonStaticConfig,
+  createButtonScope,
+  useButton
+});
+//# sourceMappingURL=themed.js.map

package/dist/cjs/themed.js.map

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

package/dist/esm/base.js

@@ -0,0 +1,5 @@
+import { Button } from "./Button";
+export {
+  Button
+};
+//# sourceMappingURL=base.js.map

package/dist/esm/base.js.map

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

package/dist/esm/themed.js

@@ -0,0 +1,237 @@
+import { jsx } from "react/jsx-runtime";
+import { createContextScope } from "@tamagui/create-context";
+import { getFontSize } from "@tamagui/font-size";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { wrapChildrenInText } from "@tamagui/text";
+import {
+  ButtonNestingContext,
+  getConfig,
+  getVariableValue,
+  isRSC,
+  spacedChildren,
+  styled,
+  useMediaPropsActive,
+  withStaticProperties
+} from "@tamagui/web";
+import { useCallback, useContext, useEffect, useState } from "react";
+import {
+  BUTTON_ICON_NAME,
+  BUTTON_NAME,
+  BUTTON_TEXT_NAME,
+  Button as BaseButton
+} from "./Button";
+const ButtonFrame = styled(BaseButton, {
+  name: BUTTON_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        justifyContent: "center",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexDirection: "row",
+        cursor: "pointer",
+        hoverTheme: true,
+        pressTheme: true,
+        backgrounded: true,
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        pressStyle: {
+          borderColor: "$borderColorPress"
+        },
+        focusStyle: {
+          outlineColor: "$borderColorFocus",
+          outlineStyle: "solid",
+          outlineWidth: 2
+        }
+      }
+    },
+    size: {
+      "...size": getButtonSized
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const [createButtonContext, createButtonScope] = createContextScope(BUTTON_NAME);
+const [ButtonProvider, useButtonContext] = createButtonContext("Button");
+const ButtonTextFrame = styled(BaseButton.Text, {
+  name: BUTTON_TEXT_NAME,
+  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"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const ButtonText = ButtonTextFrame.styleable(
+  (props, ref) => {
+    const context = useButtonContext(BUTTON_TEXT_NAME, props.__scopeButton);
+    useEffect(() => {
+      const unregister = context.registerButtonText();
+      return () => unregister();
+    }, [context.registerButtonText]);
+    return /* @__PURE__ */ jsx(ButtonTextFrame, { ref, color: context.color, size: context.size, ...props, children: props.children });
+  }
+);
+const ButtonIcon = (props) => {
+  const { children, scaleIcon = 1 } = props;
+  const context = useButtonContext(BUTTON_ICON_NAME, props.__scopeButton);
+  const size = context.size;
+  const color = context.color;
+  const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
+  const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
+  return getThemedIcon(children);
+};
+const ButtonComponent = ButtonFrame.styleable(
+  (props, ref) => {
+    const buttonApi = props.forceButtonApi ?? getConfig().buttonApi ?? "mixed";
+    const { props: buttonProps } = useButton(props);
+    const [buttonTextCount, setButtonTextCount] = useState(0);
+    const registerButtonText = useCallback(() => {
+      if (buttonApi === "simple") {
+        console.warn(
+          "You are using Button.Text with simple button API. Either remove Button.Text or use either `buttonApi: composable` or `mixed` in your tamagui config."
+        );
+      }
+      if (buttonApi === "composable")
+        return () => {
+        };
+      setButtonTextCount((prev) => prev + 1);
+      return () => setButtonTextCount((prev) => prev - 1);
+    }, [setButtonTextCount]);
+    const usesComposableApi = buttonApi === "composable" || buttonApi === "mixed" && buttonTextCount > 0;
+    return /* @__PURE__ */ jsx(
+      ButtonProvider,
+      {
+        scope: props.__scopeButton,
+        size: props.size ?? "$true",
+        color: props.color,
+        usesComposableApi,
+        registerButtonText,
+        children: /* @__PURE__ */ jsx(ButtonFrame, { unstyled: props.unstyled ?? false, ref, ...buttonProps })
+      }
+    );
+  }
+);
+const Button = withStaticProperties(ButtonComponent, {
+  Text: ButtonText,
+  Icon: ButtonIcon
+});
+function useButton(propsIn, { Text = ButtonTextFrame } = { Text: ButtonTextFrame }) {
+  const {
+    children,
+    icon,
+    iconAfter,
+    noTextWrap,
+    theme: themeName,
+    space,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.66,
+    separator,
+    // text props
+    color,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    fontFamily,
+    fontStyle,
+    textAlign,
+    unstyled = false,
+    textProps,
+    ...rest
+  } = propsIn;
+  const isNested = isRSC ? false : useContext(ButtonNestingContext);
+  const propsActive = useMediaPropsActive(propsIn);
+  const size = propsActive.size || "$true";
+  const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
+  const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
+  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
+  const spaceSize = propsActive.space ?? getVariableValue(iconSize) * scaleSpace;
+  const contents = wrapChildrenInText(
+    Text,
+    propsActive,
+    Text === ButtonTextFrame ? {
+      unstyled
+    } : void 0
+  );
+  const inner = spacedChildren({
+    // a bit arbitrary but scaling to font size is necessary so long as button does
+    space: spaceSize,
+    spaceFlex,
+    separator,
+    direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
+    children: [themedIcon, ...contents, themedIconAfter]
+  });
+  const tag = isNested ? "span" : (
+    // defaults to <a /> when accessibilityRole = link
+    // see https://github.com/tamagui/tamagui/issues/505
+    propsIn.accessibilityRole === "link" ? "a" : void 0
+  );
+  const props = {
+    ...propsActive.disabled && {
+      // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
+      focusable: void 0,
+      // even with tabIndex unset, it will keep focusStyle on web so disable it here
+      focusStyle: {
+        borderColor: "$background"
+      }
+    },
+    tag,
+    ...rest,
+    children: isRSC ? inner : /* @__PURE__ */ jsx(ButtonNestingContext.Provider, { value: true, children: inner })
+  };
+  return {
+    spaceSize,
+    isNested,
+    props
+  };
+}
+const buttonStaticConfig = {
+  inlineProps: /* @__PURE__ */ new Set([
+    // text props go here (can't really optimize them, but we never fully extract button anyway)
+    // may be able to remove this entirely, as the compiler / runtime have gotten better
+    "color",
+    "fontWeight",
+    "fontSize",
+    "fontFamily",
+    "fontStyle",
+    "letterSpacing",
+    "textAlign",
+    "unstyled"
+  ])
+};
+export {
+  Button,
+  ButtonFrame,
+  ButtonTextFrame as ButtonText,
+  buttonStaticConfig,
+  createButtonScope,
+  useButton
+};
+//# sourceMappingURL=themed.js.map

package/dist/esm/themed.js.map

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

package/dist/jsx/base.js

@@ -0,0 +1,5 @@
+import { Button } from "./Button";
+export {
+  Button
+};
+//# sourceMappingURL=base.js.map

package/dist/jsx/base.js.map

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

package/dist/jsx/base.mjs

@@ -0,0 +1,5 @@
+import { Button } from "./Button";
+export {
+  Button
+};
+//# sourceMappingURL=base.mjs.map

package/dist/jsx/base.mjs.map

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

package/dist/jsx/themed.js

@@ -0,0 +1,232 @@
+import { createContextScope } from "@tamagui/create-context";
+import { getFontSize } from "@tamagui/font-size";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { wrapChildrenInText } from "@tamagui/text";
+import {
+  ButtonNestingContext,
+  getConfig,
+  getVariableValue,
+  isRSC,
+  spacedChildren,
+  styled,
+  useMediaPropsActive,
+  withStaticProperties
+} from "@tamagui/web";
+import { useCallback, useContext, useEffect, useState } from "react";
+import {
+  BUTTON_ICON_NAME,
+  BUTTON_NAME,
+  BUTTON_TEXT_NAME,
+  Button as BaseButton
+} from "./Button";
+const ButtonFrame = styled(BaseButton, {
+  name: BUTTON_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        justifyContent: "center",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexDirection: "row",
+        cursor: "pointer",
+        hoverTheme: true,
+        pressTheme: true,
+        backgrounded: true,
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        pressStyle: {
+          borderColor: "$borderColorPress"
+        },
+        focusStyle: {
+          outlineColor: "$borderColorFocus",
+          outlineStyle: "solid",
+          outlineWidth: 2
+        }
+      }
+    },
+    size: {
+      "...size": getButtonSized
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const [createButtonContext, createButtonScope] = createContextScope(BUTTON_NAME);
+const [ButtonProvider, useButtonContext] = createButtonContext("Button");
+const ButtonTextFrame = styled(BaseButton.Text, {
+  name: BUTTON_TEXT_NAME,
+  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"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const ButtonText = ButtonTextFrame.styleable(
+  (props, ref) => {
+    const context = useButtonContext(BUTTON_TEXT_NAME, props.__scopeButton);
+    useEffect(() => {
+      const unregister = context.registerButtonText();
+      return () => unregister();
+    }, [context.registerButtonText]);
+    return <ButtonTextFrame ref={ref} color={context.color} size={context.size} {...props}>{props.children}</ButtonTextFrame>;
+  }
+);
+const ButtonIcon = (props) => {
+  const { children, scaleIcon = 1 } = props;
+  const context = useButtonContext(BUTTON_ICON_NAME, props.__scopeButton);
+  const size = context.size;
+  const color = context.color;
+  const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
+  const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
+  return getThemedIcon(children);
+};
+const ButtonComponent = ButtonFrame.styleable(
+  (props, ref) => {
+    const buttonApi = props.forceButtonApi ?? getConfig().buttonApi ?? "mixed";
+    const { props: buttonProps } = useButton(props);
+    const [buttonTextCount, setButtonTextCount] = useState(0);
+    const registerButtonText = useCallback(() => {
+      if (buttonApi === "simple") {
+        console.warn(
+          "You are using Button.Text with simple button API. Either remove Button.Text or use either `buttonApi: composable` or `mixed` in your tamagui config."
+        );
+      }
+      if (buttonApi === "composable")
+        return () => {
+        };
+      setButtonTextCount((prev) => prev + 1);
+      return () => setButtonTextCount((prev) => prev - 1);
+    }, [setButtonTextCount]);
+    const usesComposableApi = buttonApi === "composable" || buttonApi === "mixed" && buttonTextCount > 0;
+    return <ButtonProvider
+      scope={props.__scopeButton}
+      size={props.size ?? "$true"}
+      color={props.color}
+      usesComposableApi={usesComposableApi}
+      registerButtonText={registerButtonText}
+    ><ButtonFrame unstyled={props.unstyled ?? false} ref={ref} {...buttonProps} /></ButtonProvider>;
+  }
+);
+const Button = withStaticProperties(ButtonComponent, {
+  Text: ButtonText,
+  Icon: ButtonIcon
+});
+function useButton(propsIn, { Text = ButtonTextFrame } = { Text: ButtonTextFrame }) {
+  const {
+    children,
+    icon,
+    iconAfter,
+    noTextWrap,
+    theme: themeName,
+    space,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.66,
+    separator,
+    // text props
+    color,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    fontFamily,
+    fontStyle,
+    textAlign,
+    unstyled = false,
+    textProps,
+    ...rest
+  } = propsIn;
+  const isNested = isRSC ? false : useContext(ButtonNestingContext);
+  const propsActive = useMediaPropsActive(propsIn);
+  const size = propsActive.size || "$true";
+  const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
+  const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
+  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
+  const spaceSize = propsActive.space ?? getVariableValue(iconSize) * scaleSpace;
+  const contents = wrapChildrenInText(
+    Text,
+    propsActive,
+    Text === ButtonTextFrame ? {
+      unstyled
+    } : void 0
+  );
+  const inner = spacedChildren({
+    // a bit arbitrary but scaling to font size is necessary so long as button does
+    space: spaceSize,
+    spaceFlex,
+    separator,
+    direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
+    children: [themedIcon, ...contents, themedIconAfter]
+  });
+  const tag = isNested ? "span" : (
+    // defaults to <a /> when accessibilityRole = link
+    // see https://github.com/tamagui/tamagui/issues/505
+    propsIn.accessibilityRole === "link" ? "a" : void 0
+  );
+  const props = {
+    ...propsActive.disabled && {
+      // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
+      focusable: void 0,
+      // even with tabIndex unset, it will keep focusStyle on web so disable it here
+      focusStyle: {
+        borderColor: "$background"
+      }
+    },
+    tag,
+    ...rest,
+    children: isRSC ? inner : <ButtonNestingContext.Provider value={true}>{inner}</ButtonNestingContext.Provider>
+  };
+  return {
+    spaceSize,
+    isNested,
+    props
+  };
+}
+const buttonStaticConfig = {
+  inlineProps: /* @__PURE__ */ new Set([
+    // text props go here (can't really optimize them, but we never fully extract button anyway)
+    // may be able to remove this entirely, as the compiler / runtime have gotten better
+    "color",
+    "fontWeight",
+    "fontSize",
+    "fontFamily",
+    "fontStyle",
+    "letterSpacing",
+    "textAlign",
+    "unstyled"
+  ])
+};
+export {
+  Button,
+  ButtonFrame,
+  ButtonTextFrame as ButtonText,
+  buttonStaticConfig,
+  createButtonScope,
+  useButton
+};
+//# sourceMappingURL=themed.js.map

package/dist/jsx/themed.js.map

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

package/dist/jsx/themed.mjs

@@ -0,0 +1,232 @@
+import { createContextScope } from "@tamagui/create-context";
+import { getFontSize } from "@tamagui/font-size";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { wrapChildrenInText } from "@tamagui/text";
+import {
+  ButtonNestingContext,
+  getConfig,
+  getVariableValue,
+  isRSC,
+  spacedChildren,
+  styled,
+  useMediaPropsActive,
+  withStaticProperties
+} from "@tamagui/web";
+import { useCallback, useContext, useEffect, useState } from "react";
+import {
+  BUTTON_ICON_NAME,
+  BUTTON_NAME,
+  BUTTON_TEXT_NAME,
+  Button as BaseButton
+} from "./Button";
+const ButtonFrame = styled(BaseButton, {
+  name: BUTTON_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        justifyContent: "center",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexDirection: "row",
+        cursor: "pointer",
+        hoverTheme: true,
+        pressTheme: true,
+        backgrounded: true,
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        pressStyle: {
+          borderColor: "$borderColorPress"
+        },
+        focusStyle: {
+          outlineColor: "$borderColorFocus",
+          outlineStyle: "solid",
+          outlineWidth: 2
+        }
+      }
+    },
+    size: {
+      "...size": getButtonSized
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const [createButtonContext, createButtonScope] = createContextScope(BUTTON_NAME);
+const [ButtonProvider, useButtonContext] = createButtonContext("Button");
+const ButtonTextFrame = styled(BaseButton.Text, {
+  name: BUTTON_TEXT_NAME,
+  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"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const ButtonText = ButtonTextFrame.styleable(
+  (props, ref) => {
+    const context = useButtonContext(BUTTON_TEXT_NAME, props.__scopeButton);
+    useEffect(() => {
+      const unregister = context.registerButtonText();
+      return () => unregister();
+    }, [context.registerButtonText]);
+    return <ButtonTextFrame ref={ref} color={context.color} size={context.size} {...props}>{props.children}</ButtonTextFrame>;
+  }
+);
+const ButtonIcon = (props) => {
+  const { children, scaleIcon = 1 } = props;
+  const context = useButtonContext(BUTTON_ICON_NAME, props.__scopeButton);
+  const size = context.size;
+  const color = context.color;
+  const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
+  const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
+  return getThemedIcon(children);
+};
+const ButtonComponent = ButtonFrame.styleable(
+  (props, ref) => {
+    const buttonApi = props.forceButtonApi ?? getConfig().buttonApi ?? "mixed";
+    const { props: buttonProps } = useButton(props);
+    const [buttonTextCount, setButtonTextCount] = useState(0);
+    const registerButtonText = useCallback(() => {
+      if (buttonApi === "simple") {
+        console.warn(
+          "You are using Button.Text with simple button API. Either remove Button.Text or use either `buttonApi: composable` or `mixed` in your tamagui config."
+        );
+      }
+      if (buttonApi === "composable")
+        return () => {
+        };
+      setButtonTextCount((prev) => prev + 1);
+      return () => setButtonTextCount((prev) => prev - 1);
+    }, [setButtonTextCount]);
+    const usesComposableApi = buttonApi === "composable" || buttonApi === "mixed" && buttonTextCount > 0;
+    return <ButtonProvider
+      scope={props.__scopeButton}
+      size={props.size ?? "$true"}
+      color={props.color}
+      usesComposableApi={usesComposableApi}
+      registerButtonText={registerButtonText}
+    ><ButtonFrame unstyled={props.unstyled ?? false} ref={ref} {...buttonProps} /></ButtonProvider>;
+  }
+);
+const Button = withStaticProperties(ButtonComponent, {
+  Text: ButtonText,
+  Icon: ButtonIcon
+});
+function useButton(propsIn, { Text = ButtonTextFrame } = { Text: ButtonTextFrame }) {
+  const {
+    children,
+    icon,
+    iconAfter,
+    noTextWrap,
+    theme: themeName,
+    space,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.66,
+    separator,
+    // text props
+    color,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    fontFamily,
+    fontStyle,
+    textAlign,
+    unstyled = false,
+    textProps,
+    ...rest
+  } = propsIn;
+  const isNested = isRSC ? false : useContext(ButtonNestingContext);
+  const propsActive = useMediaPropsActive(propsIn);
+  const size = propsActive.size || "$true";
+  const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
+  const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
+  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
+  const spaceSize = propsActive.space ?? getVariableValue(iconSize) * scaleSpace;
+  const contents = wrapChildrenInText(
+    Text,
+    propsActive,
+    Text === ButtonTextFrame ? {
+      unstyled
+    } : void 0
+  );
+  const inner = spacedChildren({
+    // a bit arbitrary but scaling to font size is necessary so long as button does
+    space: spaceSize,
+    spaceFlex,
+    separator,
+    direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
+    children: [themedIcon, ...contents, themedIconAfter]
+  });
+  const tag = isNested ? "span" : (
+    // defaults to <a /> when accessibilityRole = link
+    // see https://github.com/tamagui/tamagui/issues/505
+    propsIn.accessibilityRole === "link" ? "a" : void 0
+  );
+  const props = {
+    ...propsActive.disabled && {
+      // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
+      focusable: void 0,
+      // even with tabIndex unset, it will keep focusStyle on web so disable it here
+      focusStyle: {
+        borderColor: "$background"
+      }
+    },
+    tag,
+    ...rest,
+    children: isRSC ? inner : <ButtonNestingContext.Provider value={true}>{inner}</ButtonNestingContext.Provider>
+  };
+  return {
+    spaceSize,
+    isNested,
+    props
+  };
+}
+const buttonStaticConfig = {
+  inlineProps: /* @__PURE__ */ new Set([
+    // text props go here (can't really optimize them, but we never fully extract button anyway)
+    // may be able to remove this entirely, as the compiler / runtime have gotten better
+    "color",
+    "fontWeight",
+    "fontSize",
+    "fontFamily",
+    "fontStyle",
+    "letterSpacing",
+    "textAlign",
+    "unstyled"
+  ])
+};
+export {
+  Button,
+  ButtonFrame,
+  ButtonTextFrame as ButtonText,
+  buttonStaticConfig,
+  createButtonScope,
+  useButton
+};
+//# sourceMappingURL=themed.mjs.map

package/dist/jsx/themed.mjs.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/button",
-  "version": "1.26.1",
+  "version": "1.27.0",
   "sideEffects": [
     "*.css"
   ],
@@ -29,17 +29,17 @@
     }
   },
   "dependencies": {
-    "@tamagui/font-size": "1.26.1",
-    "@tamagui/get-button-sized": "1.26.1",
-    "@tamagui/helpers-tamagui": "1.26.1",
-    "@tamagui/text": "1.26.1",
-    "@tamagui/web": "1.26.1"
+    "@tamagui/font-size": "1.27.0",
+    "@tamagui/get-button-sized": "1.27.0",
+    "@tamagui/helpers-tamagui": "1.27.0",
+    "@tamagui/text": "1.27.0",
+    "@tamagui/web": "1.27.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.26.1",
+    "@tamagui/build": "1.27.0",
     "react": "^18.2.0",
     "vitest": "^0.26.3"
   },

package/types/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/types/themed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed.d.ts","sourceRoot":"","sources":["../src/themed.tsx"],"names":[],"mappings":"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"}