@tamagui/demos 1.0.1-beta.100

package/src/TamaguiLogo.tsx

@@ -0,0 +1,114 @@
+import React, { forwardRef } from 'react'
+import { ThemeName, XStack, XStackProps, YStack } from 'tamagui'
+
+export const tints: ThemeName[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple', 'pink']
+
+export const logoColors = tints.map((t) => `var(--${t}9)`)
+
+export const TamaguiLogo = forwardRef(
+  (
+    {
+      showWords,
+      color,
+      downscale,
+      onHoverLetter,
+      ...props
+    }: {
+      onHoverLetter?: (i: number) => void
+      showWords?: boolean
+      color?: string
+      downscale?: number
+    } & XStackProps,
+    ref
+  ) => (
+    <XStack ref={ref} ai="center" jc="center" space="$5" {...props}>
+      <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />
+      {showWords && (
+        <YStack mb={-4}>
+          <LogoWords onHoverLetter={onHoverLetter} downscale={downscale ?? 2} color={color} />
+        </YStack>
+      )}
+    </XStack>
+  )
+)
+
+export const LogoWords = ({
+  color,
+  downscale = 1,
+  onHoverLetter,
+}: {
+  color?: string
+  downscale?: number
+  onHoverLetter?: any
+}) => {
+  return (
+    <svg
+      width={373 * (1 / downscale) * 0.333333334}
+      height={41 * (1 / downscale) * 0.333333334}
+      viewBox="0 0 373 41"
+    >
+      <polygon
+        shapeRendering="crispEdges"
+        fill={color || logoColors[0]}
+        points="24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903"
+        onMouseEnter={onHoverLetter ? () => onHoverLetter(0) : undefined}
+      />
+      <path
+        shapeRendering="crispEdges"
+        fill={color || logoColors[1]}
+        d="M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z"
+        fillRule="nonzero"
+        onMouseEnter={onHoverLetter ? () => onHoverLetter(1) : undefined}
+      />
+      <polygon
+        shapeRendering="crispEdges"
+        fill={color || logoColors[2]}
+        points="130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903"
+        onMouseEnter={onHoverLetter ? () => onHoverLetter(2) : undefined}
+      />
+      <path
+        fill={color || logoColors[3]}
+        d="M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z"
+        fillRule="nonzero"
+        onMouseEnter={onHoverLetter ? () => onHoverLetter(3) : undefined}
+      />
+      <polygon
+        shapeRendering="crispEdges"
+        fill={color || logoColors[4]}
+        points="264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903"
+        onMouseEnter={onHoverLetter ? () => onHoverLetter(4) : undefined}
+      />
+      <polygon
+        shapeRendering="crispEdges"
+        fill={color || logoColors[5]}
+        points="323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903"
+        onMouseEnter={onHoverLetter ? () => onHoverLetter(5) : undefined}
+      />
+      <polygon
+        shapeRendering="crispEdges"
+        fill={color || logoColors[6]}
+        points="372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
+        onMouseEnter={onHoverLetter ? () => onHoverLetter(6) : undefined}
+      />
+    </svg>
+  )
+}
+
+export const LogoIcon = ({ downscale = 2 }: any) => {
+  return (
+    <YStack
+      als="center"
+      marginVertical={-10}
+      pressStyle={{
+        opacity: 0.7,
+      }}
+    >
+      <img
+        className="tamagui-icon"
+        width={450 / 8 / downscale}
+        height={420 / 8 / downscale}
+        src="/tamagui-icon.svg"
+      />
+    </YStack>
+  )
+}

package/src/TextDemo.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import { Paragraph, SizableText, Text, XStack, YStack } from 'tamagui'
+
+export function TextDemo() {
+  return (
+    <YStack space="$2" ai="center">
+      <Text>Text</Text>
+      <SizableText size="$3">SizableText</SizableText>
+      <XStack space>
+        <SizableText theme="alt1" size="$3">
+          alt1
+        </SizableText>
+        <SizableText theme="alt2" size="$3">
+          alt2
+        </SizableText>
+        <SizableText theme="alt3" size="$3">
+          alt3
+        </SizableText>
+      </XStack>
+      <Paragraph size="$2" fow="800">
+        Paragraph
+      </Paragraph>
+    </YStack>
+  )
+}

package/src/ThemeInverseDemo.tsx

@@ -0,0 +1,27 @@
+import { ThemeInverse } from '@tamagui/core'
+import React from 'react'
+import { Button, Theme, XStack, YStack } from 'tamagui'
+
+export function ThemeInverseDemo() {
+  return (
+    <XStack space>
+      <Buttons />
+      <ThemeInverse>
+        <Buttons />
+      </ThemeInverse>
+    </XStack>
+  )
+}
+
+function Buttons() {
+  return (
+    <YStack bc="$background" p="$3" br="$3" space>
+      <Button>Dark</Button>
+      <Button themeInverse>Inversed</Button>
+      <Button theme="alt1">Alt1 Dark</Button>
+      <Theme name="yellow">
+        <Button>Yellow dark</Button>
+      </Theme>
+    </YStack>
+  )
+}

package/src/TooltipDemo.tsx

@@ -0,0 +1,51 @@
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'
+import React from 'react'
+import { Button, Paragraph, Tooltip, TooltipGroup, TooltipProps, XStack, YStack } from 'tamagui'
+
+export function TooltipDemo() {
+  return (
+    <TooltipGroup delay={{ open: 3000, close: 100 }}>
+      <YStack space="$2" als="center">
+        <XStack space="$2">
+          <Demo groupId="0" placement="top-end" Icon={Circle} />
+          <Demo groupId="1" placement="top" Icon={ChevronUp} />
+          <Demo groupId="2" placement="top-start" Icon={Circle} />
+        </XStack>
+        <XStack space="$2">
+          <Demo groupId="3" placement="left" Icon={ChevronLeft} />
+          <YStack f={1} />
+          <Demo groupId="4" placement="right" Icon={ChevronRight} />
+        </XStack>
+        <XStack space="$2">
+          <Demo groupId="5" placement="bottom-end" Icon={Circle} />
+          <Demo groupId="6" placement="bottom" Icon={ChevronDown} />
+          <Demo groupId="7" placement="bottom-start" Icon={Circle} />
+        </XStack>
+      </YStack>
+    </TooltipGroup>
+  )
+}
+
+export function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {
+  return (
+    <Tooltip {...props}>
+      <Tooltip.Trigger>
+        <Button icon={Icon} circular />
+      </Tooltip.Trigger>
+      <Tooltip.Content
+        enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
+        exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
+        scale={1}
+        x={0}
+        y={0}
+        o={1}
+        animation="bouncy"
+      >
+        <Tooltip.Arrow />
+        <Paragraph size="$2" lineHeight="$1">
+          Hello world
+        </Paragraph>
+      </Tooltip.Content>
+    </Tooltip>
+  )
+}

package/src/conf.tsx

@@ -0,0 +1,8 @@
+import { config } from '@tamagui/config-base'
+import { InferTamaguiConfig } from '@tamagui/core'
+
+export type Conf = InferTamaguiConfig<typeof config>
+
+declare module 'tamagui' {
+  interface TamaguiCustomConfig extends Conf {}
+}

package/src/index.tsx

@@ -0,0 +1,34 @@
+// export { DrawerDemo } from './DrawerDemo'
+// export { MenuDemo } from './MenuDemo'
+// gorhom bottom-sheet giving kitchen-sink problems
+export { AnimationsDemo } from './AnimationsDemo'
+export { AnimationsEnterDemo } from './AnimationsEnterDemo'
+export { AnimationsHoverDemo } from './AnimationsHoverDemo'
+export { AnimationsPresenceDemo } from './AnimationsPresenceDemo'
+export { AvatarDemo } from './AvatarDemo'
+export { ButtonDemo } from './ButtonDemo'
+export { CardDemo } from './CardDemo'
+export { DialogDemo } from './DialogDemo'
+export { SheetDemo } from './SheetDemo'
+export { FeatherIconsDemo } from './FeatherIconsDemo'
+export { FormsDemo } from './FormsDemo'
+export { GroupDemo } from './GroupDemo'
+export { HeadingsDemo } from './HeadingsDemo'
+export { ImageDemo } from './ImageDemo'
+export { LabelDemo } from './LabelDemo'
+export { LinearGradientDemo } from './LinearGradientDemo'
+export { ListItemDemo } from './ListItemDemo'
+export { PopoverDemo } from './PopoverDemo'
+export { ProgressDemo } from './ProgressDemo'
+export { SelectDemo } from './SelectDemo'
+export { SeparatorDemo } from './SeparatorDemo'
+export { ShapesDemo } from './ShapesDemo'
+export { SliderDemo } from './SliderDemo'
+export { SpinnerDemo } from './SpinnerDemo'
+export { StacksDemo } from './StacksDemo'
+export { SwitchDemo } from './SwitchDemo'
+export { TextDemo } from './TextDemo'
+export { ThemeInverseDemo } from './ThemeInverseDemo'
+export { TooltipDemo } from './TooltipDemo'
+export * from './useOnIntersecting'
+export * from './TamaguiLogo'

package/src/useOnIntersecting.tsx

@@ -0,0 +1,80 @@
+import { MutableRefObject, useEffect, useRef, useState } from 'react'
+import { debounce } from 'tamagui'
+
+type DisposeFn = () => void
+type IntersectFn = (
+  props: IntersectionObserverEntry & { dispose?: DisposeFn | null },
+  didResize?: boolean
+) => void | DisposeFn
+
+export const useIsIntersecting = (
+  ref: MutableRefObject<HTMLElement | null>,
+  { once }: { once?: boolean } = {}
+) => {
+  const [val, setVal] = useState(false)
+  useOnIntersecting(ref, ({ isIntersecting }) => {
+    if ((once && isIntersecting) || !once) {
+      setVal(isIntersecting)
+    }
+  })
+  return val
+}
+
+export const useOnIntersecting = (
+  ref: MutableRefObject<HTMLElement | null>,
+  incomingCb: IntersectFn,
+  options: IntersectionObserverInit = {
+    threshold: 1,
+  },
+  mountArgs: any[] = []
+) => {
+  const cb = useRef<IntersectFn>()
+
+  useEffect(() => {
+    cb.current = incomingCb
+  }, [incomingCb])
+
+  // arrow keys
+  useEffect(() => {
+    const node = ref.current
+    if (!node) return
+    // only when carousel is fully in viewport
+    let dispose: DisposeFn | null = null
+    let lastEntry: any
+
+    const io = new IntersectionObserver(([entry]) => {
+      if (entry.isIntersecting) {
+        lastEntry = new Proxy(entry, {
+          get(target, key) {
+            if (key === 'dispose') {
+              return dispose
+            }
+            return Reflect.get(target, key)
+          },
+        })
+        dispose?.()
+        dispose = cb.current?.(lastEntry) || null
+      } else {
+        dispose?.()
+      }
+    }, options)
+
+    const ro = new ResizeObserver(
+      debounce(() => {
+        if (!lastEntry) {
+          return
+        }
+        dispose = cb.current?.(lastEntry, true) || null
+      }, 150)
+    )
+
+    ro.observe(document.body)
+    io.observe(node)
+
+    return () => {
+      dispose?.()
+      ro.disconnect()
+      io.disconnect()
+    }
+  }, [ref.current, ...mountArgs])
+}

package/types/AnimationsDemo.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export declare function AnimationsDemo(props: any): JSX.Element;
+export declare const positions: ({
+    x: number;
+    y: number;
+    scale: number;
+    rotate: string;
+    hoverStyle?: undefined;
+    pressStyle?: undefined;
+} | {
+    x: number;
+    y: number;
+    scale: number;
+    rotate: string;
+    hoverStyle: {
+        scale: number;
+    };
+    pressStyle: {
+        scale: number;
+    };
+})[];
+//# sourceMappingURL=AnimationsDemo.d.ts.map

package/types/AnimationsDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationsDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsDemo.tsx"],"names":[],"mappings":";AAMA,wBAAgB,cAAc,CAAC,KAAK,KAAA,eA6CnC;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;IA+BrB,CAAA"}

package/types/AnimationsEnterDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function AnimationsEnterDemo(): JSX.Element;
+//# sourceMappingURL=AnimationsEnterDemo.d.ts.map

package/types/AnimationsEnterDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationsEnterDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsEnterDemo.tsx"],"names":[],"mappings":";AAOA,wBAAgB,mBAAmB,gBAmClC"}

package/types/AnimationsHoverDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function AnimationsHoverDemo(): JSX.Element;
+//# sourceMappingURL=AnimationsHoverDemo.d.ts.map

package/types/AnimationsHoverDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationsHoverDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsHoverDemo.tsx"],"names":[],"mappings":";AAKA,wBAAgB,mBAAmB,gBAkBlC"}

package/types/AnimationsPresenceDemo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const images: any[];
+export declare function AnimationsPresenceDemo(): JSX.Element;
+//# sourceMappingURL=AnimationsPresenceDemo.d.ts.map

package/types/AnimationsPresenceDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationsPresenceDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsPresenceDemo.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,MAAM,OAAuC,CAAA;AAS1D,wBAAgB,sBAAsB,gBA0CrC"}

package/types/AvatarDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function AvatarDemo(): JSX.Element;
+//# sourceMappingURL=AvatarDemo.d.ts.map

package/types/AvatarDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarDemo.d.ts","sourceRoot":"","sources":["../src/AvatarDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,UAAU,gBAoBzB"}

package/types/ButtonDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function ButtonDemo(props: any): JSX.Element;
+//# sourceMappingURL=ButtonDemo.d.ts.map

package/types/ButtonDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonDemo.d.ts","sourceRoot":"","sources":["../src/ButtonDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,UAAU,CAAC,KAAK,KAAA,eAiC/B"}

package/types/CardDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function CardDemo(): JSX.Element;
+//# sourceMappingURL=CardDemo.d.ts.map

package/types/CardDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardDemo.d.ts","sourceRoot":"","sources":["../src/CardDemo.tsx"],"names":[],"mappings":";AAMA,wBAAgB,QAAQ,gBAevB"}

package/types/Demos.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare function Demos(): JSX.Element;
+export declare function ButtonDemo(): JSX.Element;
+export declare function TooltipDemo(): JSX.Element;
+export declare function GroupListItemDemo(): JSX.Element;
+export declare function AvatarDemo(): JSX.Element;
+export declare function ShapesDemo(): JSX.Element;
+export declare function SeparatorDemo(): JSX.Element;
+//# sourceMappingURL=Demos.d.ts.map

package/types/Demos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Demos.d.ts","sourceRoot":"","sources":["../src/Demos.tsx"],"names":[],"mappings":";AAcA,wBAAgB,KAAK,gBAEpB;AAED,wBAAgB,UAAU,gBAMzB;AAED,wBAAgB,WAAW,gBAQ1B;AAED,wBAAgB,iBAAiB,gBAWhC;AAED,wBAAgB,UAAU,gBAOzB;AAED,wBAAgB,UAAU,gBAMzB;AAED,wBAAgB,aAAa,gBAkB5B"}

package/types/DialogDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function DialogDemo(): JSX.Element;
+//# sourceMappingURL=DialogDemo.d.ts.map

package/types/DialogDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogDemo.d.ts","sourceRoot":"","sources":["../src/DialogDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,UAAU,gBAoEzB"}

package/types/DrawerDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function DrawerDemo(): JSX.Element;
+//# sourceMappingURL=DrawerDemo.d.ts.map

package/types/DrawerDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerDemo.d.ts","sourceRoot":"","sources":["../src/DrawerDemo.tsx"],"names":[],"mappings":";AAMA,wBAAgB,UAAU,gBA2BzB"}

package/types/DrawerSimpleDemo.d.ts

@@ -0,0 +1,2 @@
+export declare const DrawerSimpleDemo: () => JSX.Element;
+//# sourceMappingURL=DrawerSimpleDemo.d.ts.map

package/types/DrawerSimpleDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSimpleDemo.d.ts","sourceRoot":"","sources":["../src/DrawerSimpleDemo.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,mBAmB5B,CAAA"}

package/types/FeatherIconsDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function FeatherIconsDemo(): JSX.Element;
+//# sourceMappingURL=FeatherIconsDemo.d.ts.map

package/types/FeatherIconsDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatherIconsDemo.d.ts","sourceRoot":"","sources":["../src/FeatherIconsDemo.tsx"],"names":[],"mappings":";AAYA,wBAAgB,gBAAgB,gBAgC/B"}

package/types/FormsDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function FormsDemo(): JSX.Element;
+//# sourceMappingURL=FormsDemo.d.ts.map

package/types/FormsDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormsDemo.d.ts","sourceRoot":"","sources":["../src/FormsDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,SAAS,gBASxB"}

package/types/GroupDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function GroupDemo(): JSX.Element;
+//# sourceMappingURL=GroupDemo.d.ts.map

package/types/GroupDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupDemo.d.ts","sourceRoot":"","sources":["../src/GroupDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,SAAS,gBAqBxB"}

package/types/HeadingsDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function HeadingsDemo(): JSX.Element;
+//# sourceMappingURL=HeadingsDemo.d.ts.map

package/types/HeadingsDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingsDemo.d.ts","sourceRoot":"","sources":["../src/HeadingsDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,YAAY,gBAW3B"}

package/types/ImageDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function ImageDemo(): JSX.Element;
+//# sourceMappingURL=ImageDemo.d.ts.map

package/types/ImageDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageDemo.d.ts","sourceRoot":"","sources":["../src/ImageDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,SAAS,gBAExB"}

package/types/KitchenSink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KitchenSink.d.ts","sourceRoot":"","sources":["../src/KitchenSink.tsx"],"names":[],"mappings":";AAcA,wBAAgB,WAAW,gBAE1B;AAED,wBAAgB,UAAU,gBAMzB;AAED,wBAAgB,WAAW,gBAQ1B;AAED,wBAAgB,iBAAiB,gBAWhC;AAED,wBAAgB,UAAU,gBAOzB;AAED,wBAAgB,UAAU,gBAMzB;AAED,wBAAgB,aAAa,gBAkB5B"}

package/types/LabelDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function LabelDemo(): JSX.Element;
+//# sourceMappingURL=LabelDemo.d.ts.map

package/types/LabelDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelDemo.d.ts","sourceRoot":"","sources":["../src/LabelDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,SAAS,gBAOxB"}

package/types/LinearGradientDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function LinearGradientDemo(): JSX.Element;
+//# sourceMappingURL=LinearGradientDemo.d.ts.map

package/types/LinearGradientDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGradientDemo.d.ts","sourceRoot":"","sources":["../src/LinearGradientDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,kBAAkB,gBAYjC"}

package/types/ListItemDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function ListItemDemo(): JSX.Element;
+//# sourceMappingURL=ListItemDemo.d.ts.map

package/types/ListItemDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemDemo.d.ts","sourceRoot":"","sources":["../src/ListItemDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,YAAY,gBAO3B"}

package/types/MenuDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function MenuDemo(): JSX.Element;
+//# sourceMappingURL=MenuDemo.d.ts.map

package/types/MenuDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDemo.d.ts","sourceRoot":"","sources":["../src/MenuDemo.tsx"],"names":[],"mappings":";AAKA,wBAAgB,QAAQ,gBA2BvB"}

package/types/PopoverDemo.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PopoverProps } from 'tamagui';
+export declare function PopoverDemo(): JSX.Element;
+export declare function Demo({ Icon, ...props }: PopoverProps & {
+    Icon?: any;
+}): JSX.Element;
+//# sourceMappingURL=PopoverDemo.d.ts.map

package/types/PopoverDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverDemo.d.ts","sourceRoot":"","sources":["../src/PopoverDemo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAiC,YAAY,EAAkB,MAAM,SAAS,CAAA;AAErF,wBAAgB,WAAW,gBAQ1B;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,eA0BrE"}

package/types/ProgressDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function ProgressDemo(): JSX.Element;
+//# sourceMappingURL=ProgressDemo.d.ts.map

package/types/ProgressDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressDemo.d.ts","sourceRoot":"","sources":["../src/ProgressDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,YAAY,gBA+C3B"}

package/types/SelectDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function SelectDemo(): JSX.Element;
+//# sourceMappingURL=SelectDemo.d.ts.map

package/types/SelectDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,UAAU,gBA+CzB"}

package/types/SeparatorDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function SeparatorDemo(): JSX.Element;
+//# sourceMappingURL=SeparatorDemo.d.ts.map

package/types/SeparatorDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorDemo.d.ts","sourceRoot":"","sources":["../src/SeparatorDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,aAAa,gBAe5B"}

package/types/ShapesDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function ShapesDemo(): JSX.Element;
+//# sourceMappingURL=ShapesDemo.d.ts.map

package/types/ShapesDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapesDemo.d.ts","sourceRoot":"","sources":["../src/ShapesDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,UAAU,gBAOzB"}

package/types/SheetDemo.d.ts

@@ -0,0 +1,2 @@
+export declare const SheetDemo: () => JSX.Element;
+//# sourceMappingURL=SheetDemo.d.ts.map

package/types/SheetDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetDemo.d.ts","sourceRoot":"","sources":["../src/SheetDemo.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,mBAmBrB,CAAA"}

package/types/SliderDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function SliderDemo(): JSX.Element;
+//# sourceMappingURL=SliderDemo.d.ts.map

package/types/SliderDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderDemo.d.ts","sourceRoot":"","sources":["../src/SliderDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,UAAU,gBAOzB"}

package/types/SpinnerDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function SpinnerDemo(): JSX.Element;
+//# sourceMappingURL=SpinnerDemo.d.ts.map

package/types/SpinnerDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerDemo.d.ts","sourceRoot":"","sources":["../src/SpinnerDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,WAAW,gBAO1B"}

package/types/StacksDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function StacksDemo(): JSX.Element;
+//# sourceMappingURL=StacksDemo.d.ts.map

package/types/StacksDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StacksDemo.d.ts","sourceRoot":"","sources":["../src/StacksDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,UAAU,gBAsBzB"}