@tamagui/demos 1.108.0 → 1.108.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.108.0",
+  "version": "1.108.2",
   "sideEffects": [
     "*.css"
   ],
@@ -39,29 +39,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.108.0",
-    "@tamagui/button": "1.108.0",
-    "@tamagui/config": "1.108.0",
-    "@tamagui/core": "1.108.0",
-    "@tamagui/list-item": "1.108.0",
-    "@tamagui/logo": "1.108.0",
-    "@tamagui/lucide-icons": "1.108.0",
-    "@tamagui/menu": "1.108.0",
-    "@tamagui/popover": "1.108.0",
-    "@tamagui/progress": "1.108.0",
-    "@tamagui/radio-group": "1.108.0",
-    "@tamagui/select": "1.108.0",
-    "@tamagui/sheet": "1.108.0",
-    "@tamagui/slider": "1.108.0",
-    "@tamagui/stacks": "1.108.0",
-    "@tamagui/toast": "1.108.0",
-    "tamagui": "1.108.0"
+    "@tamagui/avatar": "1.108.2",
+    "@tamagui/button": "1.108.2",
+    "@tamagui/config": "1.108.2",
+    "@tamagui/core": "1.108.2",
+    "@tamagui/list-item": "1.108.2",
+    "@tamagui/logo": "1.108.2",
+    "@tamagui/lucide-icons": "1.108.2",
+    "@tamagui/menu": "1.108.2",
+    "@tamagui/popover": "1.108.2",
+    "@tamagui/progress": "1.108.2",
+    "@tamagui/radio-group": "1.108.2",
+    "@tamagui/select": "1.108.2",
+    "@tamagui/sheet": "1.108.2",
+    "@tamagui/slider": "1.108.2",
+    "@tamagui/stacks": "1.108.2",
+    "@tamagui/toast": "1.108.2",
+    "tamagui": "1.108.2"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.108.0",
+    "@tamagui/build": "1.108.2",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
   },

package/src/AddThemeDemo.tsx

@@ -1,9 +1,10 @@
+import React from 'react'
 import { addTheme } from '@tamagui/theme'
-import { useState } from 'react'
+
 import { Button, H3, Square, Theme, YStack } from 'tamagui'
 
 export function AddThemeDemo() {
-  const [theme, setTheme] = useState<any>()
+  const [theme, setTheme] = React.useState<any>()
 
   return (
     <YStack alignItems="center" space>

package/src/AnimationsEnterDemo.tsx

@@ -1,12 +1,13 @@
+import React from 'react'
 import { LogoIcon } from '@tamagui/logo'
-import { useRef, useState } from 'react'
+
 import { Button, Square, YStack, isWeb } from 'tamagui'
 
 import { useIsIntersecting } from './useOnIntersecting'
 
 export function AnimationsEnterDemo(props: any) {
-  const ref = useRef<HTMLElement>(null)
-  const [key, setKey] = useState(0)
+  const ref = React.useRef<HTMLElement>(null)
+  const [key, setKey] = React.useState(0)
 
   if (isWeb) {
     const hasIntersected = useIsIntersecting(ref, { once: true })

package/src/AnimationsPresenceDemo.tsx

@@ -1,6 +1,7 @@
+import React from 'react'
 import { AnimatePresence } from '@tamagui/animate-presence'
 import { ArrowLeft, ArrowRight } from '@tamagui/lucide-icons'
-import { useState } from 'react'
+
 import { Button, Image, XStack, YStack, styled } from 'tamagui'
 
 // @ts-ignore
@@ -42,7 +43,7 @@ const wrap = (min: number, max: number, v: number) => {
 }
 
 export function AnimationsPresenceDemo() {
-  const [[page, going], setPage] = useState([0, 0])
+  const [[page, going], setPage] = React.useState([0, 0])
 
   const imageIndex = wrap(0, images.length, page)
   const paginate = (going: number) => {
@@ -75,6 +76,7 @@ export function AnimationsPresenceDemo() {
         onPress={() => paginate(-1)}
         zi={100}
       />
+
       <Button
         accessibilityLabel="Carousel right"
         icon={ArrowRight}

package/src/CheckboxHeadlessDemo.tsx

@@ -1,7 +1,8 @@
+import React from 'react'
 import type { CheckboxProps as CheckboxHeadlessProps } from '@tamagui/checkbox-headless'
 import { useCheckbox } from '@tamagui/checkbox-headless'
 import { Check, Minus } from '@tamagui/lucide-icons'
-import { forwardRef, useState } from 'react'
+
 import type { View } from 'react-native'
 import { Pressable } from 'react-native'
 import { Label, XStack, YStack } from 'tamagui'
@@ -17,8 +18,8 @@ export function CheckboxHeadlessDemo() {
   )
 }
 
-const HeadlessCheckbox = forwardRef<View, CheckboxHeadlessProps>((props, ref) => {
-  const [checked, setChecked] = useState(props.defaultChecked || false)
+const HeadlessCheckbox = React.forwardRef<View, CheckboxHeadlessProps>((props, ref) => {
+  const [checked, setChecked] = React.useState(props.defaultChecked || false)
   const { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(
     props,
     [checked, setChecked],

package/src/FormsDemo.tsx

@@ -1,11 +1,11 @@
-import { useEffect, useState } from 'react'
+import React from 'react'
 import type { SizeTokens } from 'tamagui'
 import { Button, Form, H4, Spinner } from 'tamagui'
 
 export function FormsDemo(props: { size: SizeTokens }) {
-  const [status, setStatus] = useState<'off' | 'submitting' | 'submitted'>('off')
+  const [status, setStatus] = React.useState<'off' | 'submitting' | 'submitted'>('off')
 
-  useEffect(() => {
+  React.useEffect(() => {
     if (status === 'submitting') {
       const timer = setTimeout(() => setStatus('off'), 2000)
       return () => {

package/src/LucideIconsDemo.tsx

@@ -1,5 +1,6 @@
+import React from 'react'
 import * as LucideIcons from '@tamagui/lucide-icons'
-import { useMemo, useState } from 'react'
+
 import { ScrollView } from 'react-native'
 import { Input, Paragraph, Spacer, YStack, useDebounceValue } from 'tamagui'
 
@@ -15,12 +16,12 @@ const lucideIcons = Object.keys(
 }))
 
 export function LucideIconsDemo() {
-  const [searchRaw, setSearch] = useState('')
+  const [searchRaw, setSearch] = React.useState('')
   const search = useDebounceValue(searchRaw, 400)
 
   const size = 100
 
-  const iconsMemo = useMemo(
+  const iconsMemo = React.useMemo(
     () =>
       lucideIcons
         .filter((x) => x.key.includes(search.toLowerCase()))

package/src/ProgressDemo.tsx

@@ -1,14 +1,14 @@
-import { useEffect, useState } from 'react'
+import React from 'react'
 import type { SizeTokens } from 'tamagui'
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from 'tamagui'
 
 export function ProgressDemo() {
-  const [key, setKey] = useState(0)
-  const [size, setSize] = useState(4)
-  const [progress, setProgress] = useState(0)
+  const [key, setKey] = React.useState(0)
+  const [size, setSize] = React.useState(4)
+  const [progress, setProgress] = React.useState(0)
   const sizeProp = `$${size}` as SizeTokens
 
-  useEffect(() => {
+  React.useEffect(() => {
     const timer = setTimeout(() => setProgress(60), 1000)
     return () => {
       clearTimeout(timer)

package/src/RadioGroupHeadlessDemo.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import type {
   RadioGroupContextValue,
   RadioGroupItemContextValue,
@@ -8,12 +9,12 @@ import {
   useRadioGroupItemIndicator,
 } from '@tamagui/radio-headless'
 import { RovingFocusGroup } from '@tamagui/roving-focus'
-import { createContext } from 'react'
+
 import { StyleSheet, View, Pressable, Text } from 'react-native'
 import { isWeb, useTheme } from 'tamagui'
 
-const RadioGroupContext = createContext<RadioGroupContextValue>({})
-const RadioGroupItemContext = createContext<RadioGroupItemContextValue>({
+const RadioGroupContext = React.createContext<RadioGroupContextValue>({})
+const RadioGroupItemContext = React.createContext<RadioGroupItemContextValue>({
   checked: false,
   disabled: false,
 })

package/src/ReplaceThemeDemo.tsx

@@ -1,5 +1,6 @@
+import React from 'react'
 import { addTheme, replaceTheme } from '@tamagui/theme'
-import { useState } from 'react'
+
 import {
   Button,
   Square,
@@ -11,7 +12,7 @@ import {
 } from 'tamagui'
 
 export function ReplaceThemeDemo() {
-  const [theme, setTheme] = useState<any>()
+  const [theme, setTheme] = React.useState<any>()
   const update = useForceUpdate()
 
   useIsomorphicLayoutEffect(() => {

package/src/SelectDemo.tsx

@@ -1,5 +1,6 @@
+import React from 'react'
 import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'
-import { useMemo, useState } from 'react'
+
 import type { FontSizeTokens, SelectProps } from 'tamagui'
 import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from 'tamagui'
 import { LinearGradient } from 'tamagui/linear-gradient'
@@ -25,7 +26,7 @@ export function SelectDemo() {
 }
 
 export function SelectDemoItem(props: SelectProps) {
-  const [val, setVal] = useState('apple')
+  const [val, setVal] = React.useState('apple')
 
   return (
     <Select value={val} onValueChange={setVal} disablePreventBodyScroll {...props}>
@@ -89,7 +90,7 @@ export function SelectDemoItem(props: SelectProps) {
           <Select.Group>
             <Select.Label>Fruits</Select.Label>
             {/* for longer lists memoizing these is useful */}
-            {useMemo(
+            {React.useMemo(
               () =>
                 items.map((item, i) => {
                   return (

package/src/SheetDemo.tsx

@@ -1,19 +1,20 @@
+import React from 'react'
 import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'
 import type { SheetProps } from '@tamagui/sheet'
 import { Sheet, useSheet } from '@tamagui/sheet'
-import { useState } from 'react'
+
 import { Button, H1, H2, Input, Paragraph, XStack, YStack } from 'tamagui'
 
 const spModes = ['percent', 'constant', 'fit', 'mixed'] as const
 
 export const SheetDemo = () => {
-  const [position, setPosition] = useState(0)
-  const [open, setOpen] = useState(false)
-  const [modal, setModal] = useState(true)
-  const [innerOpen, setInnerOpen] = useState(false)
+  const [position, setPosition] = React.useState(0)
+  const [open, setOpen] = React.useState(false)
+  const [modal, setModal] = React.useState(true)
+  const [innerOpen, setInnerOpen] = React.useState(false)
   const [snapPointsMode, setSnapPointsMode] =
-    useState<(typeof spModes)[number]>('percent')
-  const [mixedFitDemo, setMixedFitDemo] = useState(false)
+    React.useState<(typeof spModes)[number]>('percent')
+  const [mixedFitDemo, setMixedFitDemo] = React.useState(false)
 
   const isPercent = snapPointsMode === 'percent'
   const isConstant = snapPointsMode === 'constant'
@@ -57,9 +58,9 @@ export const SheetDemo = () => {
           </Button>
         ) : (
           <XStack paddingVertical="$2.5" justifyContent="center">
-            <Paragraph>{`Snap Points: ${
-              isFit ? '(none)' : JSON.stringify(snapPoints)
-            }`}</Paragraph>
+            <Paragraph>
+              {`Snap Points: ${isFit ? '(none)' : JSON.stringify(snapPoints)}`}
+            </Paragraph>
           </XStack>
         )}
       </YStack>
@@ -82,6 +83,7 @@ export const SheetDemo = () => {
           enterStyle={{ opacity: 0 }}
           exitStyle={{ opacity: 0 }}
         />
+
         <Sheet.Handle />
         <Sheet.Frame padding="$4" justifyContent="center" alignItems="center" space="$5">
           <Button size="$6" circular icon={ChevronDown} onPress={() => setOpen(false)} />
@@ -111,6 +113,7 @@ function InnerSheet(props: SheetProps) {
         enterStyle={{ opacity: 0 }}
         exitStyle={{ opacity: 0 }}
       />
+
       <Sheet.Handle />
       <Sheet.Frame flex={1} justifyContent="center" alignItems="center" space="$5">
         <Sheet.ScrollView>
@@ -122,6 +125,7 @@ function InnerSheet(props: SheetProps) {
               icon={ChevronDown}
               onPress={() => props.onOpenChange?.(false)}
             />
+
             <H2>Hello world</H2>
             {[1, 2, 3, 4, 5, 6, 7, 8].map((i) => (
               <Paragraph key={i} size="$8">

package/src/SwitchHeadlessDemo.tsx

@@ -1,6 +1,7 @@
+import React from 'react'
 import type { SwitchProps as SwitchHeadlessProps } from '@tamagui/switch-headless'
 import { useSwitch } from '@tamagui/switch-headless'
-import { forwardRef, useEffect, useRef, useState } from 'react'
+
 import type { View } from 'react-native'
 import { Animated, Pressable } from 'react-native'
 import { Label, XStack, YStack } from 'tamagui'
@@ -16,17 +17,17 @@ export function SwitchHeadlessDemo() {
   )
 }
 
-const HeadlessSwitch = forwardRef<View, SwitchHeadlessProps>((props, ref) => {
-  const [checked, setChecked] = useState(props.defaultChecked || false)
+const HeadlessSwitch = React.forwardRef<View, SwitchHeadlessProps>((props, ref) => {
+  const [checked, setChecked] = React.useState(props.defaultChecked || false)
   const { switchProps, switchRef, bubbleInput } = useSwitch(
     props,
     [checked, setChecked],
     ref
   )
 
-  const animation = useRef(new Animated.Value(checked ? 1 : 0)).current
+  const animation = React.useRef(new Animated.Value(checked ? 1 : 0)).current
 
-  useEffect(() => {
+  React.useEffect(() => {
     Animated.timing(animation, {
       toValue: checked ? 1 : 0,
       duration: 100,

package/src/TabsAdvancedDemo.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import React from 'react'
 import type { StackProps, TabLayout, TabsTabProps } from 'tamagui'
 import {
   AnimatePresence,
@@ -18,7 +18,7 @@ const demosTitle: Record<(typeof demos)[number], string> = {
 }
 
 export const TabsAdvancedDemo = () => {
-  const [demoIndex, setDemoIndex] = useState(0)
+  const [demoIndex, setDemoIndex] = React.useState(0)
   const demo = demos[demoIndex]
   return (
     <>
@@ -41,7 +41,7 @@ export const TabsAdvancedDemo = () => {
 }
 
 const TabsAdvancedBackground = () => {
-  const [tabState, setTabState] = useState<{
+  const [tabState, setTabState] = React.useState<{
     currentTab: string
     /**
      * Layout of the Tab user might intend to select (hovering / focusing)
@@ -172,7 +172,7 @@ const TabsAdvancedBackground = () => {
 }
 
 const TabsAdvancedUnderline = () => {
-  const [tabState, setTabState] = useState<{
+  const [tabState, setTabState] = React.useState<{
     currentTab: string
     /**
      * Layout of the Tab user might intend to select (hovering / focusing)

package/src/TabsDemo.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import React from 'react'
 import type { TabsContentProps } from 'tamagui'
 import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb } from 'tamagui'
 
@@ -9,7 +9,7 @@ const demosTitle: Record<(typeof demos)[number], string> = {
 }
 
 export function TabsDemo() {
-  const [demoIndex, setDemoIndex] = useState(0)
+  const [demoIndex, setDemoIndex] = React.useState(0)
   const demo = demos[demoIndex]
 
   return (

package/src/TokensDemo.tsx

@@ -1,6 +1,7 @@
+import React from 'react'
 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'
 
 type Section = 'spaceNegative' | keyof Tokens
@@ -25,7 +26,7 @@ const sections: { name: string; key: Section }[] = [
 ]
 
 export function TokensDemo() {
-  const [section, setSection] = useState<Section>('size')
+  const [section, setSection] = React.useState<Section>('size')
 
   return (
     <YStack space>

package/src/UpdateThemeDemo.tsx

@@ -1,6 +1,7 @@
+import React from 'react'
 import { config } from '@tamagui/config/v3'
 import { addTheme, updateTheme } from '@tamagui/theme'
-import { useState } from 'react'
+
 import {
   Button,
   Square,
@@ -16,7 +17,7 @@ const colors = config.tokens.color
 const colorKeys = Object.keys(colors)
 
 export function UpdateThemeDemo() {
-  const [theme, setTheme] = useState<any>()
+  const [theme, setTheme] = React.useState<any>()
   const update = useForceUpdate()
 
   useIsomorphicLayoutEffect(() => {

package/types/AddThemeDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddThemeDemo.d.ts","sourceRoot":"","sources":["../src/AddThemeDemo.tsx"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,4CA6B3B"}
+{"version":3,"file":"AddThemeDemo.d.ts","sourceRoot":"","sources":["../src/AddThemeDemo.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,4CA6B3B"}

package/types/AnimationsEnterDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationsEnterDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsEnterDemo.tsx"],"names":[],"mappings":"AAMA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,2CAsC7C"}
+{"version":3,"file":"AnimationsEnterDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsEnterDemo.tsx"],"names":[],"mappings":"AAOA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,2CAsC7C"}

package/types/AnimationsPresenceDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationsPresenceDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsPresenceDemo.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,OAAkD,CAAA;AA+BrE,wBAAgB,sBAAsB,4CA+CrC"}
+{"version":3,"file":"AnimationsPresenceDemo.d.ts","sourceRoot":"","sources":["../src/AnimationsPresenceDemo.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,MAAM,OAAkD,CAAA;AA+BrE,wBAAgB,sBAAsB,4CAgDrC"}

package/types/CheckboxHeadlessDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxHeadlessDemo.d.ts","sourceRoot":"","sources":["../src/CheckboxHeadlessDemo.tsx"],"names":[],"mappings":"AAQA,wBAAgB,oBAAoB,4CASnC"}
+{"version":3,"file":"CheckboxHeadlessDemo.d.ts","sourceRoot":"","sources":["../src/CheckboxHeadlessDemo.tsx"],"names":[],"mappings":"AASA,wBAAgB,oBAAoB,4CASnC"}

package/types/LucideIconsDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LucideIconsDemo.d.ts","sourceRoot":"","sources":["../src/LucideIconsDemo.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,eAAe,4CA8C9B"}
+{"version":3,"file":"LucideIconsDemo.d.ts","sourceRoot":"","sources":["../src/LucideIconsDemo.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,eAAe,4CA8C9B"}

package/types/RadioGroupHeadlessDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupHeadlessDemo.d.ts","sourceRoot":"","sources":["../src/RadioGroupHeadlessDemo.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,sBAAsB,4CAiBrC"}
+{"version":3,"file":"RadioGroupHeadlessDemo.d.ts","sourceRoot":"","sources":["../src/RadioGroupHeadlessDemo.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,sBAAsB,4CAiBrC"}

package/types/ReplaceThemeDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplaceThemeDemo.d.ts","sourceRoot":"","sources":["../src/ReplaceThemeDemo.tsx"],"names":[],"mappings":"AAYA,wBAAgB,gBAAgB,4CAuC/B"}
+{"version":3,"file":"ReplaceThemeDemo.d.ts","sourceRoot":"","sources":["../src/ReplaceThemeDemo.tsx"],"names":[],"mappings":"AAaA,wBAAgB,gBAAgB,4CAuC/B"}

package/types/SelectDemo.d.ts.map

@@ -1 +1 @@
-{"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,4CAkBzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,2CA4HhD"}
+{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1D,wBAAgB,UAAU,4CAkBzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,2CA4HhD"}

package/types/SheetDemo.d.ts.map

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

package/types/SwitchHeadlessDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchHeadlessDemo.d.ts","sourceRoot":"","sources":["../src/SwitchHeadlessDemo.tsx"],"names":[],"mappings":"AAOA,wBAAgB,kBAAkB,4CASjC"}
+{"version":3,"file":"SwitchHeadlessDemo.d.ts","sourceRoot":"","sources":["../src/SwitchHeadlessDemo.tsx"],"names":[],"mappings":"AAQA,wBAAgB,kBAAkB,4CASjC"}

package/types/TokensDemo.d.ts.map

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

package/types/UpdateThemeDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpdateThemeDemo.d.ts","sourceRoot":"","sources":["../src/UpdateThemeDemo.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,eAAe,4CAyC9B"}
+{"version":3,"file":"UpdateThemeDemo.d.ts","sourceRoot":"","sources":["../src/UpdateThemeDemo.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,eAAe,4CAyC9B"}