@tamagui/web 1.129.12 → 1.129.13

package/src/hooks/useConfiguration.tsx

@@ -1,15 +1,7 @@
 import React from 'react'
 
-import { getConfig } from '../config'
 import { ComponentContext } from '../contexts/ComponentContext'
 
 export const useConfiguration = () => {
-  const { groups, animationDriver, ...restComponentConfig } =
-    React.useContext(ComponentContext)
-  const { animations, ...restConfig } = getConfig()
-  return {
-    ...restConfig,
-    ...restComponentConfig,
-    animationDriver: animationDriver ?? getConfig().animations,
-  }
+  return React.useContext(ComponentContext)
 }

package/src/hooks/useMedia.tsx

@@ -6,6 +6,7 @@ import { pseudoDescriptors } from '../helpers/pseudoDescriptors'
 import type {
   ComponentContextI,
   DebugProp,
+  GetStyleState,
   IsMediaType,
   MediaQueries,
   MediaQueryObject,
@@ -265,14 +266,15 @@ export function getMediaState(mediaGroups: Set<string>, layout: WidthHeight) {
 export const getMediaImportanceIfMoreImportant = (
   mediaKey: string,
   key: string,
-  importancesUsed: Record<string, number>,
+  styleState: GetStyleState,
   isSizeMedia: boolean
 ) => {
   const importance =
     isSizeMedia && !getSetting('mediaPropOrder')
       ? getMediaKeyImportance(mediaKey)
       : defaultMediaImportance
-  return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null
+  const usedKeys = styleState.usedKeys
+  return !usedKeys[key] || importance > usedKeys[key] ? importance : null
 }
 
 function camelToHyphen(str: string) {

package/src/hooks/useProps.tsx

@@ -2,6 +2,7 @@ import { useIsomorphicLayoutEffect } from '@tamagui/constants'
 import React from 'react'
 import { getConfig } from '../config'
 import { ComponentContext } from '../contexts/ComponentContext'
+import { GroupContext } from '../contexts/GroupContext'
 import { useSplitStyles } from '../helpers/getSplitStyles'
 import { subscribeToContextGroup } from '../helpers/subscribeToContextGroup'
 import type { SplitStyleProps, StaticConfig, ThemeParsed, UseMediaState } from '../types'
@@ -87,10 +88,11 @@ export function usePropsAndStyle<A extends PropsLikeObject>(
       return true
     },
   })
-  const componentContext = React.useContext(ComponentContext as any) as any
+  const componentContext = React.useContext(ComponentContext)
+  const groupContext = React.useContext(GroupContext)
   const { state, disabled, setStateShallow } = useComponentState(
     props,
-    componentContext,
+    componentContext.animationDriver,
     staticConfig,
     getConfig()
   )
@@ -116,7 +118,8 @@ export function usePropsAndStyle<A extends PropsLikeObject>(
       ...opts,
     },
     null,
-    componentContext
+    componentContext,
+    groupContext
   )
 
   const { mediaGroups, pseudoGroups } = splitStyles
@@ -131,15 +134,17 @@ export function usePropsAndStyle<A extends PropsLikeObject>(
       return
     }
 
-    return subscribeToContextGroup({
-      componentContext,
-      setStateShallow,
-      state,
-      mediaGroups,
-      pseudoGroups,
-    })
+    if (groupContext) {
+      return subscribeToContextGroup({
+        groupContext,
+        setStateShallow,
+        mediaGroups,
+        pseudoGroups,
+      })
+    }
   }, [
     disabled,
+    groupContext,
     pseudoGroups ? Object.keys([...pseudoGroups]).join('') : 0,
     mediaGroups ? Object.keys([...mediaGroups]).join('') : 0,
   ])

package/src/hooks/useThemeState.ts

@@ -146,7 +146,7 @@ export const useThemeState = (
       props.debug &&
       props.debug !== 'profile'
     ) {
-      console.groupCollapsed(` ${id} 🪄 ${rerender}`, local.name, '>', next.name)
+      console.groupCollapsed(` ${id} getSnapshot ${rerender}`, local.name, '>', next.name)
       console.info({ props, propsKey, isRoot, parentId, local, next, needsUpdate })
       console.groupEnd()
     }
@@ -221,7 +221,7 @@ const getNextState = (
   )
 
   if (process.env.NODE_ENV === 'development' && debug && debug !== 'profile') {
-    const message = ` · useTheme(${id}) => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`
+    const message = ` · useTheme(${id}) getNextState => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`
     if (process.env.TAMAGUI_TARGET === 'native') {
       console.info(message)
     } else {

package/src/index.ts

@@ -37,6 +37,7 @@ export { setNonce } from './helpers/insertStyleRule'
 export * from './constants/constants'
 
 export * from './contexts/ComponentContext'
+export * from './contexts/GroupContext'
 
 export * from './_withStableStyle'
 export * from './helpers/createMediaStyle'

package/src/interfaces/TamaguiComponentState.tsx

@@ -1,4 +1,4 @@
-import type { GroupState } from '../types'
+import type { ChildGroupState } from '../types'
 
 export type TamaguiComponentState = {
   unmounted: boolean | 'should-enter'
@@ -13,7 +13,8 @@ export type TamaguiComponentState = {
     style?: any
     avoidClasses?: boolean
   }
-  // for groups:
-  group?: Record<string, GroupState>
+
+  // this is used by the component itself to figure out group styles:
+  group?: Record<string, ChildGroupState>
   hasDynGroupChildren?: boolean
 }

package/src/types.tsx

@@ -84,13 +84,17 @@ export type ReactComponentWithRef<Props, Ref> = ForwardRefExoticComponent<
   Props & RefAttributes<Ref>
 >
 
+// needs to be cb style for subscribeToContextGroup to be able to poke through to last state
+export type ComponentSetStateShallow = React.Dispatch<
+  React.SetStateAction<Partial<TamaguiComponentState>>
+>
+
 export type ComponentContextI = {
   disableSSR?: boolean
   inText: boolean
   language: LanguageContextType | null
   animationDriver: AnimationDriver | null
-  groups: GroupContextType
-  setParentFocusState: ((next: Partial<TamaguiComponentState>) => void) | null
+  setParentFocusState: ComponentSetStateShallow | null
 }
 
 export type TamaguiComponentStateRef = {
@@ -103,22 +107,19 @@ export type TamaguiComponentStateRef = {
   hasEverThemed?: boolean | 'wrapped'
   isListeningToTheme?: boolean
   unPress?: Function
-  stateEmitter?: ComponentStateEmitter
-  nextComponentState?: Partial<TamaguiComponentState>
+  nextComponentState?: TamaguiComponentState
+  setStateShallow?: ComponentSetStateShallow
   useStyleListener?: UseStyleListener
-  group?: {
-    listeners: Set<GroupStateListener>
-    layout?: LayoutValue
-    emit: GroupStateListener
-    subscribe: (cb: GroupStateListener) => () => void
-  }
+
+  // this is only used by group="" components
+  // sets up a context object to track current state + emit
+  group?: ComponentGroupEmitter
 }
 
-export type ComponentStateListener = (state: TamaguiComponentState) => void
-export type ComponentStateEmitter = {
-  listeners: Set<ComponentStateListener>
-  emit: ComponentStateListener
-  subscribe: (cb: ComponentStateListener) => () => void
+export type ComponentGroupEmitter = {
+  listeners: Set<GroupStateListener>
+  emit: GroupStateListener
+  subscribe: (cb: GroupStateListener) => () => void
 }
 
 export type WidthHeight = {
@@ -126,36 +127,32 @@ export type WidthHeight = {
   height: number
 }
 
-type ComponentGroupEvent = {
+export type ChildGroupState = {
   pseudo?: PseudoGroupState
-  layout?: WidthHeight
+  media?: Record<MediaQueryKey extends number ? never : MediaQueryKey, boolean>
 }
 
-// this object must stay referentially the same always to avoid every component re-rendering
-// instead `state` is mutated and only used on initial mount, after that emit/subscribe
-export type GroupContextType = {
-  emit: GroupStateListener
-  subscribe: (cb: GroupStateListener) => DisposeFn
-  state: Record<string, ComponentGroupEvent>
-  layout?: LayoutValue
+export type ComponentGroupState = {
+  pseudo?: PseudoGroupState
+  layout?: WidthHeight
 }
 
-export type GroupStateListener = (name: string, state: ComponentGroupEvent) => void
+export type GroupStateListener = (state: ComponentGroupState) => void
 
-type PseudoGroupState = {
-  hover?: boolean
-  press?: boolean
-  focus?: boolean
-  focusVisible?: boolean
-  focusWithin?: boolean
+export type SingleGroupContext = {
+  subscribe: (cb: GroupStateListener) => DisposeFn
+  state: ComponentGroupState
 }
 
-// could just be TamaguiComponentState likely
-export type GroupState = {
-  pseudo?: PseudoGroupState
-  media?: Record<MediaQueryKey extends number ? never : MediaQueryKey, boolean>
+export type AllGroupContexts = {
+  [GroupName: string]: SingleGroupContext
 }
 
+export type PseudoGroupState = Pick<
+  TamaguiComponentState,
+  'disabled' | 'hover' | 'press' | 'pressIn' | 'focus' | 'focusVisible' | 'focusWithin'
+>
+
 export type LayoutEvent = {
   nativeEvent: {
     layout: LayoutValue
@@ -2545,7 +2542,7 @@ export type UseAnimatedNumberReaction<
 
 export type UseAnimatedNumberStyle<
   V extends UniversalAnimatedNumber<any> = UniversalAnimatedNumber<any>,
-> = (val: V, getStyle: (current: number) => Record<string, unknown>) => any
+> = (val: V, getStyle: (current: any) => any) => any
 
 export type UseAnimatedNumber<
   N extends UniversalAnimatedNumber<any> = UniversalAnimatedNumber<any>,

package/src/views/TamaguiProvider.tsx

@@ -12,6 +12,7 @@ import { updateMediaListeners } from '../hooks/useMedia'
 import type { TamaguiProviderProps } from '../types'
 import { ThemeProvider } from './ThemeProvider'
 import { stopAccumulatingRules } from '../helpers/insertStyleRule'
+import { Configuration } from './Configuration'
 
 export function TamaguiProvider({
   children,

package/types/contexts/ComponentContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ComponentContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,UAAU,CAAA;AAErE,eAAO,MAAM,gBAAgB,2EAW3B,CAAA"}
+{"version":3,"file":"ComponentContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ComponentContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,UAAU,CAAA;AAErE,eAAO,MAAM,gBAAgB,2EAM3B,CAAA"}

package/types/contexts/GroupContext.d.ts

@@ -0,0 +1,3 @@
+import type { AllGroupContexts } from '../types';
+export declare const GroupContext: import("react").Context<AllGroupContexts | null>;
+//# sourceMappingURL=GroupContext.d.ts.map

package/types/contexts/GroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupContext.d.ts","sourceRoot":"","sources":["../../src/contexts/GroupContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,YAAY,kDAA+C,CAAA"}

package/types/createComponent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TamaguiComponentState } from './interfaces/TamaguiComponentState';
-import type { DebugProp, SpaceDirection, SpaceValue, SpacerProps, SpacerStyleProps, StackNonStyleProps, StaticConfig, TamaguiComponent, TamaguiElement } from './types';
+import type { DebugProp, SpaceDirection, SpacerProps, SpacerStyleProps, SpaceValue, StackNonStyleProps, StaticConfig, TamaguiComponent, TamaguiElement } from './types';
 type ComponentSetState = React.Dispatch<React.SetStateAction<TamaguiComponentState>>;
 export declare const componentSetStates: Set<ComponentSetState>;
 export declare function createComponent<ComponentPropTypes extends Record<string, any> = {}, Ref extends TamaguiElement = TamaguiElement, BaseProps = never, BaseStyles extends Object = never>(staticConfig: StaticConfig): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, BaseStyles, {}>;

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAmBtC,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,EAOf,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;AA2F9D,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,wEAwrC3B;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,mBAgGxD"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAoBxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG/E,OAAO,KAAK,EAGV,SAAS,EAMT,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAElB,YAAY,EAEZ,gBAAgB,EAEhB,cAAc,EAQf,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;AA8G9D,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,wEA6yC3B;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,mBAgGxD"}

package/types/helpers/getSplitStyles.d.ts

@@ -1,10 +1,10 @@
 import type { TamaguiComponentState } from '../interfaces/TamaguiComponentState';
-import type { ComponentContextI, DebugProp, GetStyleResult, GetStyleState, SplitStyleProps, StaticConfig, TextStyle, ThemeParsed } from '../types';
+import type { ComponentContextI, DebugProp, GetStyleResult, GetStyleState, AllGroupContexts, SplitStyleProps, StaticConfig, TextStyle, ThemeParsed } from '../types';
 export type SplitStyles = ReturnType<typeof getSplitStyles>;
 export type SplitStyleResult = ReturnType<typeof getSplitStyles>;
 type StyleSplitter = (props: {
     [key: string]: any;
-}, staticConfig: StaticConfig, theme: ThemeParsed, themeName: string, componentState: TamaguiComponentState, styleProps: SplitStyleProps, parentSplitStyles?: GetStyleResult | null, context?: ComponentContextI, elementType?: string, startedUnhydrated?: boolean, debug?: DebugProp) => GetStyleResult;
+}, staticConfig: StaticConfig, theme: ThemeParsed, themeName: string, componentState: TamaguiComponentState, styleProps: SplitStyleProps, parentSplitStyles?: GetStyleResult | null, context?: ComponentContextI, groupContext?: AllGroupContexts | null, elementType?: string, startedUnhydrated?: boolean, debug?: DebugProp) => GetStyleResult;
 export declare const PROP_SPLIT = "-";
 export declare const getSplitStyles: StyleSplitter;
 export declare const getSubStyle: (styleState: GetStyleState, subKey: string, styleIn: Object, avoidMergeTransform?: boolean) => TextStyle;

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

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAGZ,SAAS,EACT,WAAW,EAEZ,MAAM,UAAU,CAAA;AAgBjB,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAMhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,eAAe,EAC3B,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAE3B,WAAW,CAAC,EAAE,MAAM,EACpB,iBAAiB,CAAC,EAAE,OAAO,EAC3B,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA+B7B,eAAO,MAAM,cAAc,EAAE,aA4uC5B,CAAA;AAuCD,eAAO,MAAM,WAAW,GACtB,YAAY,aAAa,EACzB,QAAQ,MAAM,EACd,SAAS,MAAM,EACf,sBAAsB,OAAO,KAC5B,SA6CF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAW5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EACb,gBAAgB,EAOhB,eAAe,EACf,YAAY,EAGZ,SAAS,EACT,WAAW,EAEZ,MAAM,UAAU,CAAA;AAoBjB,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAMhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,eAAe,EAC3B,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAC3B,YAAY,CAAC,EAAE,gBAAgB,GAAG,IAAI,EAEtC,WAAW,CAAC,EAAE,MAAM,EACpB,iBAAiB,CAAC,EAAE,OAAO,EAC3B,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA+B7B,eAAO,MAAM,cAAc,EAAE,aAqvC5B,CAAA;AAgDD,eAAO,MAAM,WAAW,GACtB,YAAY,aAAa,EACzB,QAAQ,MAAM,EACd,SAAS,MAAM,EACf,sBAAsB,OAAO,KAC5B,SA6CF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAU5B,CAAA"}

package/types/helpers/pseudoDescriptors.d.ts

@@ -1,42 +1,43 @@
 export declare const pseudoDescriptorsBase: {
     readonly hoverStyle: {
         readonly name: "hover";
-        readonly priority: 1;
+        readonly priority: 2;
     };
     readonly pressStyle: {
         readonly name: "active";
         readonly stateKey: "press";
-        readonly priority: 2;
+        readonly priority: 3;
     };
     readonly focusVisibleStyle: {
         readonly name: "focus-visible";
-        readonly priority: 3;
+        readonly priority: 4;
         readonly stateKey: "focusVisible";
     };
     readonly focusStyle: {
         readonly name: "focus";
-        readonly priority: 3;
+        readonly priority: 4;
     };
     readonly focusWithinStyle: {
         readonly name: "focus-within";
-        readonly priority: 3;
+        readonly priority: 4;
         readonly stateKey: "focusWithin";
     };
     readonly disabledStyle: {
         readonly name: "disabled";
-        readonly priority: 4;
+        readonly priority: 5;
         readonly stateKey: "disabled";
     };
 };
 export declare const pseudoPriorities: {
-    hover: number;
-    press: number;
-    focus: number;
-    focusVisible: number;
-    focusWithin: number;
-    disabled: number;
+    hover: 2;
+    press: 3;
+    focus: 4;
+    focusVisible: 4;
+    focusWithin: 4;
+    disabled: 5;
 };
-export declare const pseudoDescriptors: Record<'hoverStyle' | 'pressStyle' | 'focusStyle' | 'focusVisibleStyle' | 'focusWithinStyle' | 'enterStyle' | 'exitStyle', PseudoDescriptor>;
+export type PseudoDescriptorKey = keyof typeof pseudoDescriptorsBase;
+export declare const pseudoDescriptors: Record<PseudoDescriptorKey | 'enterStyle' | 'exitStyle', PseudoDescriptor>;
 export type PseudoDescriptor = {
     name: string;
     priority: number;

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

@@ -1 +1 @@
-{"version":3,"file":"pseudoDescriptors.d.ts","sourceRoot":"","sources":["../../src/helpers/pseudoDescriptors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BxB,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAClC,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,mBAAmB,GACnB,kBAAkB,GAClB,YAAY,GACZ,WAAW,EACb,gBAAgB,CAYjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;KAC7B,GAAG,IAAI,MAAM,OAAO,iBAAiB,GAAG,gBAAgB;CAC1D,CAAA"}
+{"version":3,"file":"pseudoDescriptors.d.ts","sourceRoot":"","sources":["../../src/helpers/pseudoDescriptors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BxB,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,qBAAqB,CAAA;AAEpE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,mBAAmB,GAAG,YAAY,GAAG,WAAW,EAChD,gBAAgB,CAYjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;KAC7B,GAAG,IAAI,MAAM,OAAO,iBAAiB,GAAG,gBAAgB;CAC1D,CAAA"}

package/types/helpers/subscribeToContextGroup.d.ts

@@ -1,9 +1,10 @@
-import type { ComponentContextI, TamaguiComponentState } from '../types';
-export declare const subscribeToContextGroup: ({ setStateShallow, pseudoGroups, mediaGroups, componentContext, state, }: {
-    setStateShallow: (next: Partial<TamaguiComponentState>) => void;
+import type { ComponentSetStateShallow, AllGroupContexts } from '../types';
+type SubscribeToContextGroupProps = {
+    setStateShallow: ComponentSetStateShallow;
     pseudoGroups?: Set<string>;
     mediaGroups?: Set<string>;
-    componentContext: ComponentContextI;
-    state: TamaguiComponentState;
-}) => import("../types").DisposeFn | undefined;
+    groupContext: AllGroupContexts;
+};
+export declare const subscribeToContextGroup: (props: SubscribeToContextGroupProps) => (() => void) | undefined;
+export {};
 //# sourceMappingURL=subscribeToContextGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"subscribeToContextGroup.d.ts","sourceRoot":"","sources":["../../src/helpers/subscribeToContextGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAc,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAGpF,eAAO,MAAM,uBAAuB,GAAI,0EAMrC;IACD,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAA;IAC/D,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,6CAsCA,CAAA"}
+{"version":3,"file":"subscribeToContextGroup.d.ts","sourceRoot":"","sources":["../../src/helpers/subscribeToContextGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAa,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAErF,KAAK,4BAA4B,GAAG;IAClC,eAAe,EAAE,wBAAwB,CAAA;IACzC,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,YAAY,EAAE,gBAAgB,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,OAAO,4BAA4B,6BAyB1E,CAAA"}

package/types/hooks/useComponentState.d.ts

@@ -1,9 +1,9 @@
 import type { ComponentContextI, StackProps, StaticConfig, TamaguiComponentState, TamaguiComponentStateRef, TamaguiInternalConfig, TextProps } from '../types';
-export declare const useComponentState: (props: StackProps | TextProps | Record<string, any>, { animationDriver }: ComponentContextI, staticConfig: StaticConfig, config: TamaguiInternalConfig) => {
+export declare const useComponentState: (props: StackProps | TextProps | Record<string, any>, animationDriver: ComponentContextI["animationDriver"], staticConfig: StaticConfig, config: TamaguiInternalConfig) => {
     startedUnhydrated: boolean;
     curStateRef: TamaguiComponentStateRef;
     disabled: any;
-    groupName: string;
+    groupName: string | undefined;
     hasAnimationProp: boolean;
     hasEnterStyle: boolean;
     isAnimated: boolean;
@@ -12,7 +12,7 @@ export declare const useComponentState: (props: StackProps | TextProps | Record<
     presence: import("../types").UsePresenceResult | null;
     presenceState: import("../types").PresenceContextProps | null | undefined;
     setState: import("react").Dispatch<import("react").SetStateAction<TamaguiComponentState>>;
-    setStateShallow: (next: Partial<TamaguiComponentState>) => void;
+    setStateShallow: import("react").Dispatch<import("react").SetStateAction<Partial<TamaguiComponentState>>>;
     noClass: boolean | undefined;
     state: TamaguiComponentState;
     stateRef: import("react").RefObject<TamaguiComponentStateRef>;

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

@@ -1 +1 @@
-{"version":3,"file":"useComponentState.d.ts","sourceRoot":"","sources":["../../src/hooks/useComponentState.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,iBAAiB,EAGjB,UAAU,EACV,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,SAAS,EAEV,MAAM,UAAU,CAAA;AAEjB,eAAO,MAAM,iBAAiB,GAC5B,OAAO,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnD,qBAAqB,iBAAiB,EACtC,cAAc,YAAY,EAC1B,QAAQ,qBAAqB;;;;;;;;;;;;;;;;;;;;CAgP9B,CAAA"}
+{"version":3,"file":"useComponentState.d.ts","sourceRoot":"","sources":["../../src/hooks/useComponentState.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,SAAS,EAEV,MAAM,UAAU,CAAA;AAEjB,eAAO,MAAM,iBAAiB,GAC5B,OAAO,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnD,iBAAiB,iBAAiB,CAAC,iBAAiB,CAAC,EACrD,cAAc,YAAY,EAC1B,QAAQ,qBAAqB;;;;;;;;;;;;;;;;;;;;CAsM9B,CAAA"}

package/types/hooks/useConfiguration.d.ts

@@ -1,122 +1,2 @@
-export declare const useConfiguration: () => {
-    animationDriver: import("..").AnimationDriver<{
-        [key: string]: any;
-    }>;
-    disableSSR?: boolean;
-    inText: boolean;
-    language: import("../views/FontLanguage.types").LanguageContextType | null;
-    setParentFocusState: ((next: Partial<import("..").TamaguiComponentState>) => void) | null;
-    unset?: import("..").BaseStyleProps | undefined;
-    reactNative?: any;
-    defaultFont?: string | undefined;
-    selectionStyles?: ((theme: Record<string, string>) => null | {
-        backgroundColor?: any;
-        color?: any;
-    }) | undefined;
-    disableRootThemeClass?: boolean | undefined;
-    defaultProps?: (Record<string, any> & {
-        Stack?: import("..").StackProps;
-        Text?: import("..").TextProps;
-        Spacer?: import("..").SpacerProps;
-    }) | undefined;
-    mediaQueryDefaultActive?: Record<string, boolean> | undefined;
-    cssStyleSeparator?: string | undefined;
-    maxDarkLightNesting?: number | undefined;
-    shouldAddPrefersColorThemes?: boolean | undefined;
-    themeClassNameOnRoot?: boolean | undefined;
-    onlyAllowShorthands?: boolean | undefined;
-    fonts: {
-        [x: string]: import("..").GenericFont<string | number | symbol>;
-    };
-    fontLanguages: string[];
-    themes: {
-        [x: string]: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-            background?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            backgroundHover?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            backgroundPress?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            backgroundFocus?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            color?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            colorHover?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            colorPress?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            colorFocus?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            borderColor?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            borderColorHover?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            borderColorPress?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            borderColorFocus?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            shadowColor?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            shadowColorHover?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            shadowColorPress?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-            shadowColorFocus?: import("..").Variable<string> | import("..").Variable<any> | import("..").Variable<undefined> | undefined;
-        };
-    };
-    shorthands: import("..").GenericShorthands;
-    media: {
-        [key: string]: {
-            [key: string]: string | number;
-        };
-    };
-    settings: import("..").GenericTamaguiSettings & Omit<import("..").GenericTamaguiSettings, keyof import("..").GenericTamaguiSettings>;
-    tokens: Omit<{
-        [x: string]: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        };
-        color?: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        } | undefined;
-        space?: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        } | undefined;
-        size?: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        } | undefined;
-        radius?: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        } | undefined;
-        zIndex?: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        } | undefined;
-    }, import("..").TokenCategories> & {
-        color: {};
-        space: {};
-        size: {};
-        radius: {};
-        zIndex: {};
-    };
-    tokensParsed: Omit<{
-        [x: string]: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        };
-        color?: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        } | undefined;
-        space?: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        } | undefined;
-        size?: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        } | undefined;
-        radius?: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        } | undefined;
-        zIndex?: {
-            [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").PxValue> | import("..").Variable<import("..").VariableValGeneric>;
-        } | undefined;
-    }, import("..").TokenCategories> & {
-        color: {};
-        space: {};
-        size: {};
-        radius: {};
-        zIndex: {};
-    };
-    themeConfig: any;
-    fontsParsed: import("..").GenericFonts;
-    getCSS: import("..").GetCSS;
-    getNewCSS: import("..").GetCSS;
-    parsed: boolean;
-    inverseShorthands: Record<string, string>;
-    fontSizeTokens: Set<string>;
-    specificTokens: Record<string, import("..").Variable>;
-    defaultFontToken: `${string}`;
-};
+export declare const useConfiguration: () => import("..").ComponentContextI;
 //# sourceMappingURL=useConfiguration.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useConfiguration.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfiguration.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;uBAUmwpB,CAAC;aAAe,CAAC;;;;aAAo+B,CAAC;YAAqB,CAAC;cAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CADl0rB,CAAA"}
+{"version":3,"file":"useConfiguration.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfiguration.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,sCAE5B,CAAA"}

package/types/hooks/useMedia.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentContextI, DebugProp, IsMediaType, MediaQueries, MediaQueryObject, MediaQueryState, TamaguiInternalConfig, UseMediaState, WidthHeight } from '../types';
+import type { ComponentContextI, DebugProp, GetStyleState, IsMediaType, MediaQueries, MediaQueryObject, MediaQueryState, TamaguiInternalConfig, UseMediaState, WidthHeight } from '../types';
 export declare let mediaState: MediaQueryState;
 export declare const mediaQueryConfig: MediaQueries;
 export declare const getMedia: () => MediaQueryState;
@@ -16,7 +16,7 @@ export declare function setMediaShouldUpdate(ref: any, enabled?: boolean, keys?:
 export declare function useMedia(cc?: ComponentContextI, debug?: DebugProp): UseMediaState;
 export declare function _disableMediaTouch(val: boolean): void;
 export declare function getMediaState(mediaGroups: Set<string>, layout: WidthHeight): Record<string, boolean>;
-export declare const getMediaImportanceIfMoreImportant: (mediaKey: string, key: string, importancesUsed: Record<string, number>, isSizeMedia: boolean) => number | null;
+export declare const getMediaImportanceIfMoreImportant: (mediaKey: string, key: string, styleState: GetStyleState, isSizeMedia: boolean) => number | null;
 export declare function mediaObjectToString(query: string | MediaQueryObject, key?: string): string;
 export declare function mediaKeyToQuery(key: string): string;
 export declare function mediaKeyMatch(key: string, dimensions: {

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

@@ -1 +1 @@
-{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../src/hooks/useMedia.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,WAAW,EACZ,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,GAAI,KAAK,MAAM,KAAG,WAOxC,CAAA;AAUD,eAAO,MAAM,qBAAqB,GAAI,KAAK,MAAM,WAchD,CAAA;AAMD,eAAO,MAAM,cAAc,GAAI,QAAQ,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;AASD,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,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,WAAW,2BAa1E;AAED,eAAO,MAAM,iCAAiC,GAC5C,UAAU,MAAM,EAChB,KAAK,MAAM,EACX,iBAAiB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACvC,aAAa,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,aAAa,EACb,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,WAAW,EACZ,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,GAAI,KAAK,MAAM,KAAG,WAOxC,CAAA;AAUD,eAAO,MAAM,qBAAqB,GAAI,KAAK,MAAM,WAchD,CAAA;AAMD,eAAO,MAAM,cAAc,GAAI,QAAQ,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;AASD,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,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,WAAW,2BAa1E;AAED,eAAO,MAAM,iCAAiC,GAC5C,UAAU,MAAM,EAChB,KAAK,MAAM,EACX,YAAY,aAAa,EACzB,aAAa,OAAO,kBAQrB,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,CAoEtF"}
+{"version":3,"file":"useProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useProps.tsx"],"names":[],"mappings":"AAOA,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,CAwEtF"}

package/types/index.d.ts

@@ -21,6 +21,7 @@ export { setConfig, getSetting, setupDev, getConfig, getThemes, getTokens, updat
 export { setNonce } from './helpers/insertStyleRule';
 export * from './constants/constants';
 export * from './contexts/ComponentContext';
+export * from './contexts/GroupContext';
 export * from './_withStableStyle';
 export * from './helpers/createMediaStyle';
 export * from './helpers/getShorthandValue';