tamagui 1.0.1-beta.39 → 1.0.1-beta.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui",
-  "version": "1.0.1-beta.39",
+  "version": "1.0.1-beta.42",
   "sideEffects": [
     "*.css",
     "polyfills.ts"
@@ -28,27 +28,28 @@
     "@react-native-aria/focus": "^0.2.5",
     "@react-native-aria/overlays": "^0.3.2",
     "@react-native-community/blur": "^3.6.0",
-    "@tamagui/animate-presence": "^1.0.1-beta.39",
-    "@tamagui/button": "^1.0.1-beta.39",
-    "@tamagui/card": "^1.0.1-beta.39",
-    "@tamagui/compose-refs": "^1.0.1-beta.39",
-    "@tamagui/core": "^1.0.1-beta.39",
-    "@tamagui/create-context": "^1.0.1-beta.39",
+    "@tamagui/animate-presence": "^1.0.1-beta.42",
+    "@tamagui/button": "^1.0.1-beta.42",
+    "@tamagui/card": "^1.0.1-beta.42",
+    "@tamagui/compose-refs": "^1.0.1-beta.42",
+    "@tamagui/core": "^1.0.1-beta.42",
+    "@tamagui/create-context": "^1.0.1-beta.42",
     "@tamagui/expo-linear-gradient": "^11.2.8",
-    "@tamagui/fake-react-native": "^1.0.1-beta.39",
-    "@tamagui/font-size": "^1.0.1-beta.39",
-    "@tamagui/helpers": "^1.0.1-beta.39",
-    "@tamagui/popover": "^1.0.1-beta.39",
-    "@tamagui/popper": "^1.0.1-beta.39",
-    "@tamagui/progress": "^1.0.1-beta.39",
-    "@tamagui/separator": "^1.0.1-beta.39",
-    "@tamagui/slider": "^1.0.1-beta.39",
-    "@tamagui/stacks": "^1.0.1-beta.39",
-    "@tamagui/text": "^1.0.1-beta.39",
-    "@tamagui/tooltip": "^1.0.1-beta.39",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.39",
-    "@tamagui/use-debounce": "^1.0.1-beta.39",
-    "@tamagui/use-force-update": "^1.0.1-beta.39",
+    "@tamagui/fake-react-native": "^1.0.1-beta.42",
+    "@tamagui/font-size": "^1.0.1-beta.42",
+    "@tamagui/helpers": "^1.0.1-beta.42",
+    "@tamagui/popover": "^1.0.1-beta.42",
+    "@tamagui/popper": "^1.0.1-beta.42",
+    "@tamagui/progress": "^1.0.1-beta.42",
+    "@tamagui/select": "^1.0.1-beta.42",
+    "@tamagui/separator": "^1.0.1-beta.42",
+    "@tamagui/slider": "^1.0.1-beta.42",
+    "@tamagui/stacks": "^1.0.1-beta.42",
+    "@tamagui/text": "^1.0.1-beta.42",
+    "@tamagui/tooltip": "^1.0.1-beta.42",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.42",
+    "@tamagui/use-debounce": "^1.0.1-beta.42",
+    "@tamagui/use-force-update": "^1.0.1-beta.42",
     "expo-linear-gradient": "~11.0.3",
     "expo-modules-core": "^0.9.1",
     "react": "*",
@@ -59,7 +60,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.39",
+    "@tamagui/build": "^1.0.1-beta.42",
     "@types/node": "^16.11.9",
     "@types/react": "^17.0.35",
     "react-native-web": "^0.17.5"

package/dist/cjs/helpers/getFontSize.js

@@ -1,71 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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 getFontSize_exports = {};
-__export(getFontSize_exports, {
-  getFontSize: () => getFontSize,
-  getFontSizeToken: () => getFontSizeToken,
-  getFontSizeVariable: () => getFontSizeVariable
-});
-module.exports = __toCommonJS(getFontSize_exports);
-var import_core = require("@tamagui/core");
-const getFontSize = /* @__PURE__ */ __name((inSize, opts) => {
-  const res = getFontSizeVariable(inSize, opts);
-  if ((0, import_core.isVariable)(res)) {
-    return +res.val;
-  }
-  return res ? +res : 16;
-}, "getFontSize");
-const getFontSizeVariable = /* @__PURE__ */ __name((inSize, opts) => {
-  const token = getFontSizeToken(inSize, opts);
-  if (!token) {
-    return inSize;
-  }
-  const conf = (0, import_core.getConfig)();
-  return conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size[token];
-}, "getFontSizeVariable");
-const getFontSizeToken = /* @__PURE__ */ __name((inSize, opts) => {
-  if (typeof inSize === "number") {
-    return null;
-  }
-  const size = inSize || "$4";
-  const relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0;
-  const conf = (0, import_core.getConfig)();
-  const fontSize = conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size;
-  const sizeTokens = Object.keys(fontSize);
-  let foundIndex = sizeTokens.indexOf(size);
-  if (foundIndex === -1) {
-    if (size.endsWith(".5")) {
-      foundIndex = sizeTokens.indexOf(size.replace(".5", ""));
-    }
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (foundIndex === -1) {
-      console.warn("No font size found", inSize, opts, "in size tokens", sizeTokens);
-    }
-  }
-  const tokenIndex = Math.min(Math.max(0, foundIndex + relativeSize), sizeTokens.length - 1);
-  return sizeTokens[tokenIndex] ?? size;
-}, "getFontSizeToken");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getFontSize,
-  getFontSizeToken,
-  getFontSizeVariable
-});
-//# sourceMappingURL=getFontSize.js.map

package/dist/cjs/helpers/getFontSize.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/getFontSize.tsx"],
-  "sourcesContent": ["import { FontSizeTokens, FontTokens, getConfig, getTokens, isVariable } from '@tamagui/core'\n\ntype GetFontSizeOpts = {\n  relativeSize?: number\n  font?: FontTokens\n}\n\nexport const getFontSize = (\n  inSize: FontSizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n): number => {\n  const res = getFontSizeVariable(inSize, opts)\n  if (isVariable(res)) {\n    return +res.val\n  }\n  return res ? +res : 16\n}\n\nexport const getFontSizeVariable = (\n  inSize: FontSizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n) => {\n  const token = getFontSizeToken(inSize, opts)\n  if (!token) {\n    return inSize\n  }\n  const conf = getConfig()\n  return conf.fontsParsed[opts?.font || '$body'].size[token]\n}\n\nexport const getFontSizeToken = (\n  inSize: FontSizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n): FontSizeTokens | null => {\n  if (typeof inSize === 'number') {\n    return null\n  }\n  const size = inSize || '$4'\n  const relativeSize = opts?.relativeSize || 0\n  const conf = getConfig()\n  const fontSize = conf.fontsParsed[opts?.font || '$body'].size\n  const sizeTokens = Object.keys(fontSize)\n  let foundIndex = sizeTokens.indexOf(size)\n  if (foundIndex === -1) {\n    if (size.endsWith('.5')) {\n      foundIndex = sizeTokens.indexOf(size.replace('.5', ''))\n    }\n  }\n  if (process.env.NODE_ENV === 'development') {\n    if (foundIndex === -1) {\n      console.warn('No font size found', inSize, opts, 'in size tokens', sizeTokens)\n    }\n  }\n  const tokenIndex = Math.min(Math.max(0, foundIndex + relativeSize), sizeTokens.length - 1)\n  return (sizeTokens[tokenIndex] ?? size) as FontSizeTokens\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6E;AAOtE,MAAM,cAAc,wBACzB,QACA,SACW;AACX,QAAM,MAAM,oBAAoB,QAAQ,IAAI;AAC5C,MAAI,4BAAW,GAAG,GAAG;AACnB,WAAO,CAAC,IAAI;AAAA,EACd;AACA,SAAO,MAAM,CAAC,MAAM;AACtB,GAT2B;AAWpB,MAAM,sBAAsB,wBACjC,QACA,SACG;AACH,QAAM,QAAQ,iBAAiB,QAAQ,IAAI;AAC3C,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,OAAO,2BAAU;AACvB,SAAO,KAAK,YAAY,8BAAM,SAAQ,SAAS,KAAK;AACtD,GAVmC;AAY5B,MAAM,mBAAmB,wBAC9B,QACA,SAC0B;AAC1B,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,EACT;AACA,QAAM,OAAO,UAAU;AACvB,QAAM,eAAe,8BAAM,iBAAgB;AAC3C,QAAM,OAAO,2BAAU;AACvB,QAAM,WAAW,KAAK,YAAY,8BAAM,SAAQ,SAAS;AACzD,QAAM,aAAa,OAAO,KAAK,QAAQ;AACvC,MAAI,aAAa,WAAW,QAAQ,IAAI;AACxC,MAAI,eAAe,IAAI;AACrB,QAAI,KAAK,SAAS,IAAI,GAAG;AACvB,mBAAa,WAAW,QAAQ,KAAK,QAAQ,MAAM,EAAE,CAAC;AAAA,IACxD;AAAA,EACF;AACA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,eAAe,IAAI;AACrB,cAAQ,KAAK,sBAAsB,QAAQ,MAAM,kBAAkB,UAAU;AAAA,IAC/E;AAAA,EACF;AACA,QAAM,aAAa,KAAK,IAAI,KAAK,IAAI,GAAG,aAAa,YAAY,GAAG,WAAW,SAAS,CAAC;AACzF,SAAQ,WAAW,eAAe;AACpC,GAzBgC;",
-  "names": []
-}

package/dist/cjs/views/Button.js

@@ -1,241 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Button_exports = {};
-__export(Button_exports, {
-  Button: () => Button
-});
-module.exports = __toCommonJS(Button_exports);
-var import_core = require("@tamagui/core");
-var import_stacks = require("@tamagui/stacks");
-var import_text = require("@tamagui/text");
-var import_react = __toESM(require("react"));
-var import_getFontSize = require("../helpers/getFontSize");
-import_react.default["createElement"];
-const ButtonFrame = (0, import_core.styled)(import_stacks.SizableStack, {
-  name: "Button",
-  tag: "button",
-  size: "$4",
-  borderWidth: 0,
-  borderColor: "$borderColor",
-  justifyContent: "center",
-  alignItems: "center",
-  flexWrap: "nowrap",
-  hoverable: true,
-  pressable: true,
-  cursor: "pointer",
-  variants: {
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    },
-    circular: {
-      true: (_, extras) => {
-        const { props } = extras;
-        const sizeVal = props.size ?? "$4";
-        const scale = (0, import_core.getSizeScaledToFont)(sizeVal, import_core.buttonScaling, extras);
-        const size = scale.minHeight;
-        return {
-          width: size,
-          height: size,
-          maxWidth: size,
-          maxHeight: size,
-          minWidth: size,
-          minHeight: size,
-          borderRadius: 1e5,
-          paddingVertical: 0,
-          paddingHorizontal: 0
-        };
-      }
-    }
-  }
-});
-const ButtonComponent = (0, import_react.forwardRef)((props, ref) => {
-  const _a = props, {
-    children,
-    icon,
-    iconAfter,
-    noTextWrap,
-    theme: themeName,
-    space,
-    spaceFlex,
-    scaleIcon = 1,
-    scaleSpace = 0.5,
-    color: colorProp,
-    fontWeight,
-    letterSpacing,
-    fontSize,
-    fontFamily,
-    textAlign,
-    textProps
-  } = _a, rest = __objRest(_a, [
-    "children",
-    "icon",
-    "iconAfter",
-    "noTextWrap",
-    "theme",
-    "space",
-    "spaceFlex",
-    "scaleIcon",
-    "scaleSpace",
-    "color",
-    "fontWeight",
-    "letterSpacing",
-    "fontSize",
-    "fontFamily",
-    "textAlign",
-    "textProps"
-  ]);
-  const isInsideButton = (0, import_react.useContext)(import_core.ButtonInsideButtonContext);
-  const theme = (0, import_core.useTheme)();
-  const size = props.size || "$4";
-  let color;
-  if (theme && colorProp && colorProp in theme) {
-    color = theme[colorProp];
-  } else if (colorProp) {
-    color = colorProp;
-  } else {
-    color = theme == null ? void 0 : theme.color;
-  }
-  color = color == null ? void 0 : color.toString();
-  const iconSize = (0, import_getFontSize.getFontSize)(size) * scaleIcon;
-  const addTheme = /* @__PURE__ */ __name((el) => {
-    if ((0, import_react.isValidElement)(el)) {
-      return el;
-    }
-    if (el) {
-      return import_react.default.createElement(el, {
-        color,
-        size: iconSize
-      });
-    }
-    return el;
-  }, "addTheme");
-  const themedIcon = icon ? addTheme(icon) : null;
-  const themedIconAfter = iconAfter ? addTheme(iconAfter) : null;
-  let contents = children;
-  if (!noTextWrap && children) {
-    let concatStringChildren = function() {
-      if (!lastIsString)
-        return;
-      const index = nextChildren.length - 1;
-      const childrenStrings = nextChildren[index];
-      nextChildren[index] = /* @__PURE__ */ import_react.default.createElement(import_text.SizableText, __spreadValues(__spreadProps(__spreadValues(__spreadValues({
-        key: index
-      }, {
-        fontWeight,
-        letterSpacing,
-        fontSize,
-        fontFamily,
-        textAlign,
-        size
-      }), colorProp && {
-        color: colorProp
-      }), {
-        flexGrow: 1,
-        flexShrink: 1,
-        ellipse: true
-      }), textProps), childrenStrings);
-    };
-    __name(concatStringChildren, "concatStringChildren");
-    let allChildren = import_react.default.Children.toArray(children);
-    let nextChildren = [];
-    let lastIsString = false;
-    for (const child of allChildren) {
-      const last = nextChildren[nextChildren.length - 1];
-      const isString = typeof child === "string";
-      if (isString) {
-        if (lastIsString) {
-          last.push(child);
-        } else {
-          nextChildren.push([child]);
-        }
-      } else {
-        concatStringChildren();
-        nextChildren.push(child);
-      }
-      lastIsString = isString;
-    }
-    concatStringChildren();
-    contents = nextChildren;
-  }
-  return /* @__PURE__ */ import_react.default.createElement(import_core.ButtonInsideButtonContext.Provider, {
-    value: true
-  }, /* @__PURE__ */ import_react.default.createElement(ButtonFrame, __spreadValues(__spreadProps(__spreadValues({
-    fontFamily
-  }, isInsideButton && {
-    tag: "span"
-  }), {
-    ref
-  }), rest), themedIcon || themedIconAfter ? (0, import_core.spacedChildren)({
-    space: (0, import_core.getVariableValue)(iconSize) * scaleSpace,
-    spaceFlex,
-    direction: props.flexDirection || "row",
-    children: [themedIcon, contents, themedIconAfter]
-  }) : contents));
-});
-const Button = ButtonFrame.extractable((0, import_core.themeable)(ButtonComponent), {
-  inlineProps: /* @__PURE__ */ new Set([
-    "color",
-    "fontWeight",
-    "fontSize",
-    "fontFamily",
-    "letterSpacing",
-    "textAlign"
-  ])
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});
-//# sourceMappingURL=Button.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/Button.tsx"],
-  "sourcesContent": ["import {\n  ButtonInsideButtonContext,\n  GetProps,\n  ReactComponentWithRef,\n  SizeTokens,\n  ThemeableProps,\n  buttonScaling,\n  getButtonSize,\n  getSizeScaledToFont,\n  getVariableValue,\n  spacedChildren,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { SizableStack } from '@tamagui/stacks'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { FunctionComponent, forwardRef, isValidElement, useContext } from 'react'\nimport { View } from 'react-native'\n\nimport { getFontSize } from '../helpers/getFontSize'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\ntype ButtonIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null\n\nexport type ButtonProps = GetProps<typeof ButtonFrame> &\n  ThemeableProps & {\n    // add icon before, passes color and size automatically if Component\n    icon?: IconProp\n    // add icon after, passes color and size automatically if Component\n    iconAfter?: IconProp\n    // adjust icon relative to size\n    // default: -1\n    scaleIcon?: number\n    // dont wrap inner contents in a text element\n    noTextWrap?: boolean\n    // make the spacing elements flex\n    spaceFlex?: number | boolean\n    // adjust internal space relative to icon size\n    scaleSpace?: number\n\n    // pass text properties:\n    color?: SizableTextProps['color']\n    fontWeight?: SizableTextProps['fontWeight']\n    fontSize?: SizableTextProps['fontSize']\n    fontFamily?: SizableTextProps['fontFamily']\n    letterSpacing?: SizableTextProps['letterSpacing']\n    textAlign?: SizableTextProps['textAlign']\n\n    // all the other text controls\n    textProps?: Partial<SizableTextProps>\n  }\n\nconst ButtonFrame = styled(SizableStack, {\n  name: 'Button',\n  tag: 'button',\n  size: '$4',\n  borderWidth: 0,\n  borderColor: '$borderColor',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  hoverable: true,\n  pressable: true,\n\n  // TODO only on hoverable/pressable!\n  // would need to merge variants\n  cursor: 'pointer',\n\n  variants: {\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    circular: {\n      true: (_, extras) => {\n        const { props } = extras\n        const sizeVal = props.size ?? '$4'\n        const scale = getSizeScaledToFont(sizeVal, buttonScaling, extras)\n        const size = scale.minHeight\n        return {\n          width: size,\n          height: size,\n          maxWidth: size,\n          maxHeight: size,\n          minWidth: size,\n          minHeight: size,\n          borderRadius: 100_000,\n          paddingVertical: 0,\n          paddingHorizontal: 0,\n        }\n      },\n    },\n  },\n})\n\nconst ButtonComponent = forwardRef((props: ButtonProps, ref) => {\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.5,\n\n    // text props\n    color: colorProp,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    textAlign,\n    textProps,\n    ...rest\n  } = props as ButtonProps\n\n  const isInsideButton = useContext(ButtonInsideButtonContext)\n  const theme = useTheme()\n  const size = props.size || '$4'\n\n  // get color from prop or theme\n  let color: any\n  // @ts-expect-error\n  if (theme && colorProp && colorProp in theme) {\n    // @ts-expect-error\n    color = theme[colorProp]\n  } else if (colorProp) {\n    color = colorProp\n  } else {\n    color = theme?.color\n  }\n  color = color?.toString()\n\n  const iconSize = getFontSize(size) * scaleIcon\n\n  const addTheme = (el: any) => {\n    if (isValidElement(el)) {\n      return el\n    }\n    if (el) {\n      return React.createElement(el, {\n        color,\n        size: iconSize,\n      })\n    }\n    return el\n  }\n  const themedIcon = icon ? addTheme(icon) : null\n  const themedIconAfter = iconAfter ? addTheme(iconAfter) : null\n\n  let contents = children\n\n  if (!noTextWrap && children) {\n    // in the case of using variables, like so:\n    // <Button>Hello, {name}</Button>\n    // it gives us props.children as ['Hello, ', 'name']\n    // but we don't want to wrap multiple SizableText around each part\n    // so we group them\n    let allChildren = React.Children.toArray(children)\n    let nextChildren: any[] = []\n    let lastIsString = false\n\n    function concatStringChildren() {\n      if (!lastIsString) return\n      const index = nextChildren.length - 1\n      const childrenStrings = nextChildren[index]\n      nextChildren[index] = (\n        <SizableText\n          key={index}\n          {...{\n            fontWeight,\n            letterSpacing,\n            fontSize,\n            fontFamily,\n            textAlign,\n            size,\n          }}\n          {...(colorProp && {\n            color: colorProp,\n          })}\n          flexGrow={1}\n          flexShrink={1}\n          ellipse\n          {...textProps}\n        >\n          {childrenStrings}\n        </SizableText>\n      )\n    }\n\n    for (const child of allChildren) {\n      const last = nextChildren[nextChildren.length - 1]\n      const isString = typeof child === 'string'\n      if (isString) {\n        if (lastIsString) {\n          last.push(child)\n        } else {\n          nextChildren.push([child])\n        }\n      } else {\n        concatStringChildren()\n        nextChildren.push(child)\n      }\n      lastIsString = isString\n    }\n    concatStringChildren()\n\n    contents = nextChildren\n  }\n\n  return (\n    // careful not to desctructure and re-order props, order is important\n    <ButtonInsideButtonContext.Provider value={true}>\n      <ButtonFrame\n        fontFamily={fontFamily}\n        // fixes SSR issue + DOM nesting issue of not allowing button in button\n        {...(isInsideButton && {\n          tag: 'span',\n        })}\n        ref={ref as any}\n        {...rest}\n      >\n        {themedIcon || themedIconAfter\n          ? spacedChildren({\n              // a bit arbitrary but scaling to font size is necessary so long as button does\n              space: getVariableValue(iconSize) * scaleSpace,\n              spaceFlex,\n              direction: props.flexDirection || 'row',\n              children: [themedIcon, contents, themedIconAfter],\n            })\n          : contents}\n      </ButtonFrame>\n    </ButtonInsideButtonContext.Provider>\n  )\n})\n\nexport const Button: ReactComponentWithRef<ButtonProps, HTMLButtonElement | View> =\n  ButtonFrame.extractable(themeable(ButtonComponent as any) as any, {\n    inlineProps: new Set([\n      // text props go here (can't really optimize them, but we never fully extract button anyway)\n      'color',\n      'fontWeight',\n      'fontSize',\n      'fontFamily',\n      'letterSpacing',\n      'textAlign',\n    ]),\n  })\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/views/Card.js

@@ -1,69 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Card_exports = {};
-__export(Card_exports, {
-  Card: () => Card
-});
-module.exports = __toCommonJS(Card_exports);
-var import_core = require("@tamagui/core");
-var import_stacks = require("@tamagui/stacks");
-var import_react = __toESM(require("react"));
-import_react.default["createElement"];
-const getCardSize = (0, import_core.createGetStackSize)({ sizeX: 1, sizeY: 0.9 });
-const Card = (0, import_core.styled)(import_stacks.SizableStack, {
-  name: "Card",
-  alignItems: "flex-start",
-  flexDirection: "column",
-  backgroundColor: "$background",
-  overflow: "hidden",
-  variants: {
-    size: {
-      "...size": (size, extras) => {
-        const { tokens } = extras;
-        const token = tokens.size[size];
-        const sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
-        return __spreadValues(__spreadValues({}, getCardSize(size, extras)), (0, import_stacks.getSizedElevation)(sizeNum, extras));
-      }
-    }
-  },
-  defaultVariants: {
-    size: "$4"
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Card
-});
-//# sourceMappingURL=Card.js.map

package/dist/cjs/views/Card.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/Card.tsx"],
-  "sourcesContent": ["import { GetProps, createGetStackSize, isVariable, styled } from '@tamagui/core'\nimport { SizableStack, getSizedElevation } from '@tamagui/stacks'\nimport React from 'react'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst getCardSize = createGetStackSize({ sizeX: 1, sizeY: 0.9 })\n\nexport const Card = styled(SizableStack, {\n  name: 'Card',\n  alignItems: 'flex-start',\n  flexDirection: 'column',\n  backgroundColor: '$background',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (size, extras) => {\n        const { tokens } = extras\n        const token = tokens.size[size]\n        const sizeNum = isVariable(token) ? +token.val : size\n        return {\n          ...getCardSize(size, extras),\n          ...getSizedElevation(sizeNum, extras),\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type CardProps = GetProps<typeof Card>\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiE;AACjE,oBAAgD;AAChD,mBAAkB;AAGlB,qBAAM;AAEN,MAAM,cAAc,oCAAmB,EAAE,OAAO,GAAG,OAAO,IAAI,CAAC;AAExD,MAAM,OAAO,wBAAO,4BAAc;AAAA,EACvC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,MAAM,WAAW;AAC3B,cAAM,EAAE,WAAW;AACnB,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,UAAU,4BAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AACjD,eAAO,kCACF,YAAY,MAAM,MAAM,IACxB,qCAAkB,SAAS,MAAM;AAAA,MAExC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
-  "names": []
-}

package/dist/cjs/views/InteractiveContainer.js

@@ -1,39 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: 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 InteractiveContainer_exports = {};
-__export(InteractiveContainer_exports, {
-  InteractiveContainer: () => InteractiveContainer
-});
-module.exports = __toCommonJS(InteractiveContainer_exports);
-var import_core = require("@tamagui/core");
-const InteractiveContainer = (0, import_core.styled)(import_core.Stack, {
-  flexDirection: "row",
-  borderWidth: 1,
-  y: 0,
-  borderColor: "$borderColor",
-  overflow: "hidden",
-  borderRadius: "$3",
-  hoverStyle: {
-    borderColor: "$borderColorHover"
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  InteractiveContainer
-});
-//# sourceMappingURL=InteractiveContainer.js.map

package/dist/cjs/views/InteractiveContainer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/InteractiveContainer.tsx"],
-  "sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const InteractiveContainer = styled(Stack, {\n  flexDirection: 'row',\n  borderWidth: 1,\n  y: 0,\n  borderColor: '$borderColor',\n  overflow: 'hidden',\n  borderRadius: '$3',\n  hoverStyle: {\n    borderColor: '$borderColorHover',\n  },\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B;AAEvB,MAAM,uBAAuB,wBAAO,mBAAO;AAAA,EAChD,eAAe;AAAA,EACf,aAAa;AAAA,EACb,GAAG;AAAA,EACH,aAAa;AAAA,EACb,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AACF,CAAC;",
-  "names": []
-}

package/dist/esm/helpers/getFontSize.js

@@ -1,48 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getConfig, isVariable } from "@tamagui/core";
-const getFontSize = /* @__PURE__ */ __name((inSize, opts) => {
-  const res = getFontSizeVariable(inSize, opts);
-  if (isVariable(res)) {
-    return +res.val;
-  }
-  return res ? +res : 16;
-}, "getFontSize");
-const getFontSizeVariable = /* @__PURE__ */ __name((inSize, opts) => {
-  const token = getFontSizeToken(inSize, opts);
-  if (!token) {
-    return inSize;
-  }
-  const conf = getConfig();
-  return conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size[token];
-}, "getFontSizeVariable");
-const getFontSizeToken = /* @__PURE__ */ __name((inSize, opts) => {
-  var _a;
-  if (typeof inSize === "number") {
-    return null;
-  }
-  const size = inSize || "$4";
-  const relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0;
-  const conf = getConfig();
-  const fontSize = conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size;
-  const sizeTokens = Object.keys(fontSize);
-  let foundIndex = sizeTokens.indexOf(size);
-  if (foundIndex === -1) {
-    if (size.endsWith(".5")) {
-      foundIndex = sizeTokens.indexOf(size.replace(".5", ""));
-    }
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (foundIndex === -1) {
-      console.warn("No font size found", inSize, opts, "in size tokens", sizeTokens);
-    }
-  }
-  const tokenIndex = Math.min(Math.max(0, foundIndex + relativeSize), sizeTokens.length - 1);
-  return (_a = sizeTokens[tokenIndex]) != null ? _a : size;
-}, "getFontSizeToken");
-export {
-  getFontSize,
-  getFontSizeToken,
-  getFontSizeVariable
-};
-//# sourceMappingURL=getFontSize.js.map

package/dist/esm/helpers/getFontSize.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/getFontSize.tsx"],
-  "sourcesContent": ["import { FontSizeTokens, FontTokens, getConfig, getTokens, isVariable } from '@tamagui/core'\n\ntype GetFontSizeOpts = {\n  relativeSize?: number\n  font?: FontTokens\n}\n\nexport const getFontSize = (\n  inSize: FontSizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n): number => {\n  const res = getFontSizeVariable(inSize, opts)\n  if (isVariable(res)) {\n    return +res.val\n  }\n  return res ? +res : 16\n}\n\nexport const getFontSizeVariable = (\n  inSize: FontSizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n) => {\n  const token = getFontSizeToken(inSize, opts)\n  if (!token) {\n    return inSize\n  }\n  const conf = getConfig()\n  return conf.fontsParsed[opts?.font || '$body'].size[token]\n}\n\nexport const getFontSizeToken = (\n  inSize: FontSizeTokens | null | undefined,\n  opts?: GetFontSizeOpts\n): FontSizeTokens | null => {\n  if (typeof inSize === 'number') {\n    return null\n  }\n  const size = inSize || '$4'\n  const relativeSize = opts?.relativeSize || 0\n  const conf = getConfig()\n  const fontSize = conf.fontsParsed[opts?.font || '$body'].size\n  const sizeTokens = Object.keys(fontSize)\n  let foundIndex = sizeTokens.indexOf(size)\n  if (foundIndex === -1) {\n    if (size.endsWith('.5')) {\n      foundIndex = sizeTokens.indexOf(size.replace('.5', ''))\n    }\n  }\n  if (process.env.NODE_ENV === 'development') {\n    if (foundIndex === -1) {\n      console.warn('No font size found', inSize, opts, 'in size tokens', sizeTokens)\n    }\n  }\n  const tokenIndex = Math.min(Math.max(0, foundIndex + relativeSize), sizeTokens.length - 1)\n  return (sizeTokens[tokenIndex] ?? size) as FontSizeTokens\n}\n"],
-  "mappings": ";;AAAA;AAOO,MAAM,cAAc,wBACzB,QACA,SACW;AACX,QAAM,MAAM,oBAAoB,QAAQ,IAAI;AAC5C,MAAI,WAAW,GAAG,GAAG;AACnB,WAAO,CAAC,IAAI;AAAA,EACd;AACA,SAAO,MAAM,CAAC,MAAM;AACtB,GAT2B;AAWpB,MAAM,sBAAsB,wBACjC,QACA,SACG;AACH,QAAM,QAAQ,iBAAiB,QAAQ,IAAI;AAC3C,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,OAAO,UAAU;AACvB,SAAO,KAAK,YAAY,8BAAM,SAAQ,SAAS,KAAK;AACtD,GAVmC;AAY5B,MAAM,mBAAmB,wBAC9B,QACA,SAC0B;AAjC5B;AAkCE,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,EACT;AACA,QAAM,OAAO,UAAU;AACvB,QAAM,eAAe,8BAAM,iBAAgB;AAC3C,QAAM,OAAO,UAAU;AACvB,QAAM,WAAW,KAAK,YAAY,8BAAM,SAAQ,SAAS;AACzD,QAAM,aAAa,OAAO,KAAK,QAAQ;AACvC,MAAI,aAAa,WAAW,QAAQ,IAAI;AACxC,MAAI,eAAe,IAAI;AACrB,QAAI,KAAK,SAAS,IAAI,GAAG;AACvB,mBAAa,WAAW,QAAQ,KAAK,QAAQ,MAAM,EAAE,CAAC;AAAA,IACxD;AAAA,EACF;AACA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,eAAe,IAAI;AACrB,cAAQ,KAAK,sBAAsB,QAAQ,MAAM,kBAAkB,UAAU;AAAA,IAC/E;AAAA,EACF;AACA,QAAM,aAAa,KAAK,IAAI,KAAK,IAAI,GAAG,aAAa,YAAY,GAAG,WAAW,SAAS,CAAC;AACzF,SAAQ,iBAAW,gBAAX,YAA0B;AACpC,GAzBgC;",
-  "names": []
-}