@tamagui/button 1.14.0 → 1.14.2

package/dist/esm/Button.mjs

@@ -1,2 +1,182 @@
-import{jsx as S}from"react/jsx-runtime";import{getFontSize as A}from"@tamagui/font-size";import{getButtonSized as k}from"@tamagui/get-button-sized";import{useGetThemedIcon as w}from"@tamagui/helpers-tamagui";import{ThemeableStack as $}from"@tamagui/stacks";import{SizableText as E,wrapChildrenInText as N}from"@tamagui/text";import{ButtonNestingContext as d,getVariableValue as W,isRSC as f,spacedChildren as G,styled as b,themeable as D,useMediaPropsActive as R}from"@tamagui/web";import{forwardRef as V,useContext as M}from"react";const J="Button",i=b($,{name:J,tag:"button",justifyContent:"center",alignItems:"center",flexWrap:"nowrap",flexDirection:"row",cursor:"pointer",variants:{defaultStyle:{true:{focusable:!0,hoverTheme:!0,pressTheme:!0,backgrounded:!0,borderWidth:1,borderColor:"transparent",pressStyle:{borderColor:"transparent"},hoverStyle:{borderColor:"transparent"},focusStyle:{borderColor:"$borderColorFocus"}}},size:{"...size":k},active:{true:{hoverStyle:{backgroundColor:"$background"}}},disabled:{true:{pointerEvents:"none"}}},defaultVariants:{size:"$true"}}),c=b(E,{name:"ButtonText",userSelect:"none",cursor:"pointer",flexGrow:0,flexShrink:1,ellipse:!0,variants:{defaultStyle:{true:{color:"$color"}}}}),O=V(function(o,l){const{props:{unstyled:n,...r}}=j(o);return S(i,{defaultStyle:!n,...r,ref:l})}),X={inlineProps:new Set(["color","fontWeight","fontSize","fontFamily","fontStyle","letterSpacing","textAlign","unstyled"])},de=i.extractable(D(O,i.staticConfig),X);function j(t,{Text:o=c}={Text:c}){const{children:l,icon:n,iconAfter:r,noTextWrap:q,theme:H,space:K,spaceFlex:x,scaleIcon:y=1,scaleSpace:h=.66,separator:g,color:C,fontWeight:L,letterSpacing:Q,fontSize:U,fontFamily:Y,fontStyle:Z,textAlign:_,textProps:ee,...P}=t,a=f?!1:M(d),e=R(t),s=e.size||"$true",u=(typeof s=="number"?s*.5:A(s))*y,T=w({size:u,color:C}),[B,z]=[n,r].map(T),p=e.space??W(u)*h,v=N(o,e,o===c?{defaultStyle:!t.unstyled}:void 0),m=G({space:p,spaceFlex:x,separator:g,direction:e.flexDirection==="column"||e.flexDirection==="column-reverse"?"vertical":"horizontal",children:[B,...v,z]}),F=a?"span":t.accessibilityRole==="link"?"a":void 0,I={...e.disabled&&{focusable:void 0,focusStyle:{borderColor:"$background"}},tag:F,...P,children:f?m:S(d.Provider,{value:!0,children:m})};return{spaceSize:p,isNested:a,props:I}}export{de as Button,i as ButtonFrame,c as ButtonText,X as buttonStaticConfig,j as useButton};
+import { jsx } from "react/jsx-runtime";
+import { getFontSize } from "@tamagui/font-size";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { ThemeableStack } from "@tamagui/stacks";
+import { SizableText, wrapChildrenInText } from "@tamagui/text";
+import {
+  ButtonNestingContext,
+  getVariableValue,
+  isRSC,
+  spacedChildren,
+  styled,
+  themeable,
+  useMediaPropsActive
+} from "@tamagui/web";
+import { forwardRef, useContext } from "react";
+const NAME = "Button";
+const ButtonFrame = styled(ThemeableStack, {
+  name: NAME,
+  tag: "button",
+  justifyContent: "center",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  flexDirection: "row",
+  cursor: "pointer",
+  variants: {
+    defaultStyle: {
+      true: {
+        focusable: true,
+        hoverTheme: true,
+        pressTheme: true,
+        backgrounded: true,
+        borderWidth: 1,
+        borderColor: "transparent",
+        pressStyle: {
+          borderColor: "transparent"
+        },
+        hoverStyle: {
+          borderColor: "transparent"
+        },
+        focusStyle: {
+          borderColor: "$borderColorFocus"
+        }
+      }
+    },
+    size: {
+      "...size": getButtonSized
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$true"
+  }
+});
+const ButtonText = styled(SizableText, {
+  name: "ButtonText",
+  userSelect: "none",
+  cursor: "pointer",
+  // flexGrow 1 leads to inconsistent native style where text pushes to start of view
+  flexGrow: 0,
+  flexShrink: 1,
+  ellipse: true,
+  variants: {
+    defaultStyle: {
+      true: {
+        color: "$color"
+      }
+    }
+  }
+});
+const ButtonComponent = forwardRef(function Button(props, ref) {
+  const {
+    props: { unstyled, ...buttonProps }
+  } = useButton(props);
+  return /* @__PURE__ */ jsx(ButtonFrame, { defaultStyle: !unstyled, ...buttonProps, ref });
+});
+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"
+  ])
+};
+const Button2 = ButtonFrame.extractable(
+  themeable(ButtonComponent, ButtonFrame.staticConfig),
+  buttonStaticConfig
+);
+function useButton(propsIn, { Text = ButtonText } = { Text: ButtonText }) {
+  const {
+    children,
+    icon,
+    iconAfter,
+    noTextWrap,
+    theme: themeName,
+    space,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.66,
+    separator,
+    // text props
+    color,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    fontFamily,
+    fontStyle,
+    textAlign,
+    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 === ButtonText ? {
+      defaultStyle: !propsIn.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
+  };
+}
+export {
+  Button2 as Button,
+  ButtonFrame,
+  ButtonText,
+  buttonStaticConfig,
+  useButton
+};
 //# sourceMappingURL=Button.mjs.map

package/dist/esm/Button.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Button.tsx"],
   "sourcesContent": ["import { getFontSize } from '@tamagui/font-size'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { useGetThemedIcon } from '@tamagui/helpers-tamagui'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport { SizableText, TextParentStyles, wrapChildrenInText } from '@tamagui/text'\nimport {\n  ButtonNestingContext,\n  GetProps,\n  TamaguiElement,\n  ThemeableProps,\n  getVariableValue,\n  isRSC,\n  spacedChildren,\n  styled,\n  themeable,\n  useMediaPropsActive,\n} from '@tamagui/web'\nimport { FunctionComponent, forwardRef, useContext } from 'react'\n\ntype ButtonIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null\n\nexport type ButtonProps = Omit<TextParentStyles, 'TextComponent'> &\n  GetProps<typeof ButtonFrame> &\n  ThemeableProps & {\n    /**\n     * add icon before, passes color and size automatically if Component\n     */\n    icon?: IconProp\n    /**\n     * add icon after, passes color and size automatically if Component\n     */\n    iconAfter?: IconProp\n    /**\n     * adjust icon relative to size\n     *\n     * @default 1\n     */\n    scaleIcon?: number\n    /**\n     * make the spacing elements flex\n     */\n    spaceFlex?: number | boolean\n    /**\n     * adjust internal space relative to icon size\n     */\n    scaleSpace?: number\n    /**\n     *\n     */\n    unstyled?: boolean\n  }\n\nconst NAME = 'Button'\n\nexport const ButtonFrame = styled(ThemeableStack, {\n  name: NAME,\n  tag: 'button',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  flexDirection: 'row',\n  cursor: 'pointer',\n\n  variants: {\n    defaultStyle: {\n      true: {\n        focusable: true,\n        hoverTheme: true,\n        pressTheme: true,\n        backgrounded: true,\n        borderWidth: 1,\n        borderColor: 'transparent',\n\n        pressStyle: {\n          borderColor: 'transparent',\n        },\n\n        hoverStyle: {\n          borderColor: 'transparent',\n        },\n\n        focusStyle: {\n          borderColor: '$borderColorFocus',\n        },\n      },\n    },\n\n    size: {\n      '...size': getButtonSized,\n    },\n\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    disabled: {\n      true: {\n        pointerEvents: 'none',\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const ButtonText = styled(SizableText, {\n  name: 'ButtonText',\n  userSelect: 'none',\n  cursor: 'pointer',\n  // flexGrow 1 leads to inconsistent native style where text pushes to start of view\n  flexGrow: 0,\n  flexShrink: 1,\n  ellipse: true,\n\n  variants: {\n    defaultStyle: {\n      true: {\n        color: '$color',\n      },\n    },\n  },\n})\n\nconst ButtonComponent = forwardRef<TamaguiElement, ButtonProps>(function Button(\n  props,\n  ref\n) {\n  const {\n    props: { unstyled, ...buttonProps },\n  } = useButton(props)\n  return <ButtonFrame defaultStyle={!unstyled} {...buttonProps} ref={ref} />\n})\n\nexport const buttonStaticConfig = {\n  inlineProps: new Set([\n    // text props go here (can't really optimize them, but we never fully extract button anyway)\n    // may be able to remove this entirely, as the compiler / runtime have gotten better\n    'color',\n    'fontWeight',\n    'fontSize',\n    'fontFamily',\n    'fontStyle',\n    'letterSpacing',\n    'textAlign',\n    'unstyled',\n  ]),\n}\n\nexport const Button = ButtonFrame.extractable(\n  themeable(ButtonComponent, ButtonFrame.staticConfig),\n  buttonStaticConfig\n)\n\nexport function useButton(\n  propsIn: ButtonProps,\n  { Text = ButtonText }: { Text: any } = { Text: ButtonText }\n) {\n  // careful not to desctructure and re-order props, order is important\n  const {\n    children,\n    icon,\n    iconAfter,\n    noTextWrap,\n    theme: themeName,\n    space,\n    spaceFlex,\n    scaleIcon = 1,\n    scaleSpace = 0.66,\n    separator,\n\n    // text props\n    color,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    fontStyle,\n    textAlign,\n    textProps,\n\n    ...rest\n  } = propsIn\n\n  const isNested = isRSC ? false : useContext(ButtonNestingContext)\n  const propsActive = useMediaPropsActive(propsIn)\n  const size = propsActive.size || '$true'\n  const iconSize = (typeof size === 'number' ? size * 0.5 : getFontSize(size)) * scaleIcon\n  const getThemedIcon = useGetThemedIcon({ size: iconSize, color })\n  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon)\n  const spaceSize = propsActive.space ?? getVariableValue(iconSize) * scaleSpace\n  const contents = wrapChildrenInText(\n    Text,\n    propsActive,\n    Text === ButtonText\n      ? {\n          defaultStyle: !propsIn.unstyled,\n        }\n      : undefined\n  )\n  const inner = spacedChildren({\n    // a bit arbitrary but scaling to font size is necessary so long as button does\n    space: spaceSize,\n    spaceFlex,\n    separator,\n    direction:\n      propsActive.flexDirection === 'column' ||\n      propsActive.flexDirection === 'column-reverse'\n        ? 'vertical'\n        : 'horizontal',\n    children: [themedIcon, ...contents, themedIconAfter],\n  })\n\n  // fixes SSR issue + DOM nesting issue of not allowing button in button\n  const tag = isNested\n    ? 'span'\n    : // defaults to <a /> when accessibilityRole = link\n    // see https://github.com/tamagui/tamagui/issues/505\n    propsIn.accessibilityRole === 'link'\n    ? 'a'\n    : undefined\n\n  const props = {\n    ...(propsActive.disabled && {\n      // in rnw - false still has keyboard tabIndex, undefined = not actually focusable\n      focusable: undefined,\n      // even with tabIndex unset, it will keep focusStyle on web so disable it here\n      focusStyle: {\n        borderColor: '$background',\n      },\n    }),\n    tag,\n    ...rest,\n    children: isRSC ? (\n      inner\n    ) : (\n      <ButtonNestingContext.Provider value={true}>{inner}</ButtonNestingContext.Provider>\n    ),\n  }\n\n  return {\n    spaceSize,\n    isNested,\n    props,\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "getFontSize", "getButtonSized", "useGetThemedIcon", "ThemeableStack", "SizableText", "wrapChildrenInText", "ButtonNestingContext", "getVariableValue", "isRSC", "spacedChildren", "styled", "themeable", "useMediaPropsActive", "forwardRef", "useContext", "NAME", "ButtonFrame", "ButtonText", "ButtonComponent", "props", "ref", "unstyled", "buttonProps", "useButton", "buttonStaticConfig", "Button", "propsIn", "Text", "children", "icon", "iconAfter", "noTextWrap", "themeName", "space", "spaceFlex", "scaleIcon", "scaleSpace", "separator", "color", "fontWeight", "letterSpacing", "fontSize", "fontFamily", "fontStyle", "textAlign", "textProps", "rest", "isNested", "propsActive", "size", "iconSize", "getThemedIcon", "themedIcon", "themedIconAfter", "spaceSize", "contents", "inner", "tag"]
+  "mappings": "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",
+  "names": ["Button"]
 }

package/dist/esm/Button.test.js

@@ -1,2 +1,11 @@
-process.env.TAMAGUI_TARGET="web";import{getDefaultTamaguiConfig as r}from"@tamagui/config-default";import{createTamagui as t}from"@tamagui/core";import{describe as o,expect as e,test as m}from"vitest";const g=t(r());o("Button",()=>{m("123",()=>{e(!0).toBeTruthy()})});
+process.env.TAMAGUI_TARGET = "web";
+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();
+  });
+});
 //# sourceMappingURL=Button.test.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Button.test.tsx"],
   "sourcesContent": ["process.env.TAMAGUI_TARGET = 'web'\n\nimport { getDefaultTamaguiConfig } from '@tamagui/config-default'\nimport { TamaguiProvider, createTamagui } from '@tamagui/core'\nimport { render } from '@testing-library/react'\nimport { describe, expect, test } from 'vitest'\n\nimport { Button } from '.'\n\nconst conf = createTamagui(getDefaultTamaguiConfig())\n\ndescribe('Button', () => {\n  test(`123`, () => {\n    expect(true).toBeTruthy()\n  })\n\n  // test(`Adapts to a when given accessibilityRole=\"link\"`, async () => {\n  //   const { container } = render(\n  //     <TamaguiProvider config={conf} defaultTheme=\"light\">\n  //       <Button href=\"http://google.com\" accessibilityRole=\"link\" />\n  //     </TamaguiProvider>\n  //   )\n\n  //   expect(container.firstChild).toMatchSnapshot()\n  // })\n})\n"],
-  "mappings": "AAAA,QAAQ,IAAI,eAAiB,MAE7B,OAAS,2BAAAA,MAA+B,0BACxC,OAA0B,iBAAAC,MAAqB,gBAE/C,OAAS,YAAAC,EAAU,UAAAC,EAAQ,QAAAC,MAAY,SAIvC,MAAMC,EAAOJ,EAAcD,EAAwB,CAAC,EAEpDE,EAAS,SAAU,IAAM,CACvBE,EAAK,MAAO,IAAM,CAChBD,EAAO,EAAI,EAAE,WAAW,CAC1B,CAAC,CAWH,CAAC",
-  "names": ["getDefaultTamaguiConfig", "createTamagui", "describe", "expect", "test", "conf"]
+  "mappings": "AAAA,QAAQ,IAAI,iBAAiB;AAE7B,SAAS,+BAA+B;AACxC,SAA0B,qBAAqB;AAE/C,SAAS,UAAU,QAAQ,YAAY;AAIvC,MAAM,OAAO,cAAc,wBAAwB,CAAC;AAEpD,SAAS,UAAU,MAAM;AACvB,OAAK,OAAO,MAAM;AAChB,WAAO,IAAI,EAAE,WAAW;AAAA,EAC1B,CAAC;AAWH,CAAC;",
+  "names": []
 }

package/dist/esm/Button.test.mjs

@@ -1,2 +1,11 @@
-process.env.TAMAGUI_TARGET="web";import{getDefaultTamaguiConfig as r}from"@tamagui/config-default";import{createTamagui as t}from"@tamagui/core";import{describe as o,expect as e,test as m}from"vitest";const g=t(r());o("Button",()=>{m("123",()=>{e(!0).toBeTruthy()})});
+process.env.TAMAGUI_TARGET = "web";
+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();
+  });
+});
 //# sourceMappingURL=Button.test.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Button.test.tsx"],
   "sourcesContent": ["process.env.TAMAGUI_TARGET = 'web'\n\nimport { getDefaultTamaguiConfig } from '@tamagui/config-default'\nimport { TamaguiProvider, createTamagui } from '@tamagui/core'\nimport { render } from '@testing-library/react'\nimport { describe, expect, test } from 'vitest'\n\nimport { Button } from '.'\n\nconst conf = createTamagui(getDefaultTamaguiConfig())\n\ndescribe('Button', () => {\n  test(`123`, () => {\n    expect(true).toBeTruthy()\n  })\n\n  // test(`Adapts to a when given accessibilityRole=\"link\"`, async () => {\n  //   const { container } = render(\n  //     <TamaguiProvider config={conf} defaultTheme=\"light\">\n  //       <Button href=\"http://google.com\" accessibilityRole=\"link\" />\n  //     </TamaguiProvider>\n  //   )\n\n  //   expect(container.firstChild).toMatchSnapshot()\n  // })\n})\n"],
-  "mappings": "AAAA,QAAQ,IAAI,eAAiB,MAE7B,OAAS,2BAAAA,MAA+B,0BACxC,OAA0B,iBAAAC,MAAqB,gBAE/C,OAAS,YAAAC,EAAU,UAAAC,EAAQ,QAAAC,MAAY,SAIvC,MAAMC,EAAOJ,EAAcD,EAAwB,CAAC,EAEpDE,EAAS,SAAU,IAAM,CACvBE,EAAK,MAAO,IAAM,CAChBD,EAAO,EAAI,EAAE,WAAW,CAC1B,CAAC,CAWH,CAAC",
-  "names": ["getDefaultTamaguiConfig", "createTamagui", "describe", "expect", "test", "conf"]
+  "mappings": "AAAA,QAAQ,IAAI,iBAAiB;AAE7B,SAAS,+BAA+B;AACxC,SAA0B,qBAAqB;AAE/C,SAAS,UAAU,QAAQ,YAAY;AAIvC,MAAM,OAAO,cAAc,wBAAwB,CAAC;AAEpD,SAAS,UAAU,MAAM;AACvB,OAAK,OAAO,MAAM;AAChB,WAAO,IAAI,EAAE,WAAW;AAAA,EAC1B,CAAC;AAWH,CAAC;",
+  "names": []
 }

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Button'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Button'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/jsx/Button.js

@@ -1,2 +1,181 @@
-import{getFontSize as R}from"@tamagui/font-size";import{getButtonSized as V}from"@tamagui/get-button-sized";import{useGetThemedIcon as M}from"@tamagui/helpers-tamagui";import{ThemeableStack as j}from"@tamagui/stacks";import{SizableText as J,wrapChildrenInText as O}from"@tamagui/text";import{ButtonNestingContext as T,getVariableValue as X,isRSC as B,spacedChildren as q,styled as z,themeable as H,useMediaPropsActive as K}from"@tamagui/web";import{forwardRef as L,useContext as Q}from"react";const U="Button",S=z(j,{name:U,tag:"button",justifyContent:"center",alignItems:"center",flexWrap:"nowrap",flexDirection:"row",cursor:"pointer",variants:{defaultStyle:{true:{focusable:!0,hoverTheme:!0,pressTheme:!0,backgrounded:!0,borderWidth:1,borderColor:"transparent",pressStyle:{borderColor:"transparent"},hoverStyle:{borderColor:"transparent"},focusStyle:{borderColor:"$borderColorFocus"}}},size:{"...size":V},active:{true:{hoverStyle:{backgroundColor:"$background"}}},disabled:{true:{pointerEvents:"none"}}},defaultVariants:{size:"$true"}}),x=z(J,{name:"ButtonText",userSelect:"none",cursor:"pointer",flexGrow:0,flexShrink:1,ellipse:!0,variants:{defaultStyle:{true:{color:"$color"}}}}),Y=L(function(o,y){const{props:{unstyled:n,...r}}=_(o);return<S defaultStyle={!n}{...r}ref={y}/>}),Z={inlineProps:new Set(["color","fontWeight","fontSize","fontFamily","fontStyle","letterSpacing","textAlign","unstyled"])},Pe=S.extractable(H(Y,S.staticConfig),Z);function _(t,{Text:o=x}={Text:x}){const{children:y,icon:n,iconAfter:r,noTextWrap:ee,theme:te,space:oe,spaceFlex:v,scaleIcon:F=1,scaleSpace:I=.66,separator:A,color:k,fontWeight:ne,letterSpacing:re,fontSize:se,fontFamily:ie,fontStyle:ce,textAlign:le,textProps:ae,...w}=t,h=B?!1:Q(T),e=K(t),s=e.size||"$true",g=(typeof s=="number"?s*.5:R(s))*F,$=M({size:g,color:k}),[E,N]=[n,r].map($),C=e.space??X(g)*I,W=O(o,e,o===x?{defaultStyle:!t.unstyled}:void 0),P=q({space:C,spaceFlex:v,separator:A,direction:e.flexDirection==="column"||e.flexDirection==="column-reverse"?"vertical":"horizontal",children:[E,...W,N]}),G=h?"span":t.accessibilityRole==="link"?"a":void 0,D={...e.disabled&&{focusable:void 0,focusStyle:{borderColor:"$background"}},tag:G,...w,children:B?P:<T.Provider value={!0}>{P}</T.Provider>};return{spaceSize:C,isNested:h,props:D}}export{Pe as Button,S as ButtonFrame,x as ButtonText,Z as buttonStaticConfig,_ as useButton};
+import { getFontSize } from "@tamagui/font-size";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { ThemeableStack } from "@tamagui/stacks";
+import { SizableText, wrapChildrenInText } from "@tamagui/text";
+import {
+  ButtonNestingContext,
+  getVariableValue,
+  isRSC,
+  spacedChildren,
+  styled,
+  themeable,
+  useMediaPropsActive
+} from "@tamagui/web";
+import { forwardRef, useContext } from "react";
+const NAME = "Button";
+const ButtonFrame = styled(ThemeableStack, {
+  name: NAME,
+  tag: "button",
+  justifyContent: "center",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  flexDirection: "row",
+  cursor: "pointer",
+  variants: {
+    defaultStyle: {
+      true: {
+        focusable: true,
+        hoverTheme: true,
+        pressTheme: true,
+        backgrounded: true,
+        borderWidth: 1,
+        borderColor: "transparent",
+        pressStyle: {
+          borderColor: "transparent"
+        },
+        hoverStyle: {
+          borderColor: "transparent"
+        },
+        focusStyle: {
+          borderColor: "$borderColorFocus"
+        }
+      }
+    },
+    size: {
+      "...size": getButtonSized
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$true"
+  }
+});
+const ButtonText = styled(SizableText, {
+  name: "ButtonText",
+  userSelect: "none",
+  cursor: "pointer",
+  // flexGrow 1 leads to inconsistent native style where text pushes to start of view
+  flexGrow: 0,
+  flexShrink: 1,
+  ellipse: true,
+  variants: {
+    defaultStyle: {
+      true: {
+        color: "$color"
+      }
+    }
+  }
+});
+const ButtonComponent = forwardRef(function Button(props, ref) {
+  const {
+    props: { unstyled, ...buttonProps }
+  } = useButton(props);
+  return <ButtonFrame defaultStyle={!unstyled} {...buttonProps} ref={ref} />;
+});
+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"
+  ])
+};
+const Button2 = ButtonFrame.extractable(
+  themeable(ButtonComponent, ButtonFrame.staticConfig),
+  buttonStaticConfig
+);
+function useButton(propsIn, { Text = ButtonText } = { Text: ButtonText }) {
+  const {
+    children,
+    icon,
+    iconAfter,
+    noTextWrap,
+    theme: themeName,
+    space,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.66,
+    separator,
+    // text props
+    color,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    fontFamily,
+    fontStyle,
+    textAlign,
+    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 === ButtonText ? {
+      defaultStyle: !propsIn.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
+  };
+}
+export {
+  Button2 as Button,
+  ButtonFrame,
+  ButtonText,
+  buttonStaticConfig,
+  useButton
+};
 //# sourceMappingURL=Button.js.map

package/dist/jsx/Button.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Button.tsx"],
   "sourcesContent": ["import { getFontSize } from '@tamagui/font-size'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { useGetThemedIcon } from '@tamagui/helpers-tamagui'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport { SizableText, TextParentStyles, wrapChildrenInText } from '@tamagui/text'\nimport {\n  ButtonNestingContext,\n  GetProps,\n  TamaguiElement,\n  ThemeableProps,\n  getVariableValue,\n  isRSC,\n  spacedChildren,\n  styled,\n  themeable,\n  useMediaPropsActive,\n} from '@tamagui/web'\nimport { FunctionComponent, forwardRef, useContext } from 'react'\n\ntype ButtonIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null\n\nexport type ButtonProps = Omit<TextParentStyles, 'TextComponent'> &\n  GetProps<typeof ButtonFrame> &\n  ThemeableProps & {\n    /**\n     * add icon before, passes color and size automatically if Component\n     */\n    icon?: IconProp\n    /**\n     * add icon after, passes color and size automatically if Component\n     */\n    iconAfter?: IconProp\n    /**\n     * adjust icon relative to size\n     *\n     * @default 1\n     */\n    scaleIcon?: number\n    /**\n     * make the spacing elements flex\n     */\n    spaceFlex?: number | boolean\n    /**\n     * adjust internal space relative to icon size\n     */\n    scaleSpace?: number\n    /**\n     *\n     */\n    unstyled?: boolean\n  }\n\nconst NAME = 'Button'\n\nexport const ButtonFrame = styled(ThemeableStack, {\n  name: NAME,\n  tag: 'button',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  flexDirection: 'row',\n  cursor: 'pointer',\n\n  variants: {\n    defaultStyle: {\n      true: {\n        focusable: true,\n        hoverTheme: true,\n        pressTheme: true,\n        backgrounded: true,\n        borderWidth: 1,\n        borderColor: 'transparent',\n\n        pressStyle: {\n          borderColor: 'transparent',\n        },\n\n        hoverStyle: {\n          borderColor: 'transparent',\n        },\n\n        focusStyle: {\n          borderColor: '$borderColorFocus',\n        },\n      },\n    },\n\n    size: {\n      '...size': getButtonSized,\n    },\n\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    disabled: {\n      true: {\n        pointerEvents: 'none',\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const ButtonText = styled(SizableText, {\n  name: 'ButtonText',\n  userSelect: 'none',\n  cursor: 'pointer',\n  // flexGrow 1 leads to inconsistent native style where text pushes to start of view\n  flexGrow: 0,\n  flexShrink: 1,\n  ellipse: true,\n\n  variants: {\n    defaultStyle: {\n      true: {\n        color: '$color',\n      },\n    },\n  },\n})\n\nconst ButtonComponent = forwardRef<TamaguiElement, ButtonProps>(function Button(\n  props,\n  ref\n) {\n  const {\n    props: { unstyled, ...buttonProps },\n  } = useButton(props)\n  return <ButtonFrame defaultStyle={!unstyled} {...buttonProps} ref={ref} />\n})\n\nexport const buttonStaticConfig = {\n  inlineProps: new Set([\n    // text props go here (can't really optimize them, but we never fully extract button anyway)\n    // may be able to remove this entirely, as the compiler / runtime have gotten better\n    'color',\n    'fontWeight',\n    'fontSize',\n    'fontFamily',\n    'fontStyle',\n    'letterSpacing',\n    'textAlign',\n    'unstyled',\n  ]),\n}\n\nexport const Button = ButtonFrame.extractable(\n  themeable(ButtonComponent, ButtonFrame.staticConfig),\n  buttonStaticConfig\n)\n\nexport function useButton(\n  propsIn: ButtonProps,\n  { Text = ButtonText }: { Text: any } = { Text: ButtonText }\n) {\n  // careful not to desctructure and re-order props, order is important\n  const {\n    children,\n    icon,\n    iconAfter,\n    noTextWrap,\n    theme: themeName,\n    space,\n    spaceFlex,\n    scaleIcon = 1,\n    scaleSpace = 0.66,\n    separator,\n\n    // text props\n    color,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    fontStyle,\n    textAlign,\n    textProps,\n\n    ...rest\n  } = propsIn\n\n  const isNested = isRSC ? false : useContext(ButtonNestingContext)\n  const propsActive = useMediaPropsActive(propsIn)\n  const size = propsActive.size || '$true'\n  const iconSize = (typeof size === 'number' ? size * 0.5 : getFontSize(size)) * scaleIcon\n  const getThemedIcon = useGetThemedIcon({ size: iconSize, color })\n  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon)\n  const spaceSize = propsActive.space ?? getVariableValue(iconSize) * scaleSpace\n  const contents = wrapChildrenInText(\n    Text,\n    propsActive,\n    Text === ButtonText\n      ? {\n          defaultStyle: !propsIn.unstyled,\n        }\n      : undefined\n  )\n  const inner = spacedChildren({\n    // a bit arbitrary but scaling to font size is necessary so long as button does\n    space: spaceSize,\n    spaceFlex,\n    separator,\n    direction:\n      propsActive.flexDirection === 'column' ||\n      propsActive.flexDirection === 'column-reverse'\n        ? 'vertical'\n        : 'horizontal',\n    children: [themedIcon, ...contents, themedIconAfter],\n  })\n\n  // fixes SSR issue + DOM nesting issue of not allowing button in button\n  const tag = isNested\n    ? 'span'\n    : // defaults to <a /> when accessibilityRole = link\n    // see https://github.com/tamagui/tamagui/issues/505\n    propsIn.accessibilityRole === 'link'\n    ? 'a'\n    : undefined\n\n  const props = {\n    ...(propsActive.disabled && {\n      // in rnw - false still has keyboard tabIndex, undefined = not actually focusable\n      focusable: undefined,\n      // even with tabIndex unset, it will keep focusStyle on web so disable it here\n      focusStyle: {\n        borderColor: '$background',\n      },\n    }),\n    tag,\n    ...rest,\n    children: isRSC ? (\n      inner\n    ) : (\n      <ButtonNestingContext.Provider value={true}>{inner}</ButtonNestingContext.Provider>\n    ),\n  }\n\n  return {\n    spaceSize,\n    isNested,\n    props,\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["getFontSize", "getButtonSized", "useGetThemedIcon", "ThemeableStack", "SizableText", "wrapChildrenInText", "ButtonNestingContext", "getVariableValue", "isRSC", "spacedChildren", "styled", "themeable", "useMediaPropsActive", "forwardRef", "useContext", "NAME", "ButtonFrame", "ButtonText", "ButtonComponent", "props", "ref", "unstyled", "buttonProps", "useButton", "buttonStaticConfig", "Button", "propsIn", "Text", "children", "icon", "iconAfter", "noTextWrap", "themeName", "space", "spaceFlex", "scaleIcon", "scaleSpace", "separator", "color", "fontWeight", "letterSpacing", "fontSize", "fontFamily", "fontStyle", "textAlign", "textProps", "rest", "isNested", "propsActive", "size", "iconSize", "getThemedIcon", "themedIcon", "themedIconAfter", "spaceSize", "contents", "inner", "tag"]
+  "mappings": "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",
+  "names": ["Button"]
 }