@tamagui/web 1.99.0 → 1.100.0

package/src/createVariable.ts

@@ -2,16 +2,15 @@ import { isWeb } from '@tamagui/constants'
 import { simpleHash } from '@tamagui/helpers'
 
 import { getConfig } from './config'
+import type { TokenCategories } from './types'
 
 /**
  * Should rename this to Token
  * Moving to objects for React Server Components support
  */
 
-const IS_VAR = 'isVar'
-
 export interface Variable<A = any> {
-  [IS_VAR]?: true
+  isVar: true
   variable?: string
   val: A
   name: string
@@ -25,18 +24,18 @@ function constructCSSVariableName(name: string) {
 }
 
 type VariableIn<A = any> = Pick<Variable<A>, 'key' | 'name' | 'val'>
+
 export const createVariable = <A extends string | number | Variable = any>(
   props: VariableIn<A>,
   skipHash = false
 ): Variable<A> => {
   if (!skipHash && isVariable(props)) return props
-
   const { key, name, val } = props
   return {
-    [IS_VAR]: true,
-    key: key!,
-    name: skipHash ? '' : simpleHash(name, 40),
-    val: val as any,
+    isVar: true,
+    key,
+    name: skipHash ? name : simpleHash(name, 40),
+    val,
     variable: isWeb
       ? skipHash
         ? constructCSSVariableName(name)
@@ -57,27 +56,38 @@ export function variableToString(vrble?: any, getValue = false) {
 }
 
 export function isVariable(v: Variable | any): v is Variable {
-  return v && typeof v === 'object' && IS_VAR in v
+  return v && typeof v === 'object' && 'isVar' in v
 }
 
-export function getVariable(nameOrVariable: Variable | string | any) {
+export function getVariable(
+  nameOrVariable: Variable | string | any,
+  group: TokenCategories = 'size'
+) {
   setDidGetVariableValue(true)
   if (isVariable(nameOrVariable)) {
     return variableToString(nameOrVariable)
   }
   const tokens = getConfig().tokensParsed
-  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)
+  return variableToString(tokens[group]?.[nameOrVariable] ?? nameOrVariable)
 }
 
 let accessed = false
 export const setDidGetVariableValue = (val: boolean) => (accessed = val)
 export const didGetVariableValue = () => accessed
 
-export function getVariableValue(v: Variable | any) {
+export function getVariableValue(v: Variable | any, group?: TokenCategories) {
   if (isVariable(v)) {
     setDidGetVariableValue(true)
     return v.val
   }
+  if (group) {
+    const tokens = getConfig().tokensParsed
+    const token = tokens[group]?.[v]
+    if (token) {
+      setDidGetVariableValue(true)
+      return token.val
+    }
+  }
   return v
 }
 

package/src/helpers/createShallowSetState.tsx

@@ -1,13 +1,21 @@
 import type React from 'react'
 import type { DebugProp } from '../types'
+import { startTransition } from 'react'
+
+const callImmediate = (cb) => cb()
 
 export function createShallowSetState<State extends Object>(
   setter: React.Dispatch<React.SetStateAction<State>>,
   isDisabled?: boolean,
+  transition?: boolean,
   debug?: DebugProp
 ) {
-  return (next?: Partial<State>) =>
-    setter((prev) => mergeIfNotShallowEqual(prev, next, isDisabled, debug))
+  return (next?: Partial<State>) => {
+    const wrap = transition ? startTransition : callImmediate
+    wrap(() => {
+      setter((prev) => mergeIfNotShallowEqual(prev, next, isDisabled, debug))
+    })
+  }
 }
 
 export function mergeIfNotShallowEqual(

package/src/helpers/getSplitStyles.tsx

@@ -739,11 +739,8 @@ export const getSplitStyles: StyleSplitter = (
           if (isExit) {
             isDisabled = !styleProps.isExiting
           }
-          if (isEnter) {
-            isDisabled =
-              componentState.unmounted === 'should-enter'
-                ? true
-                : !componentState.unmounted
+          if (isEnter && componentState.unmounted === false) {
+            isDisabled = true
           }
 
           if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
@@ -1467,12 +1464,15 @@ const useInsertEffectCompat = isWeb
 
 // perf: ...args a bit expensive on native
 export const useSplitStyles: StyleSplitter = (a, b, c, d, e, f, g, h, i, j) => {
+  conf = conf || getConfig()
   const res = getSplitStyles(a, b, c, d, e, f, g, h, i, j)
 
   if (process.env.TAMAGUI_TARGET !== 'native') {
-    useInsertEffectCompat(() => {
-      insertStyleRules(res.rulesToInsert)
-    }, [res.rulesToInsert])
+    if (!process.env.TAMAGUI_REACT_19) {
+      useInsertEffectCompat(() => {
+        insertStyleRules(res.rulesToInsert)
+      }, [res.rulesToInsert])
+    }
   }
 
   return res
@@ -1483,7 +1483,9 @@ function addStyleToInsertRules(rulesToInsert: RulesToInsert, styleObject: StyleO
     if (!shouldInsertStyleRules(styleObject.identifier)) {
       return
     }
-    updateRules(styleObject.identifier, styleObject.rules)
+    if (!process.env.TAMAGUI_REACT_19) {
+      updateRules(styleObject.identifier, styleObject.rules)
+    }
     rulesToInsert.push(styleObject)
   }
 }

package/src/helpers/getVariantExtras.tsx

@@ -2,26 +2,33 @@ import { getVariableValue } from '../createVariable'
 import type { GenericFonts, GetStyleState } from '../types'
 import type { LanguageContextType } from '../views/FontLanguage.types'
 
-export function getVariantExtras(styleState: GetStyleState) {
+const cache = new WeakMap()
+
+export const getVariantExtras = (styleState: GetStyleState) => {
+  if (cache.has(styleState)) {
+    return cache.get(styleState)
+  }
+
   const { curProps, props, conf, context, theme } = styleState
   let fonts = conf.fontsParsed
   if (context?.language) {
     fonts = getFontsForLanguage(conf.fontsParsed, context.language)
   }
 
-  // should be able to just use styleState.fontFamily but no time to test for now
-  const fontFamily = getVariableValue(
-    styleState.fontFamily || styleState.curProps.fontFamily || styleState.conf.defaultFont
-  )
-
-  const font = fonts[fontFamily] || fonts[styleState.conf.defaultFont!]
-
   const next = {
     fonts,
     tokens: conf.tokensParsed,
     theme,
-    fontFamily,
-    font,
+    get fontFamily() {
+      return getVariableValue(
+        styleState.fontFamily ||
+          styleState.curProps.fontFamily ||
+          styleState.conf.defaultFont
+      )
+    },
+    get font() {
+      return fonts[this.fontFamily] || fonts[styleState.conf.defaultFont!]
+    },
     // TODO do this in splitstlye
     // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
     props: new Proxy(props, {
@@ -36,6 +43,8 @@ export function getVariantExtras(styleState: GetStyleState) {
     }),
   }
 
+  cache.set(styleState, next)
+
   return next as any
 }
 

package/src/helpers/insertStyleRule.tsx

@@ -178,20 +178,22 @@ function updateSheetStyles(
       continue
     }
 
-    // track references
-    const total = track(identifier, remove)
+    if (!process.env.TAMAGUI_REACT_19) {
+      // track references
+      const total = track(identifier, remove)
 
-    if (remove) {
-      if (total === 0) {
-        delete allSelectors[identifier]
-      }
-    } else if (!(identifier in allSelectors)) {
-      const isTransform = identifier.startsWith('_transform-')
-      const shouldInsert = isTransform
-        ? addTransform(identifier, cssRule.cssText, cssRule)
-        : true
-      if (shouldInsert) {
-        allSelectors[identifier] = cssRule.cssText
+      if (remove) {
+        if (total === 0) {
+          delete allSelectors[identifier]
+        }
+      } else if (!(identifier in allSelectors)) {
+        const isTransform = identifier.startsWith('_transform-')
+        const shouldInsert = isTransform
+          ? addTransform(identifier, cssRule.cssText, cssRule)
+          : true
+        if (shouldInsert) {
+          allSelectors[identifier] = cssRule.cssText
+        }
       }
     }
   }
@@ -206,7 +208,6 @@ let rootComputedStyle: CSSStyleDeclaration | null = null
 
 function addThemesFromCSS(cssStyleRule: CSSStyleRule, tokens?: TokensParsed) {
   const selectors = cssStyleRule.selectorText.split(',')
-
   if (!selectors.length) return
 
   if (tokens && !colorVarToVal) {
@@ -218,9 +219,11 @@ function addThemesFromCSS(cssStyleRule: CSSStyleRule, tokens?: TokensParsed) {
     }
   }
 
-  const rulesWithBraces = (cssStyleRule.cssText || '')
-    .slice(cssStyleRule.selectorText.length + 2, -1)
-    .trim()
+  const rulesWithBraces = (cssStyleRule.cssText || '').slice(
+    cssStyleRule.selectorText.length + 2,
+    -1
+  )
+
   const rules = rulesWithBraces.split(';')
 
   // get theme object parsed
@@ -236,7 +239,7 @@ function addThemesFromCSS(cssStyleRule: CSSStyleRule, tokens?: TokensParsed) {
     }
     const val = rule.slice(sepI + 2)
     let value: string
-    if (val.startsWith('var(')) {
+    if (val[0] === 'v' && val.startsWith('var(')) {
       // var()
       const varName = val.slice(6, -1)
       const tokenVal = colorVarToVal[varName]
@@ -260,31 +263,25 @@ function addThemesFromCSS(cssStyleRule: CSSStyleRule, tokens?: TokensParsed) {
     ) as any
   }
 
-  const dedupedEntry: DedupedTheme = {
-    names: [],
-    theme: values,
-  }
+  const names = new Set<string>()
 
   // loop selectors and build deduped
   for (const selector of selectors) {
-    const matches =
-      selector.match(/(.t_(light|dark))?[\s]?(.t_([a-z0-9_]+))[\s]*$/i) ||
-      ([] as string[])
-    const [_0, _1, scheme, _2, name] = matches
-    const themeName =
-      name && scheme && scheme !== name ? `${scheme}_${name}` : name || scheme
-    if (
-      !themeName ||
-      dedupedEntry.names.includes(themeName) ||
-      themeName === 'light_dark' ||
-      themeName === 'dark_light'
-    ) {
+    const lastThemeSelectorIndex = selector.lastIndexOf('.t_')
+    const name = selector.slice(lastThemeSelectorIndex).slice(3)
+    const [schemeChar] = selector[lastThemeSelectorIndex - 5]
+    const scheme = schemeChar === 'd' ? 'dark' : schemeChar === 'i' ? 'light' : ''
+    const themeName = scheme && scheme !== name ? `${scheme}_${name}` : name
+    if (!themeName || themeName === 'light_dark' || themeName === 'dark_light') {
       continue
     }
-    dedupedEntry.names.push(themeName)
+    names.add(themeName)
   }
 
-  return dedupedEntry
+  return {
+    names: [...names],
+    theme: values,
+  } satisfies DedupedTheme
 }
 
 function getTamaguiSelector(
@@ -315,11 +312,11 @@ function getTamaguiSelector(
 }
 
 const getIdentifierFromTamaguiSelector = (selector: string) => {
-  let res = selector.slice(7)
-  if (selector.includes(':')) {
-    return res.replace(/:[a-z]+$/, '')
+  const dotIndex = selector.indexOf(':')
+  if (dotIndex > -1) {
+    return selector.slice(7, dotIndex)
   }
-  return res
+  return selector.slice(7)
 }
 
 const sheet = isClient
@@ -327,39 +324,43 @@ const sheet = isClient
   : null
 
 export function updateRules(identifier: string, rules: string[]) {
-  if (identifier in allRules) {
-    return false
-  }
-  allRules[identifier] = rules.join(' ')
-  if (identifier.startsWith('_transform-')) {
-    return addTransform(identifier, rules[0])
+  if (!process.env.TAMAGUI_REACT_19) {
+    if (identifier in allRules) {
+      return false
+    }
+    allRules[identifier] = rules.join(' ')
+    if (identifier.startsWith('_transform-')) {
+      return addTransform(identifier, rules[0])
+    }
+    return true
   }
-  return true
 }
 
 export function insertStyleRules(rulesToInsert: RulesToInsert) {
-  if (!rulesToInsert.length || !sheet) {
-    return
-  }
-
-  for (const { identifier, rules } of rulesToInsert) {
-    if (!shouldInsertStyleRules(identifier)) {
-      continue
+  if (!process.env.TAMAGUI_REACT_19) {
+    if (!rulesToInsert.length || !sheet) {
+      return
     }
 
-    allSelectors[identifier] = rules.join('\n')
-    track(identifier)
-    updateRules(identifier, rules)
+    for (const { identifier, rules } of rulesToInsert) {
+      if (!shouldInsertStyleRules(identifier)) {
+        continue
+      }
 
-    for (const rule of rules) {
-      if (process.env.NODE_ENV === 'production') {
-        try {
+      allSelectors[identifier] = rules.join('\n')
+      track(identifier)
+      updateRules(identifier, rules)
+
+      for (const rule of rules) {
+        if (process.env.NODE_ENV === 'production') {
+          try {
+            sheet.insertRule(rule, sheet.cssRules.length)
+          } catch (err) {
+            console.error(`Error inserting CSS`, err)
+          }
+        } else {
           sheet.insertRule(rule, sheet.cssRules.length)
-        } catch (err) {
-          console.error(`Error inserting CSS`, err)
         }
-      } else {
-        sheet.insertRule(rule, sheet.cssRules.length)
       }
     }
   }
@@ -374,22 +375,26 @@ const minInsertAmt = process.env.TAMAGUI_INSERT_SELECTOR_TRIES
   : 2
 
 export function shouldInsertStyleRules(identifier: string) {
-  if (process.env.IS_STATIC === 'is_static') {
+  if (process.env.TAMAGUI_REACT_19) {
     return true
-  }
-  const total = totalSelectorsInserted.get(identifier)
-
-  if (process.env.NODE_ENV === 'development') {
-    if (
-      totalSelectorsInserted.size >
-      +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 10000)
-    ) {
-      console.warn(
-        `Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher`
-      )
+    // biome-ignore lint/style/noUselessElse: <explanation>
+  } else {
+    if (process.env.IS_STATIC === 'is_static') {
+      return true
     }
-  }
+    const total = totalSelectorsInserted.get(identifier)
 
-  // note we are being conservative allowing duplicates
-  return total === undefined || total < minInsertAmt
+    if (process.env.NODE_ENV === 'development') {
+      if (
+        totalSelectorsInserted.size >
+        +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 10000)
+      ) {
+        console.warn(
+          `Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher`
+        )
+      }
+    }
+    // note we are being conservative allowing duplicates
+    return total === undefined || total < minInsertAmt
+  }
 }

package/src/hooks/useTheme.tsx

@@ -318,8 +318,7 @@ export const useChangeThemeEffect = (
     }
   }
 
-  // for testing performance can bail it out early with this fake response:
-  // i found most of the cost was just having a useState at all, at least 30%
+  // to test performance: uncomment
   // if (!disable && parentManager) {
   //   return {
   //     isNewTheme: false,

package/src/types.tsx

@@ -160,11 +160,13 @@ export type CreateTokens<Val extends VariableVal = VariableVal> = Record<
   zIndex: { [key: GenericKey]: Val }
 }
 
+export type TokenCategories = 'color' | 'space' | 'size' | 'radius' | 'zIndex'
+
 type Tokenify<A extends GenericTokens> = Omit<
   {
     [Key in keyof A]: TokenifyRecord<A[Key]>
   },
-  'color' | 'space' | 'size' | 'radius' | 'zIndex'
+  TokenCategories
 > & {
   color: TokenifyRecord<A['color']>
   space: TokenifyRecord<A['space']>

package/types/createComponent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { ComponentContextI, DebugProp, SpaceDirection, SpaceValue, SpacerProps, SpacerStyleProps, StackNonStyleProps, StackProps, StaticConfig, TamaguiComponent, TamaguiComponentStateRef, TamaguiElement, TamaguiInternalConfig, TextProps } from './types';
 import type { TamaguiComponentState } from './interfaces/TamaguiComponentState';
+import type { ComponentContextI, DebugProp, SpaceDirection, SpaceValue, SpacerProps, SpacerStyleProps, StackNonStyleProps, StackProps, StaticConfig, TamaguiComponent, TamaguiComponentStateRef, TamaguiElement, TamaguiInternalConfig, TextProps } from './types';
 type ComponentSetState = React.Dispatch<React.SetStateAction<TamaguiComponentState>>;
 export declare const componentSetStates: Set<ComponentSetState>;
 export declare const useComponentState: (props: StackProps | TextProps | Record<string, any>, { animationDriver, groups }: ComponentContextI, staticConfig: StaticConfig, config: TamaguiInternalConfig) => {

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAYN,MAAM,OAAO,CAAA;AAuBd,OAAO,KAAK,EACV,iBAAiB,EACjB,SAAS,EAKT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,YAAY,EAEZ,gBAAgB,EAChB,wBAAwB,EACxB,cAAc,EACd,qBAAqB,EACrB,SAAS,EAIV,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAiB/E,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAkE9D,eAAO,MAAM,iBAAiB,UACrB,UAAU,GAAG,SAAS,GAAG,OAAO,MAAM,EAAE,GAAG,CAAC,+BACtB,iBAAiB,gBAChC,YAAY,UAClB,qBAAqB;;;;;;;;;;;;;;;;;;;CAuL9B,CAAA;AAuBD,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,wEA4hC3B;AAsBD,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,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD;AAwDD,eAAO,MAAM,UAAU,UAAW,GAAG,QAQpC,CAAA;AAED,eAAO,MAAM,uBAAuB,uFAOjC;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,qBAAqB,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5E,YAAY,CAAC,EAAE,IAAI,MAAM,CAAC,CAAA;IAC1B,WAAW,CAAC,EAAE,IAAI,MAAM,CAAC,CAAA;IACzB,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,KAAK,EAAE,qBAAqB,CAAA;CAC7B,4CAqCA,CAAA"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAYN,MAAM,OAAO,CAAA;AAyBd,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG/E,OAAO,KAAK,EACV,iBAAiB,EACjB,SAAS,EAKT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,YAAY,EAEZ,gBAAgB,EAChB,wBAAwB,EACxB,cAAc,EACd,qBAAqB,EACrB,SAAS,EAIV,MAAM,SAAS,CAAA;AAchB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAkE9D,eAAO,MAAM,iBAAiB,UACrB,UAAU,GAAG,SAAS,GAAG,OAAO,MAAM,EAAE,GAAG,CAAC,+BACtB,iBAAiB,gBAChC,YAAY,UAClB,qBAAqB;;;;;;;;;;;;;;;;;;;CAqL9B,CAAA;AAuBD,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,wEAyjC3B;AAsBD,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,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD;AAwDD,eAAO,MAAM,UAAU,UAAW,GAAG,QAQpC,CAAA;AAED,eAAO,MAAM,uBAAuB,uFAOjC;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,qBAAqB,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5E,YAAY,CAAC,EAAE,IAAI,MAAM,CAAC,CAAA;IAC1B,WAAW,CAAC,EAAE,IAAI,MAAM,CAAC,CAAA;IACzB,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,KAAK,EAAE,qBAAqB,CAAA;CAC7B,4CAqCA,CAAA"}

package/types/createVariable.d.ts

@@ -1,10 +1,10 @@
+import type { TokenCategories } from './types';
 /**
  * Should rename this to Token
  * Moving to objects for React Server Components support
  */
-declare const IS_VAR = "isVar";
 export interface Variable<A = any> {
-    [IS_VAR]?: true;
+    isVar: true;
     variable?: string;
     val: A;
     name: string;
@@ -15,10 +15,10 @@ type VariableIn<A = any> = Pick<Variable<A>, 'key' | 'name' | 'val'>;
 export declare const createVariable: <A extends string | number | Variable<any> = any>(props: VariableIn<A>, skipHash?: boolean) => Variable<A>;
 export declare function variableToString(vrble?: any, getValue?: boolean): string;
 export declare function isVariable(v: Variable | any): v is Variable;
-export declare function getVariable(nameOrVariable: Variable | string | any): string;
+export declare function getVariable(nameOrVariable: Variable | string | any, group?: TokenCategories): string;
 export declare const setDidGetVariableValue: (val: boolean) => boolean;
 export declare const didGetVariableValue: () => boolean;
-export declare function getVariableValue(v: Variable | any): any;
+export declare function getVariableValue(v: Variable | any, group?: TokenCategories): any;
 export declare function getVariableName(v: Variable | any): any;
 export declare function getVariableVariable(v: Variable | any): any;
 export declare const createCSSVariable: (nameProp: string, includeVar?: boolean) => any;

package/types/createVariable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createVariable.d.ts","sourceRoot":"","sources":["../src/createVariable.ts"],"names":[],"mappings":"AAKA;;;GAGG;AAEH,QAAA,MAAM,MAAM,UAAU,CAAA;AAEtB,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,GAAG;IAC/B,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,CAAC,CAAA;IACN,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;AAM/E,KAAK,UAAU,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC,CAAA;AACpE,eAAO,MAAM,cAAc,2DAClB,WAAW,CAAC,CAAC,yBAEnB,SAAS,CAAC,CAeZ,CAAA;AAGD,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,QAAQ,UAAQ,UAQ7D;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,IAAI,QAAQ,CAE3D;AAED,wBAAgB,WAAW,CAAC,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,GAAG,UAOlE;AAGD,eAAO,MAAM,sBAAsB,QAAS,OAAO,YAAqB,CAAA;AACxE,eAAO,MAAM,mBAAmB,eAAiB,CAAA;AAEjD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,OAMjD;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,OAGhD;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,OAGpD;AAGD,eAAO,MAAM,iBAAiB,aAAc,MAAM,8BAQjD,CAAA"}
+{"version":3,"file":"createVariable.d.ts","sourceRoot":"","sources":["../src/createVariable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;GAGG;AAEH,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,GAAG;IAC/B,KAAK,EAAE,IAAI,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,CAAC,CAAA;IACN,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;AAM/E,KAAK,UAAU,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC,CAAA;AAEpE,eAAO,MAAM,cAAc,2DAClB,WAAW,CAAC,CAAC,yBAEnB,SAAS,CAAC,CAcZ,CAAA;AAGD,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,QAAQ,UAAQ,UAQ7D;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,IAAI,QAAQ,CAE3D;AAED,wBAAgB,WAAW,CACzB,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,GAAG,EACvC,KAAK,GAAE,eAAwB,UAQhC;AAGD,eAAO,MAAM,sBAAsB,QAAS,OAAO,YAAqB,CAAA;AACxE,eAAO,MAAM,mBAAmB,eAAiB,CAAA;AAEjD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,KAAK,CAAC,EAAE,eAAe,OAc1E;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,OAGhD;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,OAGpD;AAGD,eAAO,MAAM,iBAAiB,aAAc,MAAM,8BAQjD,CAAA"}

package/types/helpers/createShallowSetState.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { DebugProp } from '../types';
-export declare function createShallowSetState<State extends Object>(setter: React.Dispatch<React.SetStateAction<State>>, isDisabled?: boolean, debug?: DebugProp): (next?: Partial<State>) => void;
+export declare function createShallowSetState<State extends Object>(setter: React.Dispatch<React.SetStateAction<State>>, isDisabled?: boolean, transition?: boolean, debug?: DebugProp): (next?: Partial<State>) => void;
 export declare function mergeIfNotShallowEqual(prev: any, next: any, isDisabled?: boolean, debug?: DebugProp): any;
 export declare function isEqualShallow(prev: any, next: any): boolean;
 //# sourceMappingURL=createShallowSetState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createShallowSetState.d.ts","sourceRoot":"","sources":["../../src/helpers/createShallowSetState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,MAAM,EACxD,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EACnD,UAAU,CAAC,EAAE,OAAO,EACpB,KAAK,CAAC,EAAE,SAAS,WAEF,QAAQ,KAAK,CAAC,UAE9B;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,GAAG,EACT,IAAI,EAAE,GAAG,EACT,UAAU,CAAC,EAAE,OAAO,EACpB,KAAK,CAAC,EAAE,SAAS,OAgBlB;AAED,wBAAgB,cAAc,CAAC,IAAI,KAAA,EAAE,IAAI,KAAA,WAOxC"}
+{"version":3,"file":"createShallowSetState.d.ts","sourceRoot":"","sources":["../../src/helpers/createShallowSetState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAKzC,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,MAAM,EACxD,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EACnD,UAAU,CAAC,EAAE,OAAO,EACpB,UAAU,CAAC,EAAE,OAAO,EACpB,KAAK,CAAC,EAAE,SAAS,WAEF,QAAQ,KAAK,CAAC,UAM9B;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,GAAG,EACT,IAAI,EAAE,GAAG,EACT,UAAU,CAAC,EAAE,OAAO,EACpB,KAAK,CAAC,EAAE,SAAS,OAgBlB;AAED,wBAAgB,cAAc,CAAC,IAAI,KAAA,EAAE,IAAI,KAAA,WAOxC"}

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

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AA4BA,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;AAyBjB,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,KAAK,CAAC,EAAE,SAAS,EACjB,wBAAwB,CAAC,EAAE,OAAO,KAC/B,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA8B7B,eAAO,MAAM,cAAc,EAAE,aAstC5B,CAAA;AAgED,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,SA2BF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAU5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AA4BA,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;AAyBjB,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,KAAK,CAAC,EAAE,SAAS,EACjB,wBAAwB,CAAC,EAAE,OAAO,KAC/B,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA8B7B,eAAO,MAAM,cAAc,EAAE,aAmtC5B,CAAA;AAgED,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,SA2BF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAa5B,CAAA"}

package/types/helpers/getVariantExtras.d.ts

@@ -1,5 +1,5 @@
 import type { GenericFonts, GetStyleState } from '../types';
 import type { LanguageContextType } from '../views/FontLanguage.types';
-export declare function getVariantExtras(styleState: GetStyleState): any;
+export declare const getVariantExtras: (styleState: GetStyleState) => any;
 export declare function getFontsForLanguage(fonts: GenericFonts, language: LanguageContextType): any;
 //# sourceMappingURL=getVariantExtras.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getVariantExtras.d.ts","sourceRoot":"","sources":["../../src/helpers/getVariantExtras.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEtE,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,aAAa,OAmCzD;AAID,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,mBAAmB,OAkBrF"}
+{"version":3,"file":"getVariantExtras.d.ts","sourceRoot":"","sources":["../../src/helpers/getVariantExtras.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAItE,eAAO,MAAM,gBAAgB,eAAgB,aAAa,QA0CzD,CAAA;AAID,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,mBAAmB,OAkBrF"}

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

@@ -1 +1 @@
-{"version":3,"file":"insertStyleRule.d.ts","sourceRoot":"","sources":["../../src/helpers/insertStyleRule.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,aAAa,EACb,aAAa,EAEb,YAAY,EACb,MAAM,UAAU,CAAA;AAQjB,eAAO,MAAM,kBAAkB,IAAK,CAAA;AAEpC,eAAO,MAAM,eAAe,8BAAqB,CAAA;AACjD,eAAO,MAAM,WAAW,gBAAgC,CAAA;AACxD,eAAO,MAAM,gBAAgB,UAA2B,CAAA;AA6BxD,wBAAgB,qBAAqB,SAkBpC;AAID,wBAAgB,aAAa,CAC3B,aAAa,UAAQ,EACrB,MAAM,CAAC,EAAE,YAAY,GACpB,aAAa,GAAG,SAAS,CA8B3B;AA+ND,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,uBAS9D;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,aAAa,QA0B5D;AAUD,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,WAmBxD"}
+{"version":3,"file":"insertStyleRule.d.ts","sourceRoot":"","sources":["../../src/helpers/insertStyleRule.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,aAAa,EACb,aAAa,EAEb,YAAY,EACb,MAAM,UAAU,CAAA;AAQjB,eAAO,MAAM,kBAAkB,IAAK,CAAA;AAEpC,eAAO,MAAM,eAAe,8BAAqB,CAAA;AACjD,eAAO,MAAM,WAAW,gBAAgC,CAAA;AACxD,eAAO,MAAM,gBAAgB,UAA2B,CAAA;AA6BxD,wBAAgB,qBAAqB,SAkBpC;AAID,wBAAgB,aAAa,CAC3B,aAAa,UAAQ,EACrB,MAAM,CAAC,EAAE,YAAY,GACpB,aAAa,GAAG,SAAS,CA8B3B;AA4ND,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,uBAW9D;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,aAAa,QA4B5D;AAUD,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,WAuBxD"}

package/types/hooks/useConfiguration.d.ts

@@ -68,7 +68,7 @@ export declare const useConfiguration: () => {
         autocompleteSpecificTokens?: (boolean | "except-special") | undefined;
         mediaPropOrder?: boolean | undefined;
         fastSchemeChange?: boolean | undefined;
-        webContainerType?: "unset" | "size" | "inherit" | "initial" | "revert" | "revert-layer" | "normal" | "inline-size" | undefined;
+        webContainerType?: "size" | "unset" | "inherit" | "initial" | "revert" | "revert-layer" | "normal" | "inline-size" | undefined;
     } & Omit<{
         allowedStyleValues?: ((boolean | "strict" | "somewhat-strict" | "strict-web" | "somewhat-strict-web") | {
             space?: ("number" | (boolean | "strict" | "somewhat-strict" | "strict-web" | "somewhat-strict-web") | "percent") | undefined;
@@ -80,7 +80,7 @@ export declare const useConfiguration: () => {
         autocompleteSpecificTokens?: (boolean | "except-special") | undefined;
         mediaPropOrder?: boolean | undefined;
         fastSchemeChange?: boolean | undefined;
-        webContainerType?: "unset" | "size" | "inherit" | "initial" | "revert" | "revert-layer" | "normal" | "inline-size" | undefined;
+        webContainerType?: "size" | "unset" | "inherit" | "initial" | "revert" | "revert-layer" | "normal" | "inline-size" | undefined;
     }, keyof {
         allowedStyleValues?: ((boolean | "strict" | "somewhat-strict" | "strict-web" | "somewhat-strict-web") | {
             space?: ("number" | (boolean | "strict" | "somewhat-strict" | "strict-web" | "somewhat-strict-web") | "percent") | undefined;
@@ -92,7 +92,7 @@ export declare const useConfiguration: () => {
         autocompleteSpecificTokens?: (boolean | "except-special") | undefined;
         mediaPropOrder?: boolean | undefined;
         fastSchemeChange?: boolean | undefined;
-        webContainerType?: "unset" | "size" | "inherit" | "initial" | "revert" | "revert-layer" | "normal" | "inline-size" | undefined;
+        webContainerType?: "size" | "unset" | "inherit" | "initial" | "revert" | "revert-layer" | "normal" | "inline-size" | undefined;
     }>;
     tokens: Omit<{
         [x: string]: {
@@ -113,7 +113,7 @@ export declare const useConfiguration: () => {
         zIndex: {
             [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").VariableValGeneric>;
         };
-    }, "color" | "space" | "size" | "radius" | "zIndex"> & {
+    }, import("..").TokenCategories> & {
         color: {
             [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").VariableValGeneric>;
         };
@@ -149,7 +149,7 @@ export declare const useConfiguration: () => {
         zIndex: {
             [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").VariableValGeneric>;
         };
-    }, "color" | "space" | "size" | "radius" | "zIndex"> & {
+    }, import("..").TokenCategories> & {
         color: {
             [x: string]: import("..").Variable<any> | import("..").Variable<string> | import("..").Variable<number> | import("..").Variable<import("..").VariableValGeneric>;
         };

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

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,YAAY,EAA4B,MAAM,yBAAyB,CAAA;AAGhF,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,UAAU,EACV,MAAM,EACN,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EACnB,MAAM,UAAU,CAAA;AAEjB,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,OAAO,CAAA;IAGnB,QAAQ,CAAC,EAAE,IAAI,GAAG,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAcD,MAAM,MAAM,aAAa,CAAC,GAAG,IAAI,GAAG,GAAG;IACrC;;;;;;;;;OASG;IACH,GAAG,EAAE,CACH,QAAQ,CAAC,EAAE,KAAK,KAEd,MAAM,GACN,CAAC,GAAG,SAAS,QAAQ,CAAC,MAAM,CAAC,CAAC,GAC1B,CAAC,SAAS,kBAAkB,GAC1B,GAAG,GACH,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,GACtB,GAAG,SAAS,WAAW,GACrB,MAAM,GAAG,MAAM,GACf,OAAO,CAAC,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;KAC1B,GAAG,IAAI,MAAM,WAAW,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,GAAG,aAAa,CAC/D,GAAG,SAAS,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CACjE;CACF,GAAG;KAED,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;CACpD,CAAA;AAYD,eAAO,MAAM,QAAQ,WAAW,UAAU,mBAIzC,CAAA;AAED,eAAO,MAAM,iBAAiB,UACrB,sBAAsB,KAC5B,CAAC,oBAAoB,EAAE,WAAW,CA8DpC,CAAA;AAED,wBAAgB,eAAe,CAC7B,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,iBAAiB,EAC1C,KAAK,UAAQ,EACb,YAAY,CAAC,EAAE,YAAY,EAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,EACf,KAAK,CAAC,EAAE,SAAS,GAChB,cAAc,CA0GhB;AAeD,eAAO,MAAM,mBAAmB,mBAA0B,CAAA;AAO1D,eAAO,MAAM,eAAe,OAAQ,MAAM,6BAEzC,CAAA;AASD,eAAO,MAAM,oBAAoB,UACxB,sBAAsB,2BAEtB,MAAM,EAAE,iBACA,MAAM,OAAO,GAAG,SAAS,KACvC,oBA+RF,CAAA"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,YAAY,EAA4B,MAAM,yBAAyB,CAAA;AAGhF,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,UAAU,EACV,MAAM,EACN,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EACnB,MAAM,UAAU,CAAA;AAEjB,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,OAAO,CAAA;IAGnB,QAAQ,CAAC,EAAE,IAAI,GAAG,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAcD,MAAM,MAAM,aAAa,CAAC,GAAG,IAAI,GAAG,GAAG;IACrC;;;;;;;;;OASG;IACH,GAAG,EAAE,CACH,QAAQ,CAAC,EAAE,KAAK,KAEd,MAAM,GACN,CAAC,GAAG,SAAS,QAAQ,CAAC,MAAM,CAAC,CAAC,GAC1B,CAAC,SAAS,kBAAkB,GAC1B,GAAG,GACH,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,GACtB,GAAG,SAAS,WAAW,GACrB,MAAM,GAAG,MAAM,GACf,OAAO,CAAC,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;KAC1B,GAAG,IAAI,MAAM,WAAW,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,GAAG,aAAa,CAC/D,GAAG,SAAS,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CACjE;CACF,GAAG;KAED,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;CACpD,CAAA;AAYD,eAAO,MAAM,QAAQ,WAAW,UAAU,mBAIzC,CAAA;AAED,eAAO,MAAM,iBAAiB,UACrB,sBAAsB,KAC5B,CAAC,oBAAoB,EAAE,WAAW,CA8DpC,CAAA;AAED,wBAAgB,eAAe,CAC7B,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,iBAAiB,EAC1C,KAAK,UAAQ,EACb,YAAY,CAAC,EAAE,YAAY,EAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,EACf,KAAK,CAAC,EAAE,SAAS,GAChB,cAAc,CA0GhB;AAeD,eAAO,MAAM,mBAAmB,mBAA0B,CAAA;AAO1D,eAAO,MAAM,eAAe,OAAQ,MAAM,6BAEzC,CAAA;AASD,eAAO,MAAM,oBAAoB,UACxB,sBAAsB,2BAEtB,MAAM,EAAE,iBACA,MAAM,OAAO,GAAG,SAAS,KACvC,oBA8RF,CAAA"}

package/types/types.d.ts

@@ -109,9 +109,10 @@ export type CreateTokens<Val extends VariableVal = VariableVal> = Record<string,
         [key: GenericKey]: Val;
     };
 };
+export type TokenCategories = 'color' | 'space' | 'size' | 'radius' | 'zIndex';
 type Tokenify<A extends GenericTokens> = Omit<{
     [Key in keyof A]: TokenifyRecord<A[Key]>;
-}, 'color' | 'space' | 'size' | 'radius' | 'zIndex'> & {
+}, TokenCategories> & {
     color: TokenifyRecord<A['color']>;
     space: TokenifyRecord<A['space']>;
     size: TokenifyRecord<A['size']>;