@tamagui/web 1.125.0 → 1.125.2

package/src/createComponent.tsx

@@ -528,13 +528,13 @@ export function createComponent<
       (noClass && splitStyles.hasMedia === true)
 
     const mediaListeningKeys = hasRuntimeMediaKeys
-      ? (splitStyles.hasMedia as Record<string, boolean>)
+      ? (splitStyles.hasMedia as Set<string>)
       : null
     if (process.env.NODE_ENV === 'development' && debugProp === 'verbose') {
       console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys)
     }
 
-    setMediaShouldUpdate(stateRef, shouldListenForMedia, mediaListeningKeys)
+    setMediaShouldUpdate(componentContext, shouldListenForMedia, mediaListeningKeys)
 
     const {
       viewProps: viewPropsIn,
@@ -709,39 +709,33 @@ export function createComponent<
       })
     }
 
-    React.useEffect(() => {
+    useIsomorphicLayoutEffect(() => {
       if (disabled) {
         return
       }
 
-      let tm
-
       if (state.unmounted === true && hasEnterStyle) {
         setStateShallow({ unmounted: 'should-enter' })
         return
       }
 
       if (state.unmounted) {
-        // this setTimeout fixes moti and css driver enter animations
-        // not sure why
-        tm = setTimeout(() => {
-          setStateShallow({ unmounted: false })
-        })
-
-        return () => clearTimeout(tm)
+        setStateShallow({ unmounted: false })
+        return
       }
 
-      const dispose = subscribeToContextGroup({
-        disabled,
-        componentContext,
-        setStateShallow,
-        state,
-        mediaGroups,
-        pseudoGroups,
-      })
+      const dispose =
+        pseudoGroups || mediaGroups
+          ? subscribeToContextGroup({
+              componentContext,
+              setStateShallow,
+              state,
+              mediaGroups,
+              pseudoGroups,
+            })
+          : null
 
       return () => {
-        clearTimeout(tm)
         dispose?.()
         componentSetStates.delete(setState)
       }

package/src/helpers/getSplitStyles.tsx

@@ -173,7 +173,7 @@ export const getSplitStyles: StyleSplitter = (
 
   let pseudos: PseudoStyles | null = null
   let space: SpaceTokens | null = props.space
-  let hasMedia: boolean | Record<string, boolean> = false
+  let hasMedia: boolean | Set<string> = false
   let dynamicThemeAccess: boolean | undefined
   let pseudoGroups: Set<string> | undefined
   let mediaGroups: Set<string> | undefined
@@ -819,10 +819,10 @@ export const getSplitStyles: StyleSplitter = (
         hasMedia ||= true
 
         if (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) {
-          if (typeof hasMedia !== 'object') {
-            hasMedia = {}
+          if (!hasMedia || typeof hasMedia === 'boolean') {
+            hasMedia = new Set()
           }
-          hasMedia[mediaKeyShort] = true
+          hasMedia.add(mediaKeyShort)
         }
 
         // can bail early

package/src/helpers/subscribeToContextGroup.tsx

@@ -3,14 +3,12 @@ import { getMediaState } from '../hooks/useMedia'
 import type { TamaguiComponentState, ComponentContextI, GroupState } from '../types'
 
 export const subscribeToContextGroup = ({
-  disabled = false,
   setStateShallow,
   pseudoGroups,
   mediaGroups,
   componentContext,
   state,
 }: {
-  disabled?: boolean
   setStateShallow: (next?: Partial<TamaguiComponentState> | undefined) => void
   pseudoGroups?: Set<string>
   mediaGroups?: Set<string>

package/src/hooks/useMedia.tsx

@@ -1,6 +1,5 @@
-import { isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
-import { useDidFinishSSR } from '@tamagui/use-did-finish-ssr'
-import React from 'react'
+import { isServer, isWeb } from '@tamagui/constants'
+import { useRef, useSyncExternalStore } from 'react'
 import { getConfig, getSetting } from '../config'
 import { matchMedia } from '../helpers/matchMedia'
 import { pseudoDescriptors } from '../helpers/pseudoDescriptors'
@@ -15,7 +14,6 @@ import type {
   TamaguiInternalConfig,
   UseMediaState,
 } from '../types'
-import { getDisableSSR } from './useDisableSSR'
 
 export let mediaState: MediaQueryState =
   // development only safeguard
@@ -134,31 +132,21 @@ export function setupMediaListeners() {
       match.removeListener(update)
     })
 
-    update()
-
     function update() {
       const next = !!getMatch().matches
       if (next === mediaState[key]) return
       mediaState = { ...mediaState, [key]: next }
-      updateCurrentState()
+      updateMediaListeners()
     }
+
+    update()
   }
 }
 
 const listeners = new Set<any>()
-let flushing = false
-let flushVersion = -1
-function updateCurrentState() {
-  // only avoid flush if they haven't re-configured media queries since
-  if (flushing && flushVersion === mediaVersion) {
-    return
-  }
-  flushVersion = mediaVersion
-  flushing = true
-  Promise.resolve().then(() => {
-    flushing = false
-    listeners.forEach((cb) => cb(mediaState))
-  })
+
+export function updateMediaListeners() {
+  listeners.forEach((cb) => cb(mediaState))
 }
 
 type MediaKeysState = {
@@ -166,9 +154,8 @@ type MediaKeysState = {
 }
 
 type MediaState = {
-  prev?: MediaKeysState
   enabled?: boolean
-  keys?: Record<string, boolean> | null
+  keys?: Set<string> | null
 }
 
 const States = new WeakMap<any, MediaState>()
@@ -189,7 +176,7 @@ export function setMediaShouldUpdate(
   }
 }
 
-function subscribe(subscriber: any) {
+function subscribe(subscriber: () => void) {
   listeners.add(subscriber)
   return () => {
     listeners.delete(subscriber)
@@ -200,95 +187,65 @@ type ComponentMediaKeys = Set<string>
 
 type ComponentMediaQueryState = MediaKeysState
 
-const CurrentKeysMap = new WeakMap<any, ComponentMediaKeys>()
-
 export function useMedia(cc?: ComponentContextI, debug?: DebugProp): UseMediaState {
-  // performance boost to avoid using context twice
-  const disableSSR = getSetting('disableSSR') || getDisableSSR(cc)
-  const isHydrated = useDidFinishSSR()
-  const initialState = isHydrated || disableSSR || !isWeb ? mediaState : initState
-  const [state, setState] = React.useState<ComponentMediaQueryState>(initialState)
-
-  if (!CurrentKeysMap.get(setState)) {
-    CurrentKeysMap.set(setState, new Set())
+  const componentState = cc ? States.get(cc) : null
+
+  const internalRef = useRef<{ keys: Set<string>; lastState?: MediaQueryState }>()
+  if (!internalRef.current) {
+    internalRef.current = {
+      keys: new Set(),
+    }
   }
 
-  const currentKeys = CurrentKeysMap.get(setState)!
+  const { keys, lastState = getSetting('disableSSR') ? mediaState : initState } =
+    internalRef.current
 
   // clear each render to track only rendered touched keys
-  // if (currentKeys.size) currentKeys.clear()
-
-  function getSnapshot(cur: ComponentMediaQueryState) {
-    if (!currentKeys) return cur
+  if (keys.size) {
+    keys.clear()
+  }
 
-    for (const key of currentKeys) {
-      if (mediaState[key] !== cur[key]) {
-        if (process.env.NODE_ENV === 'development' && debug) {
-          console.warn(`useMedia()✍️`, key, cur[key], '>', mediaState[key])
-        }
+  const state = useSyncExternalStore(
+    subscribe,
+    () => {
+      if (componentState?.enabled) {
+        internalRef.current!.lastState = mediaState
         return mediaState
       }
-    }
-
-    return cur
-  }
-
-  let isRendering = true
-  const isInitialState = state === initialState
-
-  useIsomorphicLayoutEffect(() => {
-    isRendering = false
-  })
 
-  useIsomorphicLayoutEffect(() => {
-    const update = () =>
-      setState((prev) => {
-        const next = getSnapshot(prev)
-        return next
-      })
-
-    update()
+      const curKeys = componentState?.keys || keys
 
-    const tm = setTimeout(() => {
-      if (currentKeys.size) {
-        update()
+      if (!curKeys.size) {
+        return lastState
       }
-    })
 
-    const dispose = subscribe(update)
+      for (const key of curKeys) {
+        if (mediaState[key] !== lastState[key]) {
+          if (process.env.NODE_ENV === 'development' && debug) {
+            console.warn(`useMedia() ✍️`, key, lastState[key], '=>', mediaState[key])
+          }
+          internalRef.current!.lastState = mediaState
+          return mediaState
+        }
+      }
 
-    return () => {
-      dispose()
-      clearTimeout(tm)
-    }
-  }, [setState])
+      return lastState
+    },
+    getServerSnapshot
+  )
 
   return new Proxy(state, {
     get(_, key) {
-      if (isRendering && !disableMediaTouch && typeof key === 'string') {
-        currentKeys.add(key)
-
-        const shouldUpdate = state[key] !== mediaState[key]
-
-        if (shouldUpdate) {
-          if (process.env.NODE_ENV === 'development' && debug) {
-            console.info(`useMedia() TOUCH`, key)
-          }
-
-          // the first update() will get this in an ssr safe way in the useLayoutEffect
-          if (!isInitialState) {
-            const next = getSnapshot(state)
-            if (next !== state) {
-              setState(next)
-            }
-          }
-        }
+      if (!disableMediaTouch && typeof key === 'string') {
+        keys.add(key)
       }
       return Reflect.get(state, key)
     },
   })
 }
 
+const getServerSnapshot = () => initState
+
 let disableMediaTouch = false
 export function _disableMediaTouch(val: boolean) {
   disableMediaTouch = val

package/src/hooks/useProps.tsx

@@ -132,7 +132,6 @@ export function usePropsAndStyle<A extends PropsLikeObject>(
     }
 
     return subscribeToContextGroup({
-      disabled,
       componentContext,
       setStateShallow,
       state,

package/src/types.tsx

@@ -2564,7 +2564,7 @@ export type GetStyleResult = {
   viewProps: StackProps & Record<string, any>
   fontFamily: string | undefined
   space?: any // SpaceTokens?
-  hasMedia: boolean | Record<string, boolean>
+  hasMedia: boolean | Set<string>
   dynamicThemeAccess?: boolean
   pseudoGroups?: Set<string>
   mediaGroups?: Set<string>

package/src/views/TamaguiProvider.tsx

@@ -1,9 +1,10 @@
 import { isClient, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
-import React, { useId } from 'react'
+import React from 'react'
 import { getSetting } from '../config'
 import { ComponentContext } from '../contexts/ComponentContext'
 import type { TamaguiProviderProps } from '../types'
 import { ThemeProvider } from './ThemeProvider'
+import { updateMediaListeners } from '../hooks/useMedia'
 
 export function TamaguiProvider({
   children,
@@ -32,6 +33,10 @@ export function TamaguiProvider({
     }
   }
 
+  useIsomorphicLayoutEffect(() => {
+    updateMediaListeners()
+  }, [])
+
   return (
     <>
       <UnmountedClassName>

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAmBxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG/E,OAAO,KAAK,EAEV,SAAS,EAGT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAElB,YAAY,EAEZ,gBAAgB,EAChB,cAAc,EAMf,MAAM,SAAS,CAAA;AAYhB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAuF9D,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEAukC3B;AAoBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAkBxB,eAAO,MAAM,MAAM,yFA0CjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAmBxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG/E,OAAO,KAAK,EAEV,SAAS,EAGT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAElB,YAAY,EAEZ,gBAAgB,EAChB,cAAc,EAMf,MAAM,SAAS,CAAA;AAYhB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAuF9D,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEAikC3B;AAoBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAkBxB,eAAO,MAAM,MAAM,yFA0CjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD"}

package/types/helpers/subscribeToContextGroup.d.ts

@@ -1,6 +1,5 @@
 import type { TamaguiComponentState, ComponentContextI } from '../types';
-export declare const subscribeToContextGroup: ({ disabled, setStateShallow, pseudoGroups, mediaGroups, componentContext, state, }: {
-    disabled?: boolean;
+export declare const subscribeToContextGroup: ({ setStateShallow, pseudoGroups, mediaGroups, componentContext, state, }: {
     setStateShallow: (next?: Partial<TamaguiComponentState> | undefined) => void;
     pseudoGroups?: Set<string>;
     mediaGroups?: Set<string>;

package/types/helpers/subscribeToContextGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subscribeToContextGroup.d.ts","sourceRoot":"","sources":["../../src/helpers/subscribeToContextGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAc,MAAM,UAAU,CAAA;AAEpF,eAAO,MAAM,uBAAuB,uFAOjC;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5E,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,KAAK,EAAE,qBAAqB,CAAA;CAC7B,6CAqCA,CAAA"}
+{"version":3,"file":"subscribeToContextGroup.d.ts","sourceRoot":"","sources":["../../src/helpers/subscribeToContextGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAc,MAAM,UAAU,CAAA;AAEpF,eAAO,MAAM,uBAAuB,6EAMjC;IACD,eAAe,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5E,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,KAAK,EAAE,qBAAqB,CAAA;CAC7B,6CAqCA,CAAA"}

package/types/hooks/useMedia.d.ts

@@ -7,13 +7,10 @@ export declare const isMediaKey: (key: string) => IsMediaType;
 export declare const getMediaKeyImportance: (key: string) => number;
 export declare const configureMedia: (config: TamaguiInternalConfig) => void;
 export declare function setupMediaListeners(): void;
-type MediaKeysState = {
-    [key: string]: any;
-};
+export declare function updateMediaListeners(): void;
 type MediaState = {
-    prev?: MediaKeysState;
     enabled?: boolean;
-    keys?: Record<string, boolean> | null;
+    keys?: Set<string> | null;
 };
 export declare function setMediaShouldUpdate(ref: any, enabled?: boolean, keys?: MediaState['keys']): void;
 export declare function useMedia(cc?: ComponentContextI, debug?: DebugProp): UseMediaState;

package/types/hooks/useMedia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../src/hooks/useMedia.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACd,MAAM,UAAU,CAAA;AAGjB,eAAO,IAAI,UAAU,EAAE,eAmBN,CAAA;AAEjB,eAAO,MAAM,gBAAgB,EAAE,YAAiB,CAAA;AAEhD,eAAO,MAAM,QAAQ,uBAAmB,CAAA;AAExC,eAAO,MAAM,SAAS,aAAoB,CAAA;AAI1C,eAAO,MAAM,UAAU,QAAS,MAAM,KAAG,WAOxC,CAAA;AAUD,eAAO,MAAM,qBAAqB,QAAS,MAAM,WAchD,CAAA;AAMD,eAAO,MAAM,cAAc,WAAY,qBAAqB,SAa3D,CAAA;AAaD,wBAAgB,mBAAmB,SAkClC;AAkBD,KAAK,cAAc,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;CACtC,CAAA;AAID,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,GAAG,EACR,OAAO,CAAC,EAAE,OAAO,EACjB,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,QAW1B;AAeD,wBAAgB,QAAQ,CAAC,EAAE,CAAC,EAAE,iBAAiB,EAAE,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAqFjF;AAGD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,QAE9C;AAED,wBAAgB,aAAa,CAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,2BAc7C;AAED,eAAO,MAAM,iCAAiC,aAClC,MAAM,OACX,MAAM,mBACM,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,eAC1B,OAAO,kBAOrB,CAAA;AASD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,EAAE,GAAG,CAAC,EAAE,MAAM,UAwBjF;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,UAE1C;AAED,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,EACX,UAAU,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,WAY9C"}
+{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../src/hooks/useMedia.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACd,MAAM,UAAU,CAAA;AAEjB,eAAO,IAAI,UAAU,EAAE,eAmBN,CAAA;AAEjB,eAAO,MAAM,gBAAgB,EAAE,YAAiB,CAAA;AAEhD,eAAO,MAAM,QAAQ,uBAAmB,CAAA;AAExC,eAAO,MAAM,SAAS,aAAoB,CAAA;AAI1C,eAAO,MAAM,UAAU,QAAS,MAAM,KAAG,WAOxC,CAAA;AAUD,eAAO,MAAM,qBAAqB,QAAS,MAAM,WAchD,CAAA;AAMD,eAAO,MAAM,cAAc,WAAY,qBAAqB,SAa3D,CAAA;AAaD,wBAAgB,mBAAmB,SAkClC;AAID,wBAAgB,oBAAoB,SAEnC;AAMD,KAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;CAC1B,CAAA;AAID,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,GAAG,EACR,OAAO,CAAC,EAAE,OAAO,EACjB,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,QAW1B;AAaD,wBAAgB,QAAQ,CAAC,EAAE,CAAC,EAAE,iBAAiB,EAAE,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAuDjF;AAKD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,QAE9C;AAED,wBAAgB,aAAa,CAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,2BAc7C;AAED,eAAO,MAAM,iCAAiC,aAClC,MAAM,OACX,MAAM,mBACM,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,eAC1B,OAAO,kBAOrB,CAAA;AASD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,EAAE,GAAG,CAAC,EAAE,MAAM,UAwBjF;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,UAE1C;AAED,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,EACX,UAAU,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,WAY9C"}

package/types/hooks/useProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useProps.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAEzF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAKzD,KAAK,eAAe,GAAG,IAAI,CACzB,eAAe,EACf,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,eAAe,CACzD,GAAG;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE;QAAE,YAAY,EAAE,YAAY,CAAA;KAAE,CAAA;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;KAEtC,GAAG,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;CACjE,CAAA;AAED,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AACjE,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AAEjE;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAW5B;AAED;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAE5B;AAED;;;;;KAKK;AACL,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,eAAe,EACxD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,CAAC,CAqEtF"}
+{"version":3,"file":"useProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useProps.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAEzF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAKzD,KAAK,eAAe,GAAG,IAAI,CACzB,eAAe,EACf,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,eAAe,CACzD,GAAG;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE;QAAE,YAAY,EAAE,YAAY,CAAA;KAAE,CAAA;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;KAEtC,GAAG,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;CACjE,CAAA;AAED,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AACjE,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AAEjE;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAW5B;AAED;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAE5B;AAED;;;;;KAKK;AACL,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,eAAe,EACxD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,CAAC,CAoEtF"}

package/types/types.d.ts

@@ -1586,7 +1586,7 @@ export type GetStyleResult = {
     viewProps: StackProps & Record<string, any>;
     fontFamily: string | undefined;
     space?: any;
-    hasMedia: boolean | Record<string, boolean>;
+    hasMedia: boolean | Set<string>;
     dynamicThemeAccess?: boolean;
     pseudoGroups?: Set<string>;
     mediaGroups?: Set<string>;