@tamagui/text 2.7.7 → 3.0.0-beta.643.1

package/src/Headings.tsx

@@ -5,23 +5,23 @@ import { Paragraph } from './Paragraph'
 
 export const Heading = styled(Paragraph, {
   render: 'span',
-  name: 'Heading',
+  displayName: 'Heading',
   role: 'heading',
-  fontFamily: '$heading',
-  size: '$8',
+  fontFamily: 'heading',
   margin: 0,
+  size: '8',
 })
 
 export type HeadingProps = GetProps<typeof Heading>
 
 export const H1 = styled(Heading, {
-  name: 'H1',
+  displayName: 'H1',
   render: 'h1',
 
   variants: {
     unstyled: {
       false: {
-        size: '$10',
+        size: '10',
       },
     },
   } as const,
@@ -32,13 +32,13 @@ export const H1 = styled(Heading, {
 })
 
 export const H2 = styled(Heading, {
-  name: 'H2',
+  displayName: 'H2',
   render: 'h2',
 
   variants: {
     unstyled: {
       false: {
-        size: '$9',
+        size: '9',
       },
     },
   } as const,
@@ -49,13 +49,13 @@ export const H2 = styled(Heading, {
 })
 
 export const H3 = styled(Heading, {
-  name: 'H3',
+  displayName: 'H3',
   render: 'h3',
 
   variants: {
     unstyled: {
       false: {
-        size: '$8',
+        size: '8',
       },
     },
   } as const,
@@ -66,13 +66,13 @@ export const H3 = styled(Heading, {
 })
 
 export const H4 = styled(Heading, {
-  name: 'H4',
+  displayName: 'H4',
   render: 'h4',
 
   variants: {
     unstyled: {
       false: {
-        size: '$7',
+        size: '7',
       },
     },
   } as const,
@@ -83,13 +83,13 @@ export const H4 = styled(Heading, {
 })
 
 export const H5 = styled(Heading, {
-  name: 'H5',
+  displayName: 'H5',
   render: 'h5',
 
   variants: {
     unstyled: {
       false: {
-        size: '$6',
+        size: '6',
       },
     },
   } as const,
@@ -100,13 +100,13 @@ export const H5 = styled(Heading, {
 })
 
 export const H6 = styled(Heading, {
-  name: 'H6',
+  displayName: 'H6',
   render: 'h6',
 
   variants: {
     unstyled: {
       false: {
-        size: '$5',
+        size: '5',
       },
     },
   } as const,

package/src/Paragraph.tsx

@@ -4,12 +4,12 @@ import { styled } from '@tamagui/web'
 import { SizableText } from './SizableText'
 
 export const Paragraph = styled(SizableText, {
-  name: 'Paragraph',
+  displayName: 'Paragraph',
   render: 'p',
   userSelect: 'auto',
-  color: '$color',
-  size: '$true',
+  color: 'color',
   whiteSpace: 'normal',
+  size: true,
 })
 
 export type ParagraphProps = GetProps<typeof Paragraph>

package/src/SizableText.tsx

@@ -3,23 +3,13 @@ import type { GetProps } from '@tamagui/web'
 import { Text, styled } from '@tamagui/web'
 
 export const SizableText = styled(Text, {
-  name: 'SizableText',
-  fontFamily: '$body',
-
+  displayName: 'SizableText',
+  fontFamily: 'body',
+  color: 'color',
+  size: true,
   variants: {
-    unstyled: {
-      false: {
-        size: '$true',
-        color: '$color',
-      },
-    },
-
     size: getFontSized,
   },
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
 })
 
 SizableText.staticConfig.inlineProps = new Set([
@@ -30,7 +20,7 @@ SizableText.staticConfig.inlineProps = new Set([
 // we are doing weird stuff to avoid bad types
 // TODO make this just work
 SizableText.staticConfig.variants!.fontFamily = {
-  '...': (val, extras) => {
+  any: (val, extras) => {
     // pass through inherit directly without font variant expansion
     if (val === 'inherit') {
       return { fontFamily: 'inherit' }
@@ -39,9 +29,7 @@ SizableText.staticConfig.variants!.fontFamily = {
     const sizeProp = extras.props['size']
     const fontSizeProp = extras.props['fontSize']
     const size =
-      sizeProp === '$true' && fontSizeProp
-        ? fontSizeProp
-        : extras.props['size'] || '$true'
+      sizeProp === true && fontSizeProp ? fontSizeProp : (extras.props['size'] ?? true)
     return getFontSized(size, extras)
   },
 }

package/src/wrapChildrenInText.tsx

@@ -5,14 +5,12 @@ import type { TextParentStyles } from './types'
 
 type Props = TextParentStyles & {
   children?: React.ReactNode
-  size?: SizeTokens
+  size?: SizeTokens | true
 }
 
 export function wrapChildrenInText(
   TextComponent: any,
-  propsIn: Props & {
-    unstyled?: boolean
-  },
+  propsIn: Props & {},
   extraProps?: Record<string, any>
 ) {
   const {
@@ -51,14 +49,37 @@ export function wrapChildrenInText(
   if (ellipsis !== undefined) props.ellipsis = ellipsis
   if (maxFontSizeMultiplier != null) props.maxFontSizeMultiplier = maxFontSizeMultiplier
 
-  return React.Children.toArray(children).map((child, index) => {
-    return typeof child === 'string' ? (
-      // so "data-disable-theme" is a hack to fix themeInverse, don't ask me why
-      <TextComponent key={index} {...props} {...textProps}>
-        {child}
+  // adjacent text children are joined into ONE TextComponent. `<Button>hi {name}</Button>`
+  // is two children ('hi ', name), and wrapping each separately renders them as sibling
+  // text nodes: they lay out with a gap, ellipsis/wrapping applies per fragment instead of
+  // to the whole string, and assistive tech (plus native test matchers) sees fragments
+  // rather than one label. Numbers count as text too — leaving them unwrapped throws
+  // "Text strings must be rendered within a <Text>" on native.
+  const out: React.ReactNode[] = []
+  let run: (string | number)[] = []
+  let runKey = 0
+
+  const flushRun = () => {
+    if (!run.length) return
+    out.push(
+      // data-disable-theme keeps wrapped text from adding another theme boundary
+      <TextComponent key={`text-${runKey}`} {...props} {...textProps}>
+        {run.length === 1 ? run[0] : run.join('')}
       </TextComponent>
-    ) : (
-      child
     )
+    run = []
+  }
+
+  React.Children.toArray(children).forEach((child, index) => {
+    if (typeof child === 'string' || typeof child === 'number') {
+      if (!run.length) runKey = index
+      run.push(child)
+      return
+    }
+    flushRun()
+    out.push(child)
   })
+  flushRun()
+
+  return out
 }

package/types/Emphasis.d.ts

@@ -1,4 +1,16 @@
-export declare const Strong: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic>;
-export declare const Span: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic>;
-export declare const Em: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Strong: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic];
+};
+export declare const Span: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic];
+};
+export declare const Em: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic];
+};
 //# sourceMappingURL=Emphasis.d.ts.map

package/types/Emphasis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Emphasis.d.ts","sourceRoot":"","sources":["../src/Emphasis.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,0PAGjB,CAAA;AAEF,eAAO,MAAM,IAAI,0PAEf,CAAA;AAEF,eAAO,MAAM,EAAE,0PAGb,CAAA"}
+{"version":3,"file":"Emphasis.d.ts","sourceRoot":"","sources":["../src/Emphasis.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;CAGjB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;CAEf,CAAA;AAEF,eAAO,MAAM,EAAE;;;;CAGb,CAAA"}

package/types/Headings.d.ts

@@ -1,31 +1,98 @@
 import type { GetProps } from '@tamagui/web';
-export declare const Heading: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
-    unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").FontSizeTokens | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Heading: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & {
+    size?: import("@tamagui/web").FontSize | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("@tamagui/web").FontSize | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: import("@tamagui/web").FontSize | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
 export type HeadingProps = GetProps<typeof Heading>;
-export declare const H1: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+export declare const H1: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "unstyled" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & {
+    size?: import("@tamagui/web").FontSize | undefined;
+    unstyled?: boolean | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("@tamagui/web").FontSize | undefined;
+    unstyled?: boolean | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: import("@tamagui/web").FontSize | undefined;
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
+export declare const H2: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "unstyled" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & {
+    size?: import("@tamagui/web").FontSize | undefined;
+    unstyled?: boolean | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("@tamagui/web").FontSize | undefined;
+    unstyled?: boolean | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: import("@tamagui/web").FontSize | undefined;
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
+export declare const H3: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "unstyled" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & {
+    size?: import("@tamagui/web").FontSize | undefined;
+    unstyled?: boolean | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("@tamagui/web").FontSize | undefined;
+    unstyled?: boolean | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: import("@tamagui/web").FontSize | undefined;
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
+export declare const H4: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "unstyled" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & {
+    size?: import("@tamagui/web").FontSize | undefined;
     unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").FontSizeTokens | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
-export declare const H2: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("@tamagui/web").FontSize | undefined;
     unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").FontSizeTokens | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
-export declare const H3: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: import("@tamagui/web").FontSize | undefined;
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
+export declare const H5: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "unstyled" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & {
+    size?: import("@tamagui/web").FontSize | undefined;
     unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").FontSizeTokens | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
-export declare const H4: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("@tamagui/web").FontSize | undefined;
     unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").FontSizeTokens | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
-export declare const H5: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: import("@tamagui/web").FontSize | undefined;
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
+export declare const H6: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "unstyled" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & {
+    size?: import("@tamagui/web").FontSize | undefined;
     unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").FontSizeTokens | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
-export declare const H6: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("@tamagui/web").FontSize | undefined;
     unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").FontSizeTokens | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: import("@tamagui/web").FontSize | undefined;
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
 //# sourceMappingURL=Headings.d.ts.map

package/types/Headings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Headings.d.ts","sourceRoot":"","sources":["../src/Headings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAK5C,eAAO,MAAM,OAAO;;;6CAOlB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAEnD,eAAO,MAAM,EAAE;;;6CAeb,CAAA;AAEF,eAAO,MAAM,EAAE;;;6CAeb,CAAA;AAEF,eAAO,MAAM,EAAE;;;6CAeb,CAAA;AAEF,eAAO,MAAM,EAAE;;;6CAeb,CAAA;AAEF,eAAO,MAAM,EAAE;;;6CAeb,CAAA;AAEF,eAAO,MAAM,EAAE;;;6CAeb,CAAA"}
+{"version":3,"file":"Headings.d.ts","sourceRoot":"","sources":["../src/Headings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAK5C,eAAO,MAAM,OAAO;;;;;;;;;;CAOlB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAEnD,eAAO,MAAM,EAAE;;;;;;;;;;;;;CAeb,CAAA;AAEF,eAAO,MAAM,EAAE;;;;;;;;;;;;;CAeb,CAAA;AAEF,eAAO,MAAM,EAAE;;;;;;;;;;;;;CAeb,CAAA;AAEF,eAAO,MAAM,EAAE;;;;;;;;;;;;;CAeb,CAAA;AAEF,eAAO,MAAM,EAAE;;;;;;;;;;;;;CAeb,CAAA;AAEF,eAAO,MAAM,EAAE;;;;;;;;;;;;;CAeb,CAAA"}

package/types/Paragraph.d.ts

@@ -1,7 +1,14 @@
 import type { GetProps } from '@tamagui/web';
-export declare const Paragraph: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
-    unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").FontSizeTokens | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Paragraph: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & {
+    size?: import("@tamagui/web").FontSize | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("@tamagui/web").FontSize | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: import("@tamagui/web").FontSize | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
 export type ParagraphProps = GetProps<typeof Paragraph>;
 //# sourceMappingURL=Paragraph.d.ts.map

package/types/Paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../src/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAK5C,eAAO,MAAM,SAAS;;;6CAOpB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../src/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAK5C,eAAO,MAAM,SAAS;;;;;;;;;;CAOpB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA"}

package/types/SizableText.d.ts

@@ -1,7 +1,14 @@
 import type { GetProps } from '@tamagui/web';
-export declare const SizableText: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
-    unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").FontSizeTokens | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
+export declare const SizableText: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & {
+    size?: import("@tamagui/web").FontSize | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("@tamagui/web").FontSize | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: import("@tamagui/web").FontSize | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
 export type SizableTextProps = GetProps<typeof SizableText>;
 //# sourceMappingURL=SizableText.d.ts.map

package/types/SizableText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SizableText.d.ts","sourceRoot":"","sources":["../src/SizableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAG5C,eAAO,MAAM,WAAW;;;6CAkBtB,CAAA;AA0BF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA"}
+{"version":3,"file":"SizableText.d.ts","sourceRoot":"","sources":["../src/SizableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAG5C,eAAO,MAAM,WAAW;;;;;;;;;;CAQtB,CAAA;AAwBF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA"}

package/types/wrapChildrenInText.d.ts

@@ -3,10 +3,8 @@ import React from 'react';
 import type { TextParentStyles } from './types';
 type Props = TextParentStyles & {
     children?: React.ReactNode;
-    size?: SizeTokens;
+    size?: SizeTokens | true;
 };
-export declare function wrapChildrenInText(TextComponent: any, propsIn: Props & {
-    unstyled?: boolean;
-}, extraProps?: Record<string, any>): React.ReactNode[] | (number | bigint | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element)[];
+export declare function wrapChildrenInText(TextComponent: any, propsIn: Props & {}, extraProps?: Record<string, any>): React.ReactNode[];
 export {};
 //# sourceMappingURL=wrapChildrenInText.d.ts.map

package/types/wrapChildrenInText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wrapChildrenInText.d.ts","sourceRoot":"","sources":["../src/wrapChildrenInText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,KAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,GAAG,EAClB,OAAO,EAAE,KAAK,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,EACD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,2SAgDjC"}
+{"version":3,"file":"wrapChildrenInText.d.ts","sourceRoot":"","sources":["../src/wrapChildrenInText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,KAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CACzB,CAAA;AAED,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,GAAG,EAClB,OAAO,EAAE,KAAK,GAAG,EAAE,EACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,qBAuEjC"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/types.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/jsx/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/jsx/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/jsx/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}