@tamagui/demos 1.88.13 → 1.88.14

package/src/SliderDemo.tsx

@@ -1,4 +1,5 @@
-import { Slider, SliderProps, XStack } from 'tamagui'
+import type { SliderProps } from 'tamagui'
+import { Slider, XStack } from 'tamagui'
 
 export function SliderDemo() {
   return (

package/src/SwitchDemo.tsx

@@ -1,4 +1,5 @@
-import { Label, Separator, SizeTokens, Switch, XStack, YStack, styled } from 'tamagui'
+import type { SizeTokens } from 'tamagui'
+import { Label, Separator, Switch, XStack, YStack, styled } from 'tamagui'
 
 export function SwitchDemo() {
   return (

package/src/TabsAdvancedDemo.tsx

@@ -1,14 +1,12 @@
 import { useState } from 'react'
+import type { StackProps, TabLayout, TabsTabProps } from 'tamagui'
 import {
   AnimatePresence,
   Button,
   H5,
   SizableText,
   Stack,
-  StackProps,
-  TabLayout,
   Tabs,
-  TabsTabProps,
   XStack,
   YStack,
   styled,

package/src/TabsDemo.tsx

@@ -1,15 +1,6 @@
 import { useState } from 'react'
-import {
-  Button,
-  H5,
-  Separator,
-  SizableText,
-  Tabs,
-  TabsContentProps,
-  XStack,
-  YStack,
-  isWeb,
-} from 'tamagui'
+import type { TabsContentProps } from 'tamagui'
+import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb } from 'tamagui'
 
 const demos = ['horizontal', 'vertical'] as const
 const demosTitle: Record<(typeof demos)[number], string> = {

package/src/ThemeBuilderDemo.tsx

@@ -1,4 +1,5 @@
-import { Square, SquareProps, ThemeName, XStack, YStack } from 'tamagui'
+import type { SquareProps, ThemeName } from 'tamagui'
+import { Square, XStack, YStack } from 'tamagui'
 
 export function ThemeBuilderDemo() {
   return (

package/src/ToggleGroupDemo.tsx

@@ -1,5 +1,6 @@
 import { AlignCenter, AlignLeft, AlignRight } from '@tamagui/lucide-icons'
-import { Label, SizeTokens, ToggleGroup, XStack, YStack } from 'tamagui'
+import type { SizeTokens } from 'tamagui'
+import { Label, ToggleGroup, XStack, YStack } from 'tamagui'
 
 export function ToggleGroupDemo() {
   return (

package/src/TokensDemo.tsx

@@ -1,4 +1,5 @@
-import { Tokens, getConfig } from '@tamagui/core'
+import type { Tokens } from '@tamagui/core'
+import { getConfig } from '@tamagui/core'
 import { useState } from 'react'
 import { Button, H2, H3, H4, Separator, Square, XGroup, XStack, YStack } from 'tamagui'
 

package/src/TooltipDemo.tsx

@@ -5,15 +5,8 @@ import {
   ChevronUp,
   Circle,
 } from '@tamagui/lucide-icons'
-import {
-  Button,
-  Paragraph,
-  Tooltip,
-  TooltipGroup,
-  TooltipProps,
-  XStack,
-  YStack,
-} from 'tamagui'
+import type { TooltipProps } from 'tamagui'
+import { Button, Paragraph, Tooltip, TooltipGroup, XStack, YStack } from 'tamagui'
 
 export function TooltipDemo() {
   return (

package/src/useOnIntersecting.tsx

@@ -1,4 +1,5 @@
-import { MutableRefObject, useEffect, useState } from 'react'
+import type { MutableRefObject } from 'react'
+import { useEffect, useState } from 'react'
 import { isWeb, useEvent } from 'tamagui'
 
 type DisposeFn = () => void
@@ -82,7 +83,7 @@ export function useOnIntersecting<Ref extends HTMLRef | HTMLRef[]>(
     root,
     rootMargin,
     threshold,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     ...mountArgs,
   ])
 }

package/types/BuildAButtonDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BuildAButtonDemo.d.ts","sourceRoot":"","sources":["../src/BuildAButtonDemo.tsx"],"names":[],"mappings":";AAeA,wBAAgB,gBAAgB,gBAgB/B"}
+{"version":3,"file":"BuildAButtonDemo.d.ts","sourceRoot":"","sources":["../src/BuildAButtonDemo.tsx"],"names":[],"mappings":";AAgBA,wBAAgB,gBAAgB,gBAgB/B"}

package/types/CardDemo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardProps } from 'tamagui';
+import type { CardProps } from 'tamagui';
 export declare function CardDemo(): JSX.Element;
 export declare function DemoCard(props: CardProps): JSX.Element;
 //# sourceMappingURL=CardDemo.d.ts.map

package/types/CardDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardDemo.d.ts","sourceRoot":"","sources":["../src/CardDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,SAAS,EAAgC,MAAM,SAAS,CAAA;AAE/E,wBAAgB,QAAQ,gBAevB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,eAwBxC"}
+{"version":3,"file":"CardDemo.d.ts","sourceRoot":"","sources":["../src/CardDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC,wBAAgB,QAAQ,gBAevB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,eAwBxC"}

package/types/CheckboxDemo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CheckboxProps, SizeTokens } from 'tamagui';
+import type { CheckboxProps, SizeTokens } from 'tamagui';
 export declare function CheckboxDemo(): JSX.Element;
 export declare function CheckboxWithLabel({ size, label, ...checkboxProps }: CheckboxProps & {
     size: SizeTokens;

package/types/CheckboxDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxDemo.d.ts","sourceRoot":"","sources":["../src/CheckboxDemo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAY,aAAa,EAAS,UAAU,EAAkB,MAAM,SAAS,CAAA;AAEpF,wBAAgB,YAAY,gBAQ3B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAqC,EACrC,GAAG,aAAa,EACjB,EAAE,aAAa,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,eAetD"}
+{"version":3,"file":"CheckboxDemo.d.ts","sourceRoot":"","sources":["../src/CheckboxDemo.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGxD,wBAAgB,YAAY,gBAQ3B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAqC,EACrC,GAAG,aAAa,EACjB,EAAE,aAAa,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,eAetD"}

package/types/FormsDemo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SizeTokens } from 'tamagui';
+import type { SizeTokens } from 'tamagui';
 export declare function FormsDemo(props: {
     size: SizeTokens;
 }): JSX.Element;

package/types/FormsDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormsDemo.d.ts","sourceRoot":"","sources":["../src/FormsDemo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,UAAU,EAAW,MAAM,SAAS,CAAA;AAE/D,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,eAiCpD"}
+{"version":3,"file":"FormsDemo.d.ts","sourceRoot":"","sources":["../src/FormsDemo.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,eAiCpD"}

package/types/InputsDemo.d.ts.map

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

package/types/PopoverDemo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PopoverProps } from 'tamagui';
+import type { PopoverProps } from 'tamagui';
 export declare function PopoverDemo(): JSX.Element;
 export declare function Demo({ Icon, Name, ...props }: PopoverProps & {
     Icon?: any;

package/types/PopoverDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverDemo.d.ts","sourceRoot":"","sources":["../src/PopoverDemo.tsx"],"names":[],"mappings":";AACA,OAAO,EAML,YAAY,EAGb,MAAM,SAAS,CAAA;AAEhB,wBAAgB,WAAW,gBAS1B;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,eA2D9C"}
+{"version":3,"file":"PopoverDemo.d.ts","sourceRoot":"","sources":["../src/PopoverDemo.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,wBAAgB,WAAW,gBAS1B;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,eA2D9C"}

package/types/ProgressDemo.d.ts.map

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

package/types/RadioGroupDemo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SizeTokens } from 'tamagui';
+import type { SizeTokens } from 'tamagui';
 export declare function RadioGroupDemo(): JSX.Element;
 export declare function RadioGroupItemWithLabel(props: {
     size: SizeTokens;

package/types/RadioGroupDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupDemo.d.ts","sourceRoot":"","sources":["../src/RadioGroupDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,UAAU,EAAkB,MAAM,SAAS,CAAA;AAEvE,wBAAgB,cAAc,gBAU7B;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAC7C,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,eAaA"}
+{"version":3,"file":"RadioGroupDemo.d.ts","sourceRoot":"","sources":["../src/RadioGroupDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,wBAAgB,cAAc,gBAU7B;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAC7C,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,eAaA"}

package/types/SelectDemo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SelectProps } from 'tamagui';
+import type { SelectProps } from 'tamagui';
 export declare function SelectDemo(): JSX.Element;
 export declare function SelectDemoItem(props: SelectProps): JSX.Element;
 //# sourceMappingURL=SelectDemo.d.ts.map

package/types/SelectDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAKL,WAAW,EAKZ,MAAM,SAAS,CAAA;AAGhB,wBAAgB,UAAU,gBAkBzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,eAkIhD"}
+{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAkB,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1D,wBAAgB,UAAU,gBAkBzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,eAkIhD"}

package/types/SheetDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetDemo.d.ts","sourceRoot":"","sources":["../src/SheetDemo.tsx"],"names":[],"mappings":";AAOA,eAAO,MAAM,SAAS,mBA+FrB,CAAA"}
+{"version":3,"file":"SheetDemo.d.ts","sourceRoot":"","sources":["../src/SheetDemo.tsx"],"names":[],"mappings":";AAQA,eAAO,MAAM,SAAS,mBA+FrB,CAAA"}

package/types/SliderDemo.d.ts.map

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

package/types/SwitchDemo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SizeTokens } from 'tamagui';
+import type { SizeTokens } from 'tamagui';
 export declare function SwitchDemo(): JSX.Element;
 export declare function SwitchWithLabel(props: {
     size: SizeTokens;

package/types/SwitchDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchDemo.d.ts","sourceRoot":"","sources":["../src/SwitchDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,UAAU,EAAkC,MAAM,SAAS,CAAA;AAEtF,wBAAgB,UAAU,gBAqBzB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,eAmBpF"}
+{"version":3,"file":"SwitchDemo.d.ts","sourceRoot":"","sources":["../src/SwitchDemo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,wBAAgB,UAAU,gBAqBzB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,eAmBpF"}

package/types/TabsAdvancedDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsAdvancedDemo.d.ts","sourceRoot":"","sources":["../src/TabsAdvancedDemo.tsx"],"names":[],"mappings":";AAsBA,eAAO,MAAM,gBAAgB,mBAqB5B,CAAA"}
+{"version":3,"file":"TabsAdvancedDemo.d.ts","sourceRoot":"","sources":["../src/TabsAdvancedDemo.tsx"],"names":[],"mappings":";AAoBA,eAAO,MAAM,gBAAgB,mBAqB5B,CAAA"}

package/types/TabsDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsDemo.d.ts","sourceRoot":"","sources":["../src/TabsDemo.tsx"],"names":[],"mappings":";AAmBA,wBAAgB,QAAQ,gBA4BvB"}
+{"version":3,"file":"TabsDemo.d.ts","sourceRoot":"","sources":["../src/TabsDemo.tsx"],"names":[],"mappings":";AAUA,wBAAgB,QAAQ,gBA4BvB"}

package/types/ThemeBuilderDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeBuilderDemo.d.ts","sourceRoot":"","sources":["../src/ThemeBuilderDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,gBAAgB,gBAwB/B"}
+{"version":3,"file":"ThemeBuilderDemo.d.ts","sourceRoot":"","sources":["../src/ThemeBuilderDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,gBAAgB,gBAwB/B"}

package/types/ToggleGroupDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupDemo.d.ts","sourceRoot":"","sources":["../src/ToggleGroupDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,eAAe,gBAe9B"}
+{"version":3,"file":"ToggleGroupDemo.d.ts","sourceRoot":"","sources":["../src/ToggleGroupDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,eAAe,gBAe9B"}

package/types/TokensDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokensDemo.d.ts","sourceRoot":"","sources":["../src/TokensDemo.tsx"],"names":[],"mappings":";AAyBA,wBAAgB,UAAU,gBA4BzB"}
+{"version":3,"file":"TokensDemo.d.ts","sourceRoot":"","sources":["../src/TokensDemo.tsx"],"names":[],"mappings":";AA0BA,wBAAgB,UAAU,gBA4BzB"}

package/types/TooltipDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipDemo.d.ts","sourceRoot":"","sources":["../src/TooltipDemo.tsx"],"names":[],"mappings":";AAiBA,wBAAgB,WAAW,gBAsB1B"}
+{"version":3,"file":"TooltipDemo.d.ts","sourceRoot":"","sources":["../src/TooltipDemo.tsx"],"names":[],"mappings":";AAUA,wBAAgB,WAAW,gBAsB1B"}

package/types/useOnIntersecting.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject } from 'react';
+import type { MutableRefObject } from 'react';
 type DisposeFn = () => void;
 type IntersectCallback = (props: (IntersectionObserverEntry | null)[], didResize?: boolean) => DisposeFn | void | null;
 type HTMLRef = MutableRefObject<HTMLElement | null>;

package/types/useOnIntersecting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOnIntersecting.d.ts","sourceRoot":"","sources":["../src/useOnIntersecting.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAuB,MAAM,OAAO,CAAA;AAG7D,KAAK,SAAS,GAAG,MAAM,IAAI,CAAA;AAE3B,KAAK,iBAAiB,GAAG,CACvB,KAAK,EAAE,CAAC,yBAAyB,GAAG,IAAI,CAAC,EAAE,EAC3C,SAAS,CAAC,EAAE,OAAO,KAChB,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5B,KAAK,OAAO,GAAG,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;AAEnD,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,OAAO,GAAG,OAAO,EAAE,EAC/D,IAAI,EAAE,GAAG,EACT,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAE,wBAAwB,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GACpE,GAAG,SAAS,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,OAAO,CAsBzC;AAED,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,OAAO,GAAG,OAAO,EAAE,EAC/D,MAAM,EAAE,GAAG,EACX,aAAa,EAAE,iBAAiB,EAChC,EAAE,SAAa,EAAE,IAAI,EAAE,UAAU,EAAE,GAAE,wBAA6B,EAClE,SAAS,GAAE,GAAG,EAAO,QA4CtB"}
+{"version":3,"file":"useOnIntersecting.d.ts","sourceRoot":"","sources":["../src/useOnIntersecting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAI7C,KAAK,SAAS,GAAG,MAAM,IAAI,CAAA;AAE3B,KAAK,iBAAiB,GAAG,CACvB,KAAK,EAAE,CAAC,yBAAyB,GAAG,IAAI,CAAC,EAAE,EAC3C,SAAS,CAAC,EAAE,OAAO,KAChB,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5B,KAAK,OAAO,GAAG,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;AAEnD,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,OAAO,GAAG,OAAO,EAAE,EAC/D,IAAI,EAAE,GAAG,EACT,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAE,wBAAwB,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GACpE,GAAG,SAAS,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,OAAO,CAsBzC;AAED,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,OAAO,GAAG,OAAO,EAAE,EAC/D,MAAM,EAAE,GAAG,EACX,aAAa,EAAE,iBAAiB,EAChC,EAAE,SAAa,EAAE,IAAI,EAAE,UAAU,EAAE,GAAE,wBAA6B,EAClE,SAAS,GAAE,GAAG,EAAO,QA4CtB"}