@tamagui/text 1.5.16 → 1.5.18

package/dist/cjs/Headings.js

@@ -27,9 +27,9 @@ __export(Headings_exports, {
   Heading: () => Heading
 });
 module.exports = __toCommonJS(Headings_exports);
-var import_core = require("@tamagui/core");
+var import_web = require("@tamagui/web");
 var import_Paragraph = require("./Paragraph");
-const Heading = (0, import_core.styled)(import_Paragraph.Paragraph, {
+const Heading = (0, import_web.styled)(import_Paragraph.Paragraph, {
   tag: "span",
   name: "Heading",
   accessibilityRole: "header",
@@ -37,32 +37,32 @@ const Heading = (0, import_core.styled)(import_Paragraph.Paragraph, {
   size: "$8",
   margin: 0
 });
-const H1 = (0, import_core.styled)(Heading, {
+const H1 = (0, import_web.styled)(Heading, {
   name: "H1",
   tag: "h1",
   size: "$10"
 });
-const H2 = (0, import_core.styled)(Heading, {
+const H2 = (0, import_web.styled)(Heading, {
   name: "H2",
   tag: "h2",
   size: "$9"
 });
-const H3 = (0, import_core.styled)(Heading, {
+const H3 = (0, import_web.styled)(Heading, {
   name: "H3",
   tag: "h3",
   size: "$8"
 });
-const H4 = (0, import_core.styled)(Heading, {
+const H4 = (0, import_web.styled)(Heading, {
   name: "H4",
   tag: "h4",
   size: "$7"
 });
-const H5 = (0, import_core.styled)(Heading, {
+const H5 = (0, import_web.styled)(Heading, {
   name: "H5",
   tag: "h5",
   size: "$6"
 });
-const H6 = (0, import_core.styled)(Heading, {
+const H6 = (0, import_web.styled)(Heading, {
   name: "H6",
   tag: "h6",
   size: "$5"

package/dist/cjs/Headings.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Headings.tsx"],
-  "sourcesContent": ["import { styled } from '@tamagui/core'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AAEvB,uBAA0B;AAEnB,MAAM,cAAU,oBAAO,4BAAW;AAAA,EACvC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAEM,MAAM,SAAK,oBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,SAAK,oBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,SAAK,oBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,SAAK,oBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,SAAK,oBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,SAAK,oBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;",
+  "sourcesContent": ["import { styled } from '@tamagui/web'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAuB;AAEvB,uBAA0B;AAEnB,MAAM,cAAU,mBAAO,4BAAW;AAAA,EACvC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAEM,MAAM,SAAK,mBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,SAAK,mBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,SAAK,mBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,SAAK,mBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,SAAK,mBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,SAAK,mBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/cjs/Paragraph.js

@@ -21,9 +21,9 @@ __export(Paragraph_exports, {
   Paragraph: () => Paragraph
 });
 module.exports = __toCommonJS(Paragraph_exports);
-var import_core = require("@tamagui/core");
+var import_web = require("@tamagui/web");
 var import_SizableText = require("./SizableText");
-const Paragraph = (0, import_core.styled)(import_SizableText.SizableText, {
+const Paragraph = (0, import_web.styled)(import_SizableText.SizableText, {
   name: "Paragraph",
   tag: "p",
   userSelect: "auto",

package/dist/cjs/Paragraph.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Paragraph.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { SizableText } from './SizableText'\n\nexport const Paragraph = styled(SizableText, {\n  name: 'Paragraph',\n  tag: 'p',\n  userSelect: 'auto',\n  color: '$color',\n  size: '$true',\n})\n\nexport type ParagraphProps = GetProps<typeof Paragraph>\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AAEjC,yBAA4B;AAErB,MAAM,gBAAY,oBAAO,gCAAa;AAAA,EAC3C,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AACR,CAAC;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/web'\n\nimport { SizableText } from './SizableText'\n\nexport const Paragraph = styled(SizableText, {\n  name: 'Paragraph',\n  tag: 'p',\n  userSelect: 'auto',\n  color: '$color',\n  size: '$true',\n})\n\nexport type ParagraphProps = GetProps<typeof Paragraph>\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAiC;AAEjC,yBAA4B;AAErB,MAAM,gBAAY,mBAAO,gCAAa;AAAA,EAC3C,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/cjs/SizableText.js

@@ -21,9 +21,9 @@ __export(SizableText_exports, {
   SizableText: () => SizableText
 });
 module.exports = __toCommonJS(SizableText_exports);
-var import_core = require("@tamagui/core");
 var import_get_font_sized = require("@tamagui/get-font-sized");
-const SizableText = (0, import_core.styled)(import_core.Text, {
+var import_web = require("@tamagui/web");
+const SizableText = (0, import_web.styled)(import_web.Text, {
   name: "SizableText",
   fontFamily: "$body",
   variants: {

package/dist/cjs/SizableText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "sourcesContent": ["import { GetProps, Text, styled } from '@tamagui/core'\nimport { getFontSized } from '@tamagui/get-font-sized'\n\nexport const SizableText = styled(Text, {\n  name: 'SizableText',\n  fontFamily: '$body',\n\n  variants: {\n    size: getFontSized,\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuC;AACvC,4BAA6B;AAEtB,MAAM,kBAAc,oBAAO,kBAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
+  "sourcesContent": ["import { getFontSized } from '@tamagui/get-font-sized'\nimport { GetProps, Text, styled } from '@tamagui/web'\n\nexport const SizableText = styled(Text, {\n  name: 'SizableText',\n  fontFamily: '$body',\n\n  variants: {\n    size: getFontSized,\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA6B;AAC7B,iBAAuC;AAEhC,MAAM,kBAAc,mBAAO,iBAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/wrapChildrenInText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/wrapChildrenInText.tsx"],
-  "sourcesContent": ["import type { SizeTokens } from '@tamagui/core'\nimport React from 'react'\n\nimport { TextParentStyles } from './types'\n\ntype Props = TextParentStyles & {\n  children?: React.ReactNode\n  size?: SizeTokens\n}\n\nexport function wrapChildrenInText(\n  TextComponent: any,\n  propsIn: Props & {\n    unstyled?: boolean\n  },\n  extraProps?: Record<string, any>\n) {\n  const {\n    children,\n    textProps,\n    size,\n    noTextWrap,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textAlign,\n  } = propsIn\n\n  if (noTextWrap || !children) {\n    return [children]\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\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  const allChildren = React.Children.toArray(children)\n  const nextChildren: any[] = []\n  let lastIsString = false\n  const props = {\n    ...extraProps,\n  }\n  // to avoid setting undefined\n  if (color) props.color = color\n  if (fontFamily) props.fontFamily = fontFamily\n  if (fontSize) props.fontSize = fontSize\n  if (fontWeight) props.fontWeight = fontWeight\n  if (letterSpacing) props.letterSpacing = letterSpacing\n  if (textAlign) props.textAlign = textAlign\n  if (size) props.size = size\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <TextComponent key={index} {...props} {...textProps}>\n        {childrenStrings}\n      </TextComponent>\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  return nextChildren\n}\n"],
+  "sourcesContent": ["import type { SizeTokens } from '@tamagui/web'\nimport React from 'react'\n\nimport { TextParentStyles } from './types'\n\ntype Props = TextParentStyles & {\n  children?: React.ReactNode\n  size?: SizeTokens\n}\n\nexport function wrapChildrenInText(\n  TextComponent: any,\n  propsIn: Props & {\n    unstyled?: boolean\n  },\n  extraProps?: Record<string, any>\n) {\n  const {\n    children,\n    textProps,\n    size,\n    noTextWrap,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textAlign,\n  } = propsIn\n\n  if (noTextWrap || !children) {\n    return [children]\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\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  const allChildren = React.Children.toArray(children)\n  const nextChildren: any[] = []\n  let lastIsString = false\n  const props = {\n    ...extraProps,\n  }\n  // to avoid setting undefined\n  if (color) props.color = color\n  if (fontFamily) props.fontFamily = fontFamily\n  if (fontSize) props.fontSize = fontSize\n  if (fontWeight) props.fontWeight = fontWeight\n  if (letterSpacing) props.letterSpacing = letterSpacing\n  if (textAlign) props.textAlign = textAlign\n  if (size) props.size = size\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <TextComponent key={index} {...props} {...textProps}>\n        {childrenStrings}\n      </TextComponent>\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  return nextChildren\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2DM;AA1DN,mBAAkB;AASX,SAAS,mBACd,eACA,SAGA,YACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,cAAc,CAAC,UAAU;AAC3B,WAAO,CAAC,QAAQ;AAAA,EAClB;AAOA,QAAM,cAAc,aAAAA,QAAM,SAAS,QAAQ,QAAQ;AACnD,QAAM,eAAsB,CAAC;AAC7B,MAAI,eAAe;AACnB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAEA,MAAI;AAAO,UAAM,QAAQ;AACzB,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAU,UAAM,WAAW;AAC/B,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAe,UAAM,gBAAgB;AACzC,MAAI;AAAW,UAAM,YAAY;AACjC,MAAI;AAAM,UAAM,OAAO;AAEvB,WAAS,uBAAuB;AAC9B,QAAI,CAAC;AAAc;AACnB,UAAM,QAAQ,aAAa,SAAS;AACpC,UAAM,kBAAkB,aAAa,KAAK;AAC1C,iBAAa,KAAK,IAChB,4CAAC,iBAA2B,GAAG,OAAQ,GAAG,WACvC,6BADiB,KAEpB;AAAA,EAEJ;AAEA,aAAW,SAAS,aAAa;AAC/B,UAAM,OAAO,aAAa,aAAa,SAAS,CAAC;AACjD,UAAM,WAAW,OAAO,UAAU;AAClC,QAAI,UAAU;AACZ,UAAI,cAAc;AAChB,aAAK,KAAK,KAAK;AAAA,MACjB,OAAO;AACL,qBAAa,KAAK,CAAC,KAAK,CAAC;AAAA,MAC3B;AAAA,IACF,OAAO;AACL,2BAAqB;AACrB,mBAAa,KAAK,KAAK;AAAA,IACzB;AACA,mBAAe;AAAA,EACjB;AACA,uBAAqB;AAErB,SAAO;AACT;",
   "names": ["React"]
 }

package/dist/esm/Headings.js

@@ -1,4 +1,4 @@
-import { styled } from "@tamagui/core";
+import { styled } from "@tamagui/web";
 import { Paragraph } from "./Paragraph";
 const Heading = styled(Paragraph, {
   tag: "span",

package/dist/esm/Headings.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Headings.tsx"],
-  "sourcesContent": ["import { styled } from '@tamagui/core'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
+  "sourcesContent": ["import { styled } from '@tamagui/web'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
   "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,iBAAiB;AAEnB,MAAM,UAAU,OAAO,WAAW;AAAA,EACvC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/esm/Headings.mjs

@@ -1,4 +1,4 @@
-import { styled } from "@tamagui/core";
+import { styled } from "@tamagui/web";
 import { Paragraph } from "./Paragraph";
 const Heading = styled(Paragraph, {
   tag: "span",

package/dist/esm/Headings.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Headings.tsx"],
-  "sourcesContent": ["import { styled } from '@tamagui/core'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
+  "sourcesContent": ["import { styled } from '@tamagui/web'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
   "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,iBAAiB;AAEnB,MAAM,UAAU,OAAO,WAAW;AAAA,EACvC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/esm/Paragraph.js

@@ -1,4 +1,4 @@
-import { styled } from "@tamagui/core";
+import { styled } from "@tamagui/web";
 import { SizableText } from "./SizableText";
 const Paragraph = styled(SizableText, {
   name: "Paragraph",

package/dist/esm/Paragraph.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Paragraph.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { SizableText } from './SizableText'\n\nexport const Paragraph = styled(SizableText, {\n  name: 'Paragraph',\n  tag: 'p',\n  userSelect: 'auto',\n  color: '$color',\n  size: '$true',\n})\n\nexport type ParagraphProps = GetProps<typeof Paragraph>\n"],
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/web'\n\nimport { SizableText } from './SizableText'\n\nexport const Paragraph = styled(SizableText, {\n  name: 'Paragraph',\n  tag: 'p',\n  userSelect: 'auto',\n  color: '$color',\n  size: '$true',\n})\n\nexport type ParagraphProps = GetProps<typeof Paragraph>\n"],
   "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,mBAAmB;AAErB,MAAM,YAAY,OAAO,aAAa;AAAA,EAC3C,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/esm/Paragraph.mjs

@@ -1,4 +1,4 @@
-import { styled } from "@tamagui/core";
+import { styled } from "@tamagui/web";
 import { SizableText } from "./SizableText";
 const Paragraph = styled(SizableText, {
   name: "Paragraph",

package/dist/esm/Paragraph.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Paragraph.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { SizableText } from './SizableText'\n\nexport const Paragraph = styled(SizableText, {\n  name: 'Paragraph',\n  tag: 'p',\n  userSelect: 'auto',\n  color: '$color',\n  size: '$true',\n})\n\nexport type ParagraphProps = GetProps<typeof Paragraph>\n"],
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/web'\n\nimport { SizableText } from './SizableText'\n\nexport const Paragraph = styled(SizableText, {\n  name: 'Paragraph',\n  tag: 'p',\n  userSelect: 'auto',\n  color: '$color',\n  size: '$true',\n})\n\nexport type ParagraphProps = GetProps<typeof Paragraph>\n"],
   "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,mBAAmB;AAErB,MAAM,YAAY,OAAO,aAAa;AAAA,EAC3C,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/esm/SizableText.js

@@ -1,5 +1,5 @@
-import { Text, styled } from "@tamagui/core";
 import { getFontSized } from "@tamagui/get-font-sized";
+import { Text, styled } from "@tamagui/web";
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",

package/dist/esm/SizableText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "sourcesContent": ["import { GetProps, Text, styled } from '@tamagui/core'\nimport { getFontSized } from '@tamagui/get-font-sized'\n\nexport const SizableText = styled(Text, {\n  name: 'SizableText',\n  fontFamily: '$body',\n\n  variants: {\n    size: getFontSized,\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
-  "mappings": "AAAA,SAAmB,MAAM,cAAc;AACvC,SAAS,oBAAoB;AAEtB,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
+  "sourcesContent": ["import { getFontSized } from '@tamagui/get-font-sized'\nimport { GetProps, Text, styled } from '@tamagui/web'\n\nexport const SizableText = styled(Text, {\n  name: 'SizableText',\n  fontFamily: '$body',\n\n  variants: {\n    size: getFontSized,\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEhC,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
   "names": []
 }

package/dist/esm/SizableText.mjs

@@ -1,5 +1,5 @@
-import { Text, styled } from "@tamagui/core";
 import { getFontSized } from "@tamagui/get-font-sized";
+import { Text, styled } from "@tamagui/web";
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",

package/dist/esm/SizableText.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "sourcesContent": ["import { GetProps, Text, styled } from '@tamagui/core'\nimport { getFontSized } from '@tamagui/get-font-sized'\n\nexport const SizableText = styled(Text, {\n  name: 'SizableText',\n  fontFamily: '$body',\n\n  variants: {\n    size: getFontSized,\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
-  "mappings": "AAAA,SAAmB,MAAM,cAAc;AACvC,SAAS,oBAAoB;AAEtB,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
+  "sourcesContent": ["import { getFontSized } from '@tamagui/get-font-sized'\nimport { GetProps, Text, styled } from '@tamagui/web'\n\nexport const SizableText = styled(Text, {\n  name: 'SizableText',\n  fontFamily: '$body',\n\n  variants: {\n    size: getFontSized,\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEhC,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
   "names": []
 }

package/dist/esm/wrapChildrenInText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/wrapChildrenInText.tsx"],
-  "sourcesContent": ["import type { SizeTokens } from '@tamagui/core'\nimport React from 'react'\n\nimport { TextParentStyles } from './types'\n\ntype Props = TextParentStyles & {\n  children?: React.ReactNode\n  size?: SizeTokens\n}\n\nexport function wrapChildrenInText(\n  TextComponent: any,\n  propsIn: Props & {\n    unstyled?: boolean\n  },\n  extraProps?: Record<string, any>\n) {\n  const {\n    children,\n    textProps,\n    size,\n    noTextWrap,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textAlign,\n  } = propsIn\n\n  if (noTextWrap || !children) {\n    return [children]\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\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  const allChildren = React.Children.toArray(children)\n  const nextChildren: any[] = []\n  let lastIsString = false\n  const props = {\n    ...extraProps,\n  }\n  // to avoid setting undefined\n  if (color) props.color = color\n  if (fontFamily) props.fontFamily = fontFamily\n  if (fontSize) props.fontSize = fontSize\n  if (fontWeight) props.fontWeight = fontWeight\n  if (letterSpacing) props.letterSpacing = letterSpacing\n  if (textAlign) props.textAlign = textAlign\n  if (size) props.size = size\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <TextComponent key={index} {...props} {...textProps}>\n        {childrenStrings}\n      </TextComponent>\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  return nextChildren\n}\n"],
+  "sourcesContent": ["import type { SizeTokens } from '@tamagui/web'\nimport React from 'react'\n\nimport { TextParentStyles } from './types'\n\ntype Props = TextParentStyles & {\n  children?: React.ReactNode\n  size?: SizeTokens\n}\n\nexport function wrapChildrenInText(\n  TextComponent: any,\n  propsIn: Props & {\n    unstyled?: boolean\n  },\n  extraProps?: Record<string, any>\n) {\n  const {\n    children,\n    textProps,\n    size,\n    noTextWrap,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textAlign,\n  } = propsIn\n\n  if (noTextWrap || !children) {\n    return [children]\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\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  const allChildren = React.Children.toArray(children)\n  const nextChildren: any[] = []\n  let lastIsString = false\n  const props = {\n    ...extraProps,\n  }\n  // to avoid setting undefined\n  if (color) props.color = color\n  if (fontFamily) props.fontFamily = fontFamily\n  if (fontSize) props.fontSize = fontSize\n  if (fontWeight) props.fontWeight = fontWeight\n  if (letterSpacing) props.letterSpacing = letterSpacing\n  if (textAlign) props.textAlign = textAlign\n  if (size) props.size = size\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <TextComponent key={index} {...props} {...textProps}>\n        {childrenStrings}\n      </TextComponent>\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  return nextChildren\n}\n"],
   "mappings": "AA2DM;AA1DN,OAAO,WAAW;AASX,SAAS,mBACd,eACA,SAGA,YACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,cAAc,CAAC,UAAU;AAC3B,WAAO,CAAC,QAAQ;AAAA,EAClB;AAOA,QAAM,cAAc,MAAM,SAAS,QAAQ,QAAQ;AACnD,QAAM,eAAsB,CAAC;AAC7B,MAAI,eAAe;AACnB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAEA,MAAI;AAAO,UAAM,QAAQ;AACzB,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAU,UAAM,WAAW;AAC/B,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAe,UAAM,gBAAgB;AACzC,MAAI;AAAW,UAAM,YAAY;AACjC,MAAI;AAAM,UAAM,OAAO;AAEvB,WAAS,uBAAuB;AAC9B,QAAI,CAAC;AAAc;AACnB,UAAM,QAAQ,aAAa,SAAS;AACpC,UAAM,kBAAkB,aAAa,KAAK;AAC1C,iBAAa,KAAK,IAChB,oBAAC,iBAA2B,GAAG,OAAQ,GAAG,WACvC,6BADiB,KAEpB;AAAA,EAEJ;AAEA,aAAW,SAAS,aAAa;AAC/B,UAAM,OAAO,aAAa,aAAa,SAAS,CAAC;AACjD,UAAM,WAAW,OAAO,UAAU;AAClC,QAAI,UAAU;AACZ,UAAI,cAAc;AAChB,aAAK,KAAK,KAAK;AAAA,MACjB,OAAO;AACL,qBAAa,KAAK,CAAC,KAAK,CAAC;AAAA,MAC3B;AAAA,IACF,OAAO;AACL,2BAAqB;AACrB,mBAAa,KAAK,KAAK;AAAA,IACzB;AACA,mBAAe;AAAA,EACjB;AACA,uBAAqB;AAErB,SAAO;AACT;",
   "names": []
 }

package/dist/esm/wrapChildrenInText.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/wrapChildrenInText.tsx"],
-  "sourcesContent": ["import type { SizeTokens } from '@tamagui/core'\nimport React from 'react'\n\nimport { TextParentStyles } from './types'\n\ntype Props = TextParentStyles & {\n  children?: React.ReactNode\n  size?: SizeTokens\n}\n\nexport function wrapChildrenInText(\n  TextComponent: any,\n  propsIn: Props & {\n    unstyled?: boolean\n  },\n  extraProps?: Record<string, any>\n) {\n  const {\n    children,\n    textProps,\n    size,\n    noTextWrap,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textAlign,\n  } = propsIn\n\n  if (noTextWrap || !children) {\n    return [children]\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\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  const allChildren = React.Children.toArray(children)\n  const nextChildren: any[] = []\n  let lastIsString = false\n  const props = {\n    ...extraProps,\n  }\n  // to avoid setting undefined\n  if (color) props.color = color\n  if (fontFamily) props.fontFamily = fontFamily\n  if (fontSize) props.fontSize = fontSize\n  if (fontWeight) props.fontWeight = fontWeight\n  if (letterSpacing) props.letterSpacing = letterSpacing\n  if (textAlign) props.textAlign = textAlign\n  if (size) props.size = size\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <TextComponent key={index} {...props} {...textProps}>\n        {childrenStrings}\n      </TextComponent>\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  return nextChildren\n}\n"],
+  "sourcesContent": ["import type { SizeTokens } from '@tamagui/web'\nimport React from 'react'\n\nimport { TextParentStyles } from './types'\n\ntype Props = TextParentStyles & {\n  children?: React.ReactNode\n  size?: SizeTokens\n}\n\nexport function wrapChildrenInText(\n  TextComponent: any,\n  propsIn: Props & {\n    unstyled?: boolean\n  },\n  extraProps?: Record<string, any>\n) {\n  const {\n    children,\n    textProps,\n    size,\n    noTextWrap,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textAlign,\n  } = propsIn\n\n  if (noTextWrap || !children) {\n    return [children]\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\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  const allChildren = React.Children.toArray(children)\n  const nextChildren: any[] = []\n  let lastIsString = false\n  const props = {\n    ...extraProps,\n  }\n  // to avoid setting undefined\n  if (color) props.color = color\n  if (fontFamily) props.fontFamily = fontFamily\n  if (fontSize) props.fontSize = fontSize\n  if (fontWeight) props.fontWeight = fontWeight\n  if (letterSpacing) props.letterSpacing = letterSpacing\n  if (textAlign) props.textAlign = textAlign\n  if (size) props.size = size\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <TextComponent key={index} {...props} {...textProps}>\n        {childrenStrings}\n      </TextComponent>\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  return nextChildren\n}\n"],
   "mappings": "AA2DM;AA1DN,OAAO,WAAW;AASX,SAAS,mBACd,eACA,SAGA,YACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,cAAc,CAAC,UAAU;AAC3B,WAAO,CAAC,QAAQ;AAAA,EAClB;AAOA,QAAM,cAAc,MAAM,SAAS,QAAQ,QAAQ;AACnD,QAAM,eAAsB,CAAC;AAC7B,MAAI,eAAe;AACnB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAEA,MAAI;AAAO,UAAM,QAAQ;AACzB,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAU,UAAM,WAAW;AAC/B,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAe,UAAM,gBAAgB;AACzC,MAAI;AAAW,UAAM,YAAY;AACjC,MAAI;AAAM,UAAM,OAAO;AAEvB,WAAS,uBAAuB;AAC9B,QAAI,CAAC;AAAc;AACnB,UAAM,QAAQ,aAAa,SAAS;AACpC,UAAM,kBAAkB,aAAa,KAAK;AAC1C,iBAAa,KAAK,IAChB,oBAAC,iBAA2B,GAAG,OAAQ,GAAG,WACvC,6BADiB,KAEpB;AAAA,EAEJ;AAEA,aAAW,SAAS,aAAa;AAC/B,UAAM,OAAO,aAAa,aAAa,SAAS,CAAC;AACjD,UAAM,WAAW,OAAO,UAAU;AAClC,QAAI,UAAU;AACZ,UAAI,cAAc;AAChB,aAAK,KAAK,KAAK;AAAA,MACjB,OAAO;AACL,qBAAa,KAAK,CAAC,KAAK,CAAC;AAAA,MAC3B;AAAA,IACF,OAAO;AACL,2BAAqB;AACrB,mBAAa,KAAK,KAAK;AAAA,IACzB;AACA,mBAAe;AAAA,EACjB;AACA,uBAAqB;AAErB,SAAO;AACT;",
   "names": []
 }

package/dist/jsx/Headings.js

@@ -1,4 +1,4 @@
-import { styled } from "@tamagui/core";
+import { styled } from "@tamagui/web";
 import { Paragraph } from "./Paragraph";
 const Heading = styled(Paragraph, {
   tag: "span",

package/dist/jsx/Headings.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Headings.tsx"],
-  "sourcesContent": ["import { styled } from '@tamagui/core'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
+  "sourcesContent": ["import { styled } from '@tamagui/web'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
   "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,iBAAiB;AAEnB,MAAM,UAAU,OAAO,WAAW;AAAA,EACvC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/jsx/Headings.mjs

@@ -1,4 +1,4 @@
-import { styled } from "@tamagui/core";
+import { styled } from "@tamagui/web";
 import { Paragraph } from "./Paragraph";
 const Heading = styled(Paragraph, {
   tag: "span",

package/dist/jsx/Headings.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Headings.tsx"],
-  "sourcesContent": ["import { styled } from '@tamagui/core'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
+  "sourcesContent": ["import { styled } from '@tamagui/web'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
   "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,iBAAiB;AAEnB,MAAM,UAAU,OAAO,WAAW;AAAA,EACvC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/jsx/Paragraph.js

@@ -1,4 +1,4 @@
-import { styled } from "@tamagui/core";
+import { styled } from "@tamagui/web";
 import { SizableText } from "./SizableText";
 const Paragraph = styled(SizableText, {
   name: "Paragraph",

package/dist/jsx/Paragraph.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Paragraph.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { SizableText } from './SizableText'\n\nexport const Paragraph = styled(SizableText, {\n  name: 'Paragraph',\n  tag: 'p',\n  userSelect: 'auto',\n  color: '$color',\n  size: '$true',\n})\n\nexport type ParagraphProps = GetProps<typeof Paragraph>\n"],
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/web'\n\nimport { SizableText } from './SizableText'\n\nexport const Paragraph = styled(SizableText, {\n  name: 'Paragraph',\n  tag: 'p',\n  userSelect: 'auto',\n  color: '$color',\n  size: '$true',\n})\n\nexport type ParagraphProps = GetProps<typeof Paragraph>\n"],
   "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,mBAAmB;AAErB,MAAM,YAAY,OAAO,aAAa;AAAA,EAC3C,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/jsx/Paragraph.mjs

@@ -1,4 +1,4 @@
-import { styled } from "@tamagui/core";
+import { styled } from "@tamagui/web";
 import { SizableText } from "./SizableText";
 const Paragraph = styled(SizableText, {
   name: "Paragraph",

package/dist/jsx/Paragraph.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Paragraph.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { SizableText } from './SizableText'\n\nexport const Paragraph = styled(SizableText, {\n  name: 'Paragraph',\n  tag: 'p',\n  userSelect: 'auto',\n  color: '$color',\n  size: '$true',\n})\n\nexport type ParagraphProps = GetProps<typeof Paragraph>\n"],
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/web'\n\nimport { SizableText } from './SizableText'\n\nexport const Paragraph = styled(SizableText, {\n  name: 'Paragraph',\n  tag: 'p',\n  userSelect: 'auto',\n  color: '$color',\n  size: '$true',\n})\n\nexport type ParagraphProps = GetProps<typeof Paragraph>\n"],
   "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,mBAAmB;AAErB,MAAM,YAAY,OAAO,aAAa;AAAA,EAC3C,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/jsx/SizableText.js

@@ -1,5 +1,5 @@
-import { Text, styled } from "@tamagui/core";
 import { getFontSized } from "@tamagui/get-font-sized";
+import { Text, styled } from "@tamagui/web";
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",

package/dist/jsx/SizableText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "sourcesContent": ["import { GetProps, Text, styled } from '@tamagui/core'\nimport { getFontSized } from '@tamagui/get-font-sized'\n\nexport const SizableText = styled(Text, {\n  name: 'SizableText',\n  fontFamily: '$body',\n\n  variants: {\n    size: getFontSized,\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
-  "mappings": "AAAA,SAAmB,MAAM,cAAc;AACvC,SAAS,oBAAoB;AAEtB,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
+  "sourcesContent": ["import { getFontSized } from '@tamagui/get-font-sized'\nimport { GetProps, Text, styled } from '@tamagui/web'\n\nexport const SizableText = styled(Text, {\n  name: 'SizableText',\n  fontFamily: '$body',\n\n  variants: {\n    size: getFontSized,\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEhC,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
   "names": []
 }

package/dist/jsx/SizableText.mjs

@@ -1,5 +1,5 @@
-import { Text, styled } from "@tamagui/core";
 import { getFontSized } from "@tamagui/get-font-sized";
+import { Text, styled } from "@tamagui/web";
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",

package/dist/jsx/SizableText.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "sourcesContent": ["import { GetProps, Text, styled } from '@tamagui/core'\nimport { getFontSized } from '@tamagui/get-font-sized'\n\nexport const SizableText = styled(Text, {\n  name: 'SizableText',\n  fontFamily: '$body',\n\n  variants: {\n    size: getFontSized,\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
-  "mappings": "AAAA,SAAmB,MAAM,cAAc;AACvC,SAAS,oBAAoB;AAEtB,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
+  "sourcesContent": ["import { getFontSized } from '@tamagui/get-font-sized'\nimport { GetProps, Text, styled } from '@tamagui/web'\n\nexport const SizableText = styled(Text, {\n  name: 'SizableText',\n  fontFamily: '$body',\n\n  variants: {\n    size: getFontSized,\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEhC,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
   "names": []
 }

package/dist/jsx/wrapChildrenInText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/wrapChildrenInText.tsx"],
-  "sourcesContent": ["import type { SizeTokens } from '@tamagui/core'\nimport React from 'react'\n\nimport { TextParentStyles } from './types'\n\ntype Props = TextParentStyles & {\n  children?: React.ReactNode\n  size?: SizeTokens\n}\n\nexport function wrapChildrenInText(\n  TextComponent: any,\n  propsIn: Props & {\n    unstyled?: boolean\n  },\n  extraProps?: Record<string, any>\n) {\n  const {\n    children,\n    textProps,\n    size,\n    noTextWrap,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textAlign,\n  } = propsIn\n\n  if (noTextWrap || !children) {\n    return [children]\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\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  const allChildren = React.Children.toArray(children)\n  const nextChildren: any[] = []\n  let lastIsString = false\n  const props = {\n    ...extraProps,\n  }\n  // to avoid setting undefined\n  if (color) props.color = color\n  if (fontFamily) props.fontFamily = fontFamily\n  if (fontSize) props.fontSize = fontSize\n  if (fontWeight) props.fontWeight = fontWeight\n  if (letterSpacing) props.letterSpacing = letterSpacing\n  if (textAlign) props.textAlign = textAlign\n  if (size) props.size = size\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <TextComponent key={index} {...props} {...textProps}>\n        {childrenStrings}\n      </TextComponent>\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  return nextChildren\n}\n"],
+  "sourcesContent": ["import type { SizeTokens } from '@tamagui/web'\nimport React from 'react'\n\nimport { TextParentStyles } from './types'\n\ntype Props = TextParentStyles & {\n  children?: React.ReactNode\n  size?: SizeTokens\n}\n\nexport function wrapChildrenInText(\n  TextComponent: any,\n  propsIn: Props & {\n    unstyled?: boolean\n  },\n  extraProps?: Record<string, any>\n) {\n  const {\n    children,\n    textProps,\n    size,\n    noTextWrap,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textAlign,\n  } = propsIn\n\n  if (noTextWrap || !children) {\n    return [children]\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\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  const allChildren = React.Children.toArray(children)\n  const nextChildren: any[] = []\n  let lastIsString = false\n  const props = {\n    ...extraProps,\n  }\n  // to avoid setting undefined\n  if (color) props.color = color\n  if (fontFamily) props.fontFamily = fontFamily\n  if (fontSize) props.fontSize = fontSize\n  if (fontWeight) props.fontWeight = fontWeight\n  if (letterSpacing) props.letterSpacing = letterSpacing\n  if (textAlign) props.textAlign = textAlign\n  if (size) props.size = size\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <TextComponent key={index} {...props} {...textProps}>\n        {childrenStrings}\n      </TextComponent>\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  return nextChildren\n}\n"],
   "mappings": "AACA,OAAO,WAAW;AASX,SAAS,mBACd,eACA,SAGA,YACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,cAAc,CAAC,UAAU;AAC3B,WAAO,CAAC,QAAQ;AAAA,EAClB;AAOA,QAAM,cAAc,MAAM,SAAS,QAAQ,QAAQ;AACnD,QAAM,eAAsB,CAAC;AAC7B,MAAI,eAAe;AACnB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAEA,MAAI;AAAO,UAAM,QAAQ;AACzB,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAU,UAAM,WAAW;AAC/B,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAe,UAAM,gBAAgB;AACzC,MAAI;AAAW,UAAM,YAAY;AACjC,MAAI;AAAM,UAAM,OAAO;AAEvB,WAAS,uBAAuB;AAC9B,QAAI,CAAC;AAAc;AACnB,UAAM,QAAQ,aAAa,SAAS;AACpC,UAAM,kBAAkB,aAAa,KAAK;AAC1C,iBAAa,KAAK,IAChB,CAAC,cAAc,KAAK,WAAW,WAAW,YACvC,gBACH,EAFC;AAAA,EAIL;AAEA,aAAW,SAAS,aAAa;AAC/B,UAAM,OAAO,aAAa,aAAa,SAAS,CAAC;AACjD,UAAM,WAAW,OAAO,UAAU;AAClC,QAAI,UAAU;AACZ,UAAI,cAAc;AAChB,aAAK,KAAK,KAAK;AAAA,MACjB,OAAO;AACL,qBAAa,KAAK,CAAC,KAAK,CAAC;AAAA,MAC3B;AAAA,IACF,OAAO;AACL,2BAAqB;AACrB,mBAAa,KAAK,KAAK;AAAA,IACzB;AACA,mBAAe;AAAA,EACjB;AACA,uBAAqB;AAErB,SAAO;AACT;",
   "names": []
 }

package/dist/jsx/wrapChildrenInText.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/wrapChildrenInText.tsx"],
-  "sourcesContent": ["import type { SizeTokens } from '@tamagui/core'\nimport React from 'react'\n\nimport { TextParentStyles } from './types'\n\ntype Props = TextParentStyles & {\n  children?: React.ReactNode\n  size?: SizeTokens\n}\n\nexport function wrapChildrenInText(\n  TextComponent: any,\n  propsIn: Props & {\n    unstyled?: boolean\n  },\n  extraProps?: Record<string, any>\n) {\n  const {\n    children,\n    textProps,\n    size,\n    noTextWrap,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textAlign,\n  } = propsIn\n\n  if (noTextWrap || !children) {\n    return [children]\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\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  const allChildren = React.Children.toArray(children)\n  const nextChildren: any[] = []\n  let lastIsString = false\n  const props = {\n    ...extraProps,\n  }\n  // to avoid setting undefined\n  if (color) props.color = color\n  if (fontFamily) props.fontFamily = fontFamily\n  if (fontSize) props.fontSize = fontSize\n  if (fontWeight) props.fontWeight = fontWeight\n  if (letterSpacing) props.letterSpacing = letterSpacing\n  if (textAlign) props.textAlign = textAlign\n  if (size) props.size = size\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <TextComponent key={index} {...props} {...textProps}>\n        {childrenStrings}\n      </TextComponent>\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  return nextChildren\n}\n"],
+  "sourcesContent": ["import type { SizeTokens } from '@tamagui/web'\nimport React from 'react'\n\nimport { TextParentStyles } from './types'\n\ntype Props = TextParentStyles & {\n  children?: React.ReactNode\n  size?: SizeTokens\n}\n\nexport function wrapChildrenInText(\n  TextComponent: any,\n  propsIn: Props & {\n    unstyled?: boolean\n  },\n  extraProps?: Record<string, any>\n) {\n  const {\n    children,\n    textProps,\n    size,\n    noTextWrap,\n    color,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textAlign,\n  } = propsIn\n\n  if (noTextWrap || !children) {\n    return [children]\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\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  const allChildren = React.Children.toArray(children)\n  const nextChildren: any[] = []\n  let lastIsString = false\n  const props = {\n    ...extraProps,\n  }\n  // to avoid setting undefined\n  if (color) props.color = color\n  if (fontFamily) props.fontFamily = fontFamily\n  if (fontSize) props.fontSize = fontSize\n  if (fontWeight) props.fontWeight = fontWeight\n  if (letterSpacing) props.letterSpacing = letterSpacing\n  if (textAlign) props.textAlign = textAlign\n  if (size) props.size = size\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <TextComponent key={index} {...props} {...textProps}>\n        {childrenStrings}\n      </TextComponent>\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  return nextChildren\n}\n"],
   "mappings": "AACA,OAAO,WAAW;AASX,SAAS,mBACd,eACA,SAGA,YACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,cAAc,CAAC,UAAU;AAC3B,WAAO,CAAC,QAAQ;AAAA,EAClB;AAOA,QAAM,cAAc,MAAM,SAAS,QAAQ,QAAQ;AACnD,QAAM,eAAsB,CAAC;AAC7B,MAAI,eAAe;AACnB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAEA,MAAI;AAAO,UAAM,QAAQ;AACzB,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAU,UAAM,WAAW;AAC/B,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAe,UAAM,gBAAgB;AACzC,MAAI;AAAW,UAAM,YAAY;AACjC,MAAI;AAAM,UAAM,OAAO;AAEvB,WAAS,uBAAuB;AAC9B,QAAI,CAAC;AAAc;AACnB,UAAM,QAAQ,aAAa,SAAS;AACpC,UAAM,kBAAkB,aAAa,KAAK;AAC1C,iBAAa,KAAK,IAChB,CAAC,cAAc,KAAK,WAAW,WAAW,YACvC,gBACH,EAFC;AAAA,EAIL;AAEA,aAAW,SAAS,aAAa;AAC/B,UAAM,OAAO,aAAa,aAAa,SAAS,CAAC;AACjD,UAAM,WAAW,OAAO,UAAU;AAClC,QAAI,UAAU;AACZ,UAAI,cAAc;AAChB,aAAK,KAAK,KAAK;AAAA,MACjB,OAAO;AACL,qBAAa,KAAK,CAAC,KAAK,CAAC;AAAA,MAC3B;AAAA,IACF,OAAO;AACL,2BAAqB;AACrB,mBAAa,KAAK,KAAK;AAAA,IACzB;AACA,mBAAe;AAAA,EACjB;AACA,uBAAqB;AAErB,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/text",
-  "version": "1.5.16",
+  "version": "1.5.18",
   "sideEffects": [
     "*.css"
   ],
@@ -31,16 +31,16 @@
     }
   },
   "dependencies": {
-    "@tamagui/core": "^1.5.16",
-    "@tamagui/get-font-sized": "^1.5.16",
-    "@tamagui/helpers-tamagui": "^1.5.16"
+    "@tamagui/get-font-sized": "^1.5.18",
+    "@tamagui/helpers-tamagui": "^1.5.18",
+    "@tamagui/web": "^1.5.18"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.5.16",
+    "@tamagui/build": "^1.5.18",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/Headings.tsx

@@ -1,4 +1,4 @@
-import { styled } from '@tamagui/core'
+import { styled } from '@tamagui/web'
 
 import { Paragraph } from './Paragraph'
 

package/src/Paragraph.tsx

@@ -1,4 +1,4 @@
-import { GetProps, styled } from '@tamagui/core'
+import { GetProps, styled } from '@tamagui/web'
 
 import { SizableText } from './SizableText'
 

package/src/SizableText.tsx

@@ -1,5 +1,5 @@
-import { GetProps, Text, styled } from '@tamagui/core'
 import { getFontSized } from '@tamagui/get-font-sized'
+import { GetProps, Text, styled } from '@tamagui/web'
 
 export const SizableText = styled(Text, {
   name: 'SizableText',

package/src/wrapChildrenInText.tsx

@@ -1,4 +1,4 @@
-import type { SizeTokens } from '@tamagui/core'
+import type { SizeTokens } from '@tamagui/web'
 import React from 'react'
 
 import { TextParentStyles } from './types'