@tamagui/web 3.0.0-beta.831.1 → 3.0.0-beta.889.1

package/src/helpers/getVariantExtras.tsx

@@ -1,95 +0,0 @@
-import { getSetting } from '../config'
-import { getVariableValue } from '../createVariable'
-import type { GenericFonts, GetStyleState, LanguageContextType } from '../types'
-
-const cache = new WeakMap<GetStyleState, { props: GetStyleState['props']; value: any }>()
-
-export const getVariantExtras = (styleState: GetStyleState) => {
-  const cached = cache.get(styleState)
-  if (cached?.props === styleState.props) {
-    return cached.value
-  }
-
-  const { props, conf, context, theme, styleProps } = styleState
-  const styledContext = styleProps.styledContext
-  let fonts = conf.fontsParsed
-  if (context?.language) {
-    fonts = getFontsForLanguage(conf.fontsParsed, context.language)
-  }
-
-  const next = {
-    fonts,
-    tokens: conf.tokensParsed,
-    theme,
-    context: styledContext,
-    get fontFamily() {
-      return (
-        getVariableValue(styleState.fontFamily || styleState.props.fontFamily) ||
-        props.fontFamily ||
-        getVariableValue(getSetting('defaultFont'))
-      )
-    },
-    get font() {
-      const found = fonts[this.fontFamily]
-      if (found) return found
-
-      // When an inner component re-processes already-resolved props, fontFamily
-      // arrives as the opaque var(--f-family) reference. The font identity
-      // survives in the font_<name> class.
-      const className = props.className
-      if (typeof className === 'string') {
-        let start = 0
-        for (let index = 0; index <= className.length; index++) {
-          if (index !== className.length && className.charCodeAt(index) > 32) continue
-          if (
-            index - start > 5 &&
-            className.charCodeAt(start) === 102 &&
-            className.charCodeAt(start + 1) === 111 &&
-            className.charCodeAt(start + 2) === 110 &&
-            className.charCodeAt(start + 3) === 116 &&
-            className.charCodeAt(start + 4) === 95
-          ) {
-            const name = className.slice(start + 5, index)
-            if (fonts[name]) return fonts[name]
-          }
-          start = index + 1
-        }
-      }
-
-      // Anything else is a font this config does not define — a bare var()
-      // reference to the root --f-family, or a real CSS family like
-      // `fontFamily: 'monospace'`. Neither has a configured type scale, so size
-      // resolution falls back to the default font's. Returning undefined here
-      // instead crashed every size variant that reads `font.size`, because each
-      // caller passes `extras.font!` straight into resolveTokenSize.
-      return fonts[conf.defaultFontToken]
-    },
-    props,
-  }
-
-  cache.set(styleState, { props, value: next })
-
-  return next as any
-}
-
-const fontLanguageCache = new WeakMap()
-
-export function getFontsForLanguage(fonts: GenericFonts, language: LanguageContextType) {
-  if (fontLanguageCache.has(language)) {
-    return fontLanguageCache.get(language)
-  }
-  const next = {
-    ...fonts,
-    ...Object.fromEntries(
-      Object.entries(language).flatMap(([name, lang]) => {
-        if (lang === 'default') {
-          return []
-        }
-        const langKey = `${name}_${lang}`
-        return [[name, fonts[langKey]]]
-      })
-    ),
-  }
-  fontLanguageCache.set(language, next)
-  return next
-}

package/src/helpers/variantResolvers.ts

@@ -1,121 +0,0 @@
-import { isVariable } from '../createVariable'
-import type { GetStyleState, TamaguiInternalConfig, VariantResolverName } from '../types'
-
-type CompiledVariantResolver = {
-  key: string
-  parts: VariantResolverName[]
-}
-
-const variantResolverCache = new WeakMap<object, readonly CompiledVariantResolver[]>()
-
-// a variant key may list several resolvers: `'Size | Space'`. compiled once per
-// variant object on first use, never again on the render path
-export function getCompiledVariantResolvers(variant: object) {
-  let compiled = variantResolverCache.get(variant)
-  if (!compiled) {
-    const next: CompiledVariantResolver[] = []
-    for (const key in variant) {
-      const parts = parseVariantResolverKey(key)
-      if (parts) next.push({ key, parts })
-    }
-    compiled = next
-    variantResolverCache.set(variant, compiled)
-  }
-  return compiled
-}
-
-function parseVariantResolverKey(key: string): VariantResolverName[] | null {
-  if (!key) return null
-  return key.split('|').map((part) => part.trim()) as VariantResolverName[]
-}
-
-// goes through specificity finding best matching variant function
-export function getVariantDefinition(
-  variant: any,
-  value: any,
-  conf: TamaguiInternalConfig,
-  { theme }: Partial<GetStyleState>
-): any {
-  if (!variant) return
-  if (value === undefined) return
-  if (typeof variant === 'function') {
-    return variant
-  }
-  if (value in variant) {
-    return variant[value]
-  }
-  for (const { key, parts } of getCompiledVariantResolvers(variant)) {
-    for (const part of parts) {
-      if (matchesVariantResolver(part, value, conf, theme)) {
-        return variant[key]
-      }
-    }
-  }
-}
-
-function matchesVariantResolver(
-  resolverName: VariantResolverName,
-  value: any,
-  conf: TamaguiInternalConfig,
-  theme: Partial<GetStyleState>['theme']
-) {
-  const string = typeof value === 'string'
-  const number = typeof value === 'number'
-  const rem =
-    string &&
-    value.length > 3 &&
-    value.endsWith('rem') &&
-    Number.isFinite(Number(value.slice(0, -3)))
-
-  switch (resolverName) {
-    case 'Size':
-    case 'Space':
-    case 'Radius':
-    case 'ZIndex':
-      // styles are authored by devs and never validated at runtime: any number
-      // or string routes to the token variant, which passes unknown values
-      // through. Size keeps its historical variable exclusion so variables
-      // route to the Space/Radius/ZIndex fallbacks.
-      return (
-        value === true ||
-        number ||
-        string ||
-        (resolverName !== 'Size' && isVariable(value))
-      )
-    // a token or theme color, otherwise any string is taken to be a raw CSS
-    // color and left for the browser to resolve. checking that against a CSS
-    // color-name table costs 2.3KB gzip to reject values that were never valid
-    // anyway. `red/50` opacity modifiers stay limited to token and theme
-    // colors, which the branches above already covered.
-    case 'Color':
-      return string
-    case 'Theme':
-      return string && !!theme && value in theme
-    case 'FontSize':
-      return value === true || !!conf.fontsParsed.body?.size?.[value] || number || rem
-    case 'FontStyle':
-      return (
-        !!conf.fontsParsed.body?.style?.[value] ||
-        value === 'normal' ||
-        value === 'italic'
-      )
-    case 'FontTransform':
-      return (
-        !!conf.fontsParsed.body?.transform?.[value] ||
-        value === 'none' ||
-        value === 'capitalize' ||
-        value === 'uppercase' ||
-        value === 'lowercase'
-      )
-    case 'FontLineHeight':
-      return !!conf.fontsParsed.body?.lineHeight?.[value] || number || rem
-    case 'FontLetterSpacing':
-      return !!conf.fontsParsed.body?.letterSpacing?.[value] || number || rem
-    case 'number':
-    case 'string':
-    case 'boolean':
-      return typeof value === resolverName
-    case 'any':
-      return true
-  }
-}

package/types/helpers/directStyleCSS.d.ts

@@ -1,28 +0,0 @@
-import type { GetStyleState } from '../types';
-export declare const canGenerateCSS: boolean;
-/**
- * A border width was authored, so its edge needs `borderStyle: solid` unless
- * an authored border style owns the property by completion time. Requests key
- * off the authored (pre-expansion) property, matching the emitted class.
- */
-export declare function requestBorderStyleDefault(state: GetStyleState, property: string, condition: number, identity: string, selector: string, wrapperSource: readonly string[] | undefined, wrapperStart: number, wrapperCount: number): void;
-export declare function directStyleSignature(property: string, value: unknown, conditionKey?: string): string;
-/**
- * Stream one CSS contribution. A property's first contribution serializes its
- * class immediately (the overwhelmingly common case pays one cached build and
- * no entry). A second contribution promotes the property to a combined slot,
- * finished at completion by precedence order - the deferred arrangement the
- * equal-specificity cascade tie-break requires (clauseOrderIndependence).
- */
-export declare function streamAtomic(state: GetStyleState, property: string, value: any, condition: number, identity: string, selector: string, wrapperSource: readonly string[] | undefined, wrapperStart: number, wrapperCount: number, weak: boolean, original?: any): void;
-/**
- * The CSS residue that genuinely cannot stream: border-style defaults resolve
- * against what the pass authored, promoted multi-contribution slots combine
- * in precedence order, transition longhands group into one record, and the
- * transform accumulator becomes the transform slot's base.
- */
-export declare function completeStreamingCSS(state: GetStyleState): void;
-export declare function flushDirectStyles(state: GetStyleState, clear?: boolean): void;
-export declare function addComposition(state: GetStyleState, property: 'translate' | 'scale'): void;
-export declare function clearFrameAtomic(state: GetStyleState, atomicKey: string): void;
-//# sourceMappingURL=directStyleCSS.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"directStyleCSS.d.ts","sourceRoot":"","sources":["../../src/helpers/directStyleCSS.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAW7C,eAAO,MAAM,cAAc,SACkD,CAAA;AAmB7E;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EAC5C,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,QAsBrB;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,OAAO,EACd,YAAY,SAAK,UAGlB;AA8FD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,GAAG,EACV,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EAC5C,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,OAAO,EACb,QAAQ,CAAC,EAAE,GAAG,QAoKf;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,aAAa,QA+ExD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,UAAQ,QAoBpE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,GAAG,OAAO,QAoCnF;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,QAMvE"}

package/types/helpers/directStyleCSS.native.d.ts

@@ -1,2 +0,0 @@
-export * from './directStyleCSSCompiled';
-//# sourceMappingURL=directStyleCSS.native.d.ts.map

package/types/helpers/directStyleCSS.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"directStyleCSS.native.d.ts","sourceRoot":"","sources":["../../src/helpers/directStyleCSS.native.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}

package/types/helpers/directStyleCSSCompiled.d.ts

@@ -1,10 +0,0 @@
-import type { GetStyleState } from '../types';
-export declare const canGenerateCSS = false;
-export declare const directStyleSignature: () => string;
-export declare function streamAtomic(_state: GetStyleState, _property: string, _value: any, _condition: number, _identity: string, _selector: string, _wrapperSource: readonly string[] | undefined, _wrapperStart: number, _wrapperCount: number, _weak: boolean, _original?: any): void;
-export declare function completeStreamingCSS(_state: GetStyleState): void;
-export declare function requestBorderStyleDefault(_state: GetStyleState, _property: string, _condition: number, _identity: string, _selector: string, _wrapperSource: readonly string[] | undefined, _wrapperStart: number, _wrapperCount: number): void;
-export declare function flushDirectStyles(_state: GetStyleState, _clear?: boolean): void;
-export declare function addComposition(_state: GetStyleState, _property: 'translate' | 'scale'): void;
-export declare function clearFrameAtomic(_state: GetStyleState, _atomicKey: string): void;
-//# sourceMappingURL=directStyleCSSCompiled.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"directStyleCSSCompiled.d.ts","sourceRoot":"","sources":["../../src/helpers/directStyleCSSCompiled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7C,eAAO,MAAM,cAAc,QAAQ,CAAA;AACnC,eAAO,MAAM,oBAAoB,cAAW,CAAA;AAE5C,wBAAgB,YAAY,CAC1B,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,GAAG,EACX,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EAC7C,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,OAAO,EACd,SAAS,CAAC,EAAE,GAAG,QACb;AACJ,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,aAAa,QAAI;AAC9D,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EAC7C,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,MAAM,QACnB;AACJ,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,UAAQ,QAAI;AAC3E,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,GAAG,OAAO,QAAI;AAC1F,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,QAAI"}

package/types/helpers/getVariantExtras.d.ts

@@ -1,4 +0,0 @@
-import type { GenericFonts, GetStyleState, LanguageContextType } from '../types';
-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 +0,0 @@
-{"version":3,"file":"getVariantExtras.d.ts","sourceRoot":"","sources":["../../src/helpers/getVariantExtras.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAIhF,eAAO,MAAM,gBAAgB,eAAgB,aAAa,QAkEzD,CAAA;AAID,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,mBAAmB,OAkBrF"}

package/types/helpers/variantResolvers.d.ts

@@ -1,9 +0,0 @@
-import type { GetStyleState, TamaguiInternalConfig, VariantResolverName } from '../types';
-type CompiledVariantResolver = {
-    key: string;
-    parts: VariantResolverName[];
-};
-export declare function getCompiledVariantResolvers(variant: object): readonly CompiledVariantResolver[];
-export declare function getVariantDefinition(variant: any, value: any, conf: TamaguiInternalConfig, { theme }: Partial<GetStyleState>): any;
-export {};
-//# sourceMappingURL=variantResolvers.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"variantResolvers.d.ts","sourceRoot":"","sources":["../../src/helpers/variantResolvers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAEzF,KAAK,uBAAuB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,mBAAmB,EAAE,CAAA;CAC7B,CAAA;AAMD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,MAAM,sCAY1D;AAQD,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,GAAG,EACZ,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,qBAAqB,EAC3B,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,aAAa,CAAC,GAChC,GAAG,CAgBL"}