@multiplatform.one/components 0.2.5 → 0.2.7

package/src/layouts/Debug/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ComponentType, ReactNode } from 'react';
 import type { ThemeName } from 'tamagui';
 import type { WithLayout } from 'multiplatform.one';
-import { Select, YStack, ZStack, XStack, Adapt, Popover, Circle } from 'tamagui';
+import { Select, ZStack, XStack, Adapt, Popover, Circle } from 'tamagui';
 import { SelectSimple } from '../../forms/SelectSimple';
 import { createWithLayout, useLocale, useSupportedLocales } from 'multiplatform.one';
 // @ts-ignore
@@ -17,6 +17,7 @@ export interface DebugLayoutProps<DebugViewProps> {
   debugView?: ComponentType<DebugViewProps>;
   debugViewProps?: DebugViewProps;
   rootThemeNames?: string[];
+  size?: number;
   subThemeNames?: string[];
 }
 
@@ -25,6 +26,7 @@ export function DebugLayout<DebugViewProps>({
   debugView,
   debugViewProps,
   rootThemeNames,
+  size,
   subThemeNames,
 }: DebugLayoutProps<DebugViewProps>) {
   const DebugView = debugView;
@@ -72,10 +74,10 @@ export function DebugLayout<DebugViewProps>({
 
   function renderDebug() {
     return (
-      <XStack space padding="$4" zIndex={9999}>
+      <XStack space m="$4" width={size} height={size}>
         <Popover placement="right" size="$5">
           <Popover.Trigger>
-            <Circle cursor="pointer" backgroundColor="$color9" width={8} height={8} />
+            <Circle cursor="pointer" backgroundColor="$color9" width={size} height={size} />
           </Popover.Trigger>
           <Adapt>
             <Popover.Sheet modal dismissOnSnapToBottom>
@@ -124,19 +126,18 @@ export function DebugLayout<DebugViewProps>({
     );
   }
 
-  if (config.get('DEBUG') !== '1') {
-    return <>{children}</>;
-  }
+  if (config.get('DEBUG') !== '1') return <>{children}</>;
   return (
     <ZStack fullscreen>
+      {children}
       {renderDebug()}
-      <YStack fullscreen>{children}</YStack>
     </ZStack>
   );
 }
 
 DebugLayout.defaultProps = {
   rootThemeNames: ['light', 'dark'],
+  size: 12,
   subThemeNames: ['blue', 'gray', 'green', 'orange', 'pink', 'purple', 'red', 'yellow'],
 };
 

package/src/mdx/LI/LI.stories.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Text } from 'tamagui';
+import { LI } from './index';
+
+export default {
+  title: 'mdx/LI',
+  component: LI,
+  parameters: { status: { type: 'beta' } },
+};
+
+export const main = () => (
+  <LI>
+    <Text>Hello world</Text>
+  </LI>
+);

package/src/panels/SimpleDialog/SimpleDialog.stories.tsx

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { useState } from 'react';
 import type { Meta } from '@storybook/react';
+import { Button, Input, Dialog, YStack } from 'tamagui';
 import { SimpleDialog } from './index';
-import { YStack, Button, Input, Dialog } from 'tamagui';
+import { action } from '@storybook/addon-actions';
 
 const meta: Meta = {
   title: 'panels/SimpleDialog',
@@ -10,20 +11,40 @@ const meta: Meta = {
 };
 
 export const main = () => (
-  <SimpleDialog
-    element={
-      <YStack space>
+  <SimpleDialog onOpenChange={action('onOpenChange')} trigger={<Button>Press Me</Button>} title="Fill the details">
+    <Input placeholder="Enter your first name" />
+    <Input placeholder="Enter your last name" />
+    <Dialog.Close>
+      <Button>Submit</Button>
+    </Dialog.Close>
+  </SimpleDialog>
+);
+
+function OpenWithFunction() {
+  const [open, setOpen] = useState(false);
+
+  function handlePress() {
+    setOpen((open) => !open);
+  }
+
+  function handleOpenChange(open) {
+    action('onOpenChange')();
+    setOpen(open);
+  }
+
+  return (
+    <YStack ai="flex-start">
+      <Button onPress={handlePress}>Press Me</Button>
+      <SimpleDialog open={open} onOpenChange={handleOpenChange} title="Fill the details">
         <Input placeholder="Enter your first name" />
         <Input placeholder="Enter your last name" />
         <Dialog.Close>
           <Button>Submit</Button>
         </Dialog.Close>
-      </YStack>
-    }
-    title="Fill the details"
-  >
-    <Button>open Dialog</Button>
-  </SimpleDialog>
-);
+      </SimpleDialog>
+    </YStack>
+  );
+}
+export const openWithFunction = () => <OpenWithFunction />;
 
 export default meta;

package/src/panels/SimpleDialog/index.tsx

@@ -1,30 +1,48 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import type { DialogProps, DialogTitleProps, DialogDescriptionProps, DialogContentProps } from 'tamagui';
+import type { ReactNode } from 'react';
 import { Adapt, Button, Dialog, Sheet, Unspaced } from 'tamagui';
 import { X } from '@tamagui/lucide-icons';
 
-type SimpleDialogProps = DialogProps & {
-  description?: React.ReactNode;
-  titleStyle?: DialogTitleProps;
-  descriptionStyle?: DialogDescriptionProps;
+export type SimpleDialogProps = DialogProps & {
   contentStyle?: DialogContentProps;
-  title?: React.ReactNode;
-  element: React.ReactNode;
+  description?: ReactNode;
+  descriptionStyle?: DialogDescriptionProps;
+  open?: boolean;
+  title?: ReactNode;
+  titleStyle?: DialogTitleProps;
+  trigger?: ReactNode;
+  onOpenChange?: (open: boolean) => void;
 };
 
 export function SimpleDialog({
   children,
-  element,
-  title,
+  contentStyle,
   description,
-  titleStyle,
   descriptionStyle,
-  contentStyle,
+  title,
+  titleStyle,
+  trigger,
   ...props
 }: SimpleDialogProps) {
+  const [open, setOpen] = React.useState(props.open);
+
+  useEffect(() => {
+    if (typeof props.open === 'undefined' || props.open === open) return;
+    setOpen(props.open);
+  }, [props.open]);
+
   return (
-    <Dialog modal {...props}>
-      <Dialog.Trigger asChild>{children}</Dialog.Trigger>
+    <Dialog
+      modal
+      {...props}
+      open={open}
+      onOpenChange={(open) => {
+        setOpen(open);
+        if (props.onOpenChange) props.onOpenChange(open);
+      }}
+    >
+      {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}
       <Adapt when="sm" platform="touch">
         <Sheet zIndex={200000} modal dismissOnSnapToBottom>
           <Sheet.Frame padding="$4" space>
@@ -52,12 +70,12 @@ export function SimpleDialog({
           space
           {...contentStyle}
         >
-          <Dialog.Title {...titleStyle}>{title}</Dialog.Title>
-          <Dialog.Description {...descriptionStyle}>{description ?? description}</Dialog.Description>
-          {element}
+          {title && <Dialog.Title {...titleStyle}>{title}</Dialog.Title>}
+          {description && <Dialog.Description {...descriptionStyle}>{description}</Dialog.Description>}
+          {children}
           <Unspaced>
-            <Dialog.Close asChild>
-              <Button pos="absolute" t="$3" r="$3" size="$2" circular icon={X} />
+            <Dialog.Close asChild space>
+              <Button pos="absolute" t="$3" r="$3" size="$2" circular space icon={X} />
             </Dialog.Close>
           </Unspaced>
         </Dialog.Content>

package/src/panels/SimplePopover/SimplePopover.stories.tsx

@@ -10,15 +10,10 @@ const meta: Meta = {
 };
 
 export const main = () => (
-  <SimplePopover
-    element={
-      <YStack>
-        <Text>popover content</Text>
-      </YStack>
-    }
-    arrowStyle={{ bc: '$backgroundStrong' }}
-  >
-    <Button>Click here to get a Popover</Button>
+  <SimplePopover trigger={<Button>Click here to get a Popover</Button>}>
+    <YStack>
+      <Text>popover content</Text>
+    </YStack>
   </SimplePopover>
 );
 export default meta;

package/src/panels/SimplePopover/index.tsx

@@ -1,28 +1,19 @@
-import type { PopoverProps, PopoverContentProps, AdaptProps, PopoverArrowProps } from 'tamagui';
-import { Adapt, Popover, YStack } from 'tamagui';
+import type { PopoverProps, PopoverContentProps, PopoverArrowProps } from 'tamagui';
+import { Adapt, Popover } from 'tamagui';
 import React from 'react';
+import type { ReactNode } from 'react';
 
-type SimplePopoverProps = PopoverProps & {
-  adaptStyle?: AdaptProps;
+export type SimplePopoverProps = PopoverProps & {
   contentStyle?: PopoverContentProps;
   arrowStyle?: PopoverArrowProps;
-  element: React.ReactNode;
+  trigger: ReactNode;
 };
 
-export function SimplePopover({
-  children,
-  element,
-  contentStyle,
-  adaptStyle,
-  arrowStyle,
-  ...props
-}: SimplePopoverProps) {
+export function SimplePopover({ children, trigger, contentStyle, arrowStyle, ...props }: SimplePopoverProps) {
   return (
     <Popover size="$5" allowFlip {...props}>
-      <Popover.Trigger cursor="pointer" asChild>
-        {children}
-      </Popover.Trigger>
-      <Adapt when="sm" platform="web" {...adaptStyle}>
+      <Popover.Trigger asChild>{trigger}</Popover.Trigger>
+      <Adapt when="sm" platform="touch">
         <Popover.Sheet modal dismissOnSnapToBottom>
           <Popover.Sheet.Frame padding="$4">
             <Adapt.Contents />
@@ -31,15 +22,15 @@ export function SimplePopover({
         </Popover.Sheet>
       </Adapt>
       <Popover.Content
-        bw={1}
-        boc="$borderColor"
-        enterStyle={{ x: 10, y: -10, o: 0, scale: 0.1 }}
-        exitStyle={{ x: 10, y: 10, o: 0, scale: 0.2 }}
+        borderWidth={1}
+        borderColor="$borderColor"
+        enterStyle={{ x: 0, y: -10, opacity: 0 }}
+        exitStyle={{ x: 0, y: -10, opacity: 0 }}
         x={0}
         y={0}
-        o={1}
+        opacity={1}
         animation={[
-          'bouncy',
+          'quick',
           {
             opacity: {
               overshootClamping: true,
@@ -49,8 +40,8 @@ export function SimplePopover({
         elevate
         {...contentStyle}
       >
-        <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} />
-        <YStack cursor="pointer">{element}</YStack>
+        <Popover.Arrow borderWidth={1} borderColor="$borderColor" />
+        {children}
       </Popover.Content>
     </Popover>
   );

package/src/panels/SimpleSheet/SimpleSheet.stories.tsx

@@ -10,5 +10,5 @@ const meta: Meta = {
   parameters: { status: { type: 'beta' } },
 };
 
-export const main = () => <SimpleSheet modal />;
+export const main = () => <SimpleSheet modal>Click to test simpleSHeet</SimpleSheet>;
 export default meta;

package/src/panels/SimpleTooltip/index.tsx

@@ -16,7 +16,9 @@ export function SimpleTooltip({
 }: SimpleToolTipProps & { Icon?: any }) {
   return (
     <Tooltip {...props}>
-      <Tooltip.Trigger>{children}</Tooltip.Trigger>
+      <Tooltip.Trigger cursor="pointer" ai="center">
+        {children}
+      </Tooltip.Trigger>
       <Theme inverse {...themeStyle}>
         <Tooltip.Content
           enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
@@ -35,7 +37,7 @@ export function SimpleTooltip({
           ]}
         >
           <Tooltip.Arrow />
-          <Paragraph size="$2" lineHeight="$1" {...paragraphStyle}>
+          <Paragraph ai="center" size="$2" lineHeight="$1" {...paragraphStyle}>
             {element}
           </Paragraph>
         </Tooltip.Content>

package/src/table/Table/index.tsx

@@ -13,7 +13,7 @@ const StyledTableFrame = styled(ThemeableStack, {
   my: '$4',
 });
 
-const TableFrame = ({ heading, children, ...props }) => {
+export const TableFrame = ({ heading, children, ...props }) => {
   return (
     <StyledTableFrame overflow={'scroll' as any} {...props}>
       {!!heading && (

package/types/code/Code/index.d.ts

@@ -1,31 +1,46 @@
+/// <reference types="react" />
 import type { GetProps } from 'tamagui';
-export declare const Code: import("tamagui").TamaguiComponent<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+export declare const Code: import("tamagui").TamaguiComponent<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;
 }), "colored"> & {
     readonly colored?: boolean | undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;
 }), "colored"> & {
     readonly colored?: boolean | undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;
 }), "colored"> & {
     readonly colored?: boolean | undefined;
 }>>, import("tamagui").TamaguiElement, import("tamagui").TextPropsBase, ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;
@@ -34,75 +49,119 @@ export declare const Code: import("tamagui").TamaguiComponent<Omit<import("react
 }, {
     displayName: string | undefined;
 }>;
-export declare const CodeInline: import("tamagui").TamaguiComponent<(Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size"> & {
-    readonly size?: import("tamagui").FontSizeTokens | undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size"> & {
-    readonly size?: import("tamagui").FontSizeTokens | undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size"> & {
-    readonly size?: import("tamagui").FontSizeTokens | undefined;
-}>>) | (Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+export declare const CodeInline: import("tamagui").TamaguiComponent<(Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+}>>) | (Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 }, string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 }, string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 }, string | number> & {
     [x: string]: undefined;
-}>>) | (Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+}>>) | (Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
-}>>) | (Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+}>>) | (Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "style" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("tamagui").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").TextStyle>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;
 }), string | number> & {
     [x: string]: undefined;
 }>>), import("tamagui").TamaguiElement, import("tamagui").TextPropsBase, ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } | ({
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("tamagui").FontSizeTokens | undefined;
 } & {
     [x: string]: undefined;

package/types/code/Code/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/Code/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUrB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/Code/index.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUrB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC"}