@tamagui/button 1.13.3 → 1.14.0

package/dist/cjs/Button.js

@@ -1,202 +1,2 @@
-"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 Button_exports = {};
-__export(Button_exports, {
-  Button: () => Button2,
-  ButtonFrame: () => ButtonFrame,
-  ButtonText: () => ButtonText,
-  buttonStaticConfig: () => buttonStaticConfig,
-  useButton: () => useButton
-});
-module.exports = __toCommonJS(Button_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-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_stacks = require("@tamagui/stacks");
-var import_text = require("@tamagui/text");
-var import_web = require("@tamagui/web");
-var import_react = require("react");
-const NAME = "Button";
-const ButtonFrame = (0, import_web.styled)(import_stacks.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": import_get_button_sized.getButtonSized
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "$true"
-  }
-});
-const ButtonText = (0, import_web.styled)(import_text.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 = (0, import_react.forwardRef)(function Button(props, ref) {
-  const {
-    props: { unstyled, ...buttonProps }
-  } = useButton(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.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(
-  (0, import_web.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 = 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 === ButtonText ? {
-      defaultStyle: !propsIn.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
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button,
-  ButtonFrame,
-  ButtonText,
-  buttonStaticConfig,
-  useButton
-});
+"use strict";var m=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var V=(o,t)=>{for(var r in t)m(o,r,{get:t[r],enumerable:!0})},M=(o,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of D(t))!R.call(o,n)&&n!==r&&m(o,n,{get:()=>t[n],enumerable:!(s=G(t,n))||s.enumerable});return o};var J=o=>M(m({},"__esModule",{value:!0}),o);var q={};V(q,{Button:()=>j,ButtonFrame:()=>c,ButtonText:()=>l,buttonStaticConfig:()=>P,useButton:()=>T});module.exports=J(q);var d=require("react/jsx-runtime"),y=require("@tamagui/font-size"),h=require("@tamagui/get-button-sized"),g=require("@tamagui/helpers-tamagui"),C=require("@tamagui/stacks"),a=require("@tamagui/text"),e=require("@tamagui/web"),u=require("react");const O="Button",c=(0,e.styled)(C.ThemeableStack,{name:O,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":h.getButtonSized},active:{true:{hoverStyle:{backgroundColor:"$background"}}},disabled:{true:{pointerEvents:"none"}}},defaultVariants:{size:"$true"}}),l=(0,e.styled)(a.SizableText,{name:"ButtonText",userSelect:"none",cursor:"pointer",flexGrow:0,flexShrink:1,ellipse:!0,variants:{defaultStyle:{true:{color:"$color"}}}}),X=(0,u.forwardRef)(function(t,r){const{props:{unstyled:s,...n}}=T(t);return(0,d.jsx)(c,{defaultStyle:!s,...n,ref:r})}),P={inlineProps:new Set(["color","fontWeight","fontSize","fontFamily","fontStyle","letterSpacing","textAlign","unstyled"])},j=c.extractable((0,e.themeable)(X,c.staticConfig),P);function T(o,{Text:t=l}={Text:l}){const{children:r,icon:s,iconAfter:n,noTextWrap:H,theme:K,space:L,spaceFlex:B,scaleIcon:z=1,scaleSpace:v=.66,separator:F,color:I,fontWeight:Q,letterSpacing:U,fontSize:Y,fontFamily:Z,fontStyle:_,textAlign:ee,textProps:te,...A}=o,f=e.isRSC?!1:(0,u.useContext)(e.ButtonNestingContext),i=(0,e.useMediaPropsActive)(o),p=i.size||"$true",b=(typeof p=="number"?p*.5:(0,y.getFontSize)(p))*z,k=(0,g.useGetThemedIcon)({size:b,color:I}),[w,$]=[s,n].map(k),S=i.space??(0,e.getVariableValue)(b)*v,E=(0,a.wrapChildrenInText)(t,i,t===l?{defaultStyle:!o.unstyled}:void 0),x=(0,e.spacedChildren)({space:S,spaceFlex:B,separator:F,direction:i.flexDirection==="column"||i.flexDirection==="column-reverse"?"vertical":"horizontal",children:[w,...E,$]}),N=f?"span":o.accessibilityRole==="link"?"a":void 0,W={...i.disabled&&{focusable:void 0,focusStyle:{borderColor:"$background"}},tag:N,...A,children:e.isRSC?x:(0,d.jsx)(e.ButtonNestingContext.Provider,{value:!0,children:x})};return{spaceSize:S,isNested:f,props:W}}0&&(module.exports={Button,ButtonFrame,ButtonText,buttonStaticConfig,useButton});
 //# sourceMappingURL=Button.js.map

package/dist/cjs/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": ["Button"]
+  "mappings": "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",
+  "names": ["Button_exports", "__export", "Button", "ButtonFrame", "ButtonText", "buttonStaticConfig", "useButton", "__toCommonJS", "import_jsx_runtime", "import_font_size", "import_get_button_sized", "import_helpers_tamagui", "import_stacks", "import_text", "import_web", "import_react", "NAME", "ButtonComponent", "props", "ref", "unstyled", "buttonProps", "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"]
 }

package/dist/cjs/Button.test.js

@@ -1,12 +1,2 @@
-"use strict";
-var import_config_default = require("@tamagui/config-default");
-var import_core = require("@tamagui/core");
-var import_vitest = require("vitest");
-process.env.TAMAGUI_TARGET = "web";
-const conf = (0, import_core.createTamagui)((0, import_config_default.getDefaultTamaguiConfig)());
-(0, import_vitest.describe)("Button", () => {
-  (0, import_vitest.test)(`123`, () => {
-    (0, import_vitest.expect)(true).toBeTruthy();
-  });
-});
+"use strict";var t=require("@tamagui/config-default"),o=require("@tamagui/core"),r=require("vitest");process.env.TAMAGUI_TARGET="web";const u=(0,o.createTamagui)((0,t.getDefaultTamaguiConfig)());(0,r.describe)("Button",()=>{(0,r.test)("123",()=>{(0,r.expect)(!0).toBeTruthy()})});
 //# sourceMappingURL=Button.test.js.map

package/dist/cjs/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": ";AAEA,4BAAwC;AACxC,kBAA+C;AAE/C,oBAAuC;AALvC,QAAQ,IAAI,iBAAiB;AAS7B,MAAM,WAAO,+BAAc,+CAAwB,CAAC;AAAA,IAEpD,wBAAS,UAAU,MAAM;AACvB,0BAAK,OAAO,MAAM;AAChB,8BAAO,IAAI,EAAE,WAAW;AAAA,EAC1B,CAAC;AAWH,CAAC;",
-  "names": []
+  "mappings": "aAEA,IAAAA,EAAwC,mCACxCC,EAA+C,yBAE/CC,EAAuC,kBALvC,QAAQ,IAAI,eAAiB,MAS7B,MAAMC,KAAO,oBAAc,2BAAwB,CAAC,KAEpD,YAAS,SAAU,IAAM,IACvB,QAAK,MAAO,IAAM,IAChB,UAAO,EAAI,EAAE,WAAW,CAC1B,CAAC,CAWH,CAAC",
+  "names": ["import_config_default", "import_core", "import_vitest", "conf"]
 }

package/dist/cjs/index.js

@@ -1,19 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./Button"), module.exports);
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./Button"),module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Button'\n"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;",
-  "names": []
+  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,oBAAd",
+  "names": ["src_exports", "__toCommonJS", "__reExport"]
 }

package/dist/esm/Button.js

@@ -1,182 +1,2 @@
-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
-};
+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};
 //# sourceMappingURL=Button.js.map

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