@tamagui/web 2.0.0-1768636514428 → 2.0.0-1768699687560

package/src/helpers/mergeSlotStyleProps.ts

@@ -0,0 +1,46 @@
+import { composeRefs } from '@tamagui/compose-refs'
+import { composeEventHandlers } from '@tamagui/helpers'
+
+const isEventHandler = /^on[A-Z]/
+
+/**
+ * Merges props with special handling for style, className, ref, and event handlers.
+ * Used by Slot and render prop implementations.
+ *
+ * @param base - Base props (typically from parent/slot)
+ * @param overlay - Props to merge on top (typically from child/element)
+ * @returns Merged props object (mutates and returns base for perf)
+ */
+export function mergeSlotStyleProps(
+  base: Record<string, any>,
+  overlay: Record<string, any>
+): Record<string, any> {
+  for (const key in overlay) {
+    const baseVal = base[key]
+    const overlayVal = overlay[key]
+
+    if (overlayVal === undefined) continue
+
+    if (key === 'style') {
+      base.style =
+        baseVal && overlayVal ? { ...baseVal, ...overlayVal } : overlayVal || baseVal
+    } else if (key === 'className') {
+      base.className =
+        baseVal && overlayVal ? `${baseVal} ${overlayVal}` : overlayVal || baseVal
+    } else if (key === 'ref') {
+      base.ref =
+        baseVal && overlayVal ? composeRefs(baseVal, overlayVal) : overlayVal || baseVal
+    } else if (
+      isEventHandler.test(key) &&
+      typeof baseVal === 'function' &&
+      typeof overlayVal === 'function'
+    ) {
+      base[key] = composeEventHandlers(baseVal, overlayVal)
+    } else {
+      // overlay wins for regular props
+      base[key] = overlayVal
+    }
+  }
+
+  return base
+}

package/src/helpers/skipProps.ts

@@ -13,7 +13,7 @@ export const skipProps = {
   debug: 1,
   componentName: 1,
   disableOptimization: 1,
-  tag: 1,
+  render: 1,
   style: 1, // handled after loop so pseudos set usedKeys and override it if necessary
   group: 1,
   animatePresence: 1,

package/src/helpers/useRenderElement.tsx

@@ -0,0 +1,66 @@
+import type React from 'react'
+import { cloneElement, createElement, isValidElement } from 'react'
+import { composeRefs } from '@tamagui/compose-refs'
+import type { TamaguiComponentState } from '../types'
+import { mergeSlotStyleProps } from './mergeSlotStyleProps'
+
+export type RenderProp<Props = Record<string, any>> =
+  | string
+  | React.ReactElement
+  | ((props: Props, state: TamaguiComponentState) => React.ReactElement)
+
+/**
+ * Evaluates a render prop and returns the element to render.
+ *
+ * @param render - The render prop (tag string, JSX element, or function)
+ * @param props - Props to pass to the rendered element (including ref)
+ * @param state - Component state for render functions
+ * @param defaultElement - Fallback element if render prop is not provided
+ */
+export function evaluateRenderProp(
+  render: RenderProp | undefined,
+  props: Record<string, any>,
+  state: TamaguiComponentState,
+  defaultElement: React.ReactElement<any>
+): React.ReactElement {
+  if (!render) {
+    return defaultElement
+  }
+
+  const defaultChildren = defaultElement.props.children
+
+  // String tag - swap element type, reuse props from defaultElement
+  if (typeof render === 'string') {
+    return createElement(render, props, defaultChildren)
+  }
+
+  // Render function - call with props and state
+  if (typeof render === 'function') {
+    return render(props, state)
+  }
+
+  // JSX element - clone with merged props
+  if (isValidElement(render)) {
+    const renderProps = render.props as Record<string, any>
+    const renderRef = renderProps?.ref
+
+    // Fast path: no props to merge
+    if (!renderProps || Object.keys(renderProps).length === 0) {
+      if (renderRef) {
+        return cloneElement(
+          render,
+          { ...props, ref: composeRefs(props.ref, renderRef) } as any,
+          defaultChildren
+        )
+      }
+      return cloneElement(render, props as any, defaultChildren)
+    }
+
+    // Merge props (component props as base, render props as overlay)
+    const merged = mergeSlotStyleProps({ ...props }, renderProps)
+    const children = renderProps.children ?? defaultChildren
+    return cloneElement(render, merged as any, children)
+  }
+
+  return defaultElement
+}

package/src/hooks/getThemeProxied.ts

@@ -112,12 +112,13 @@ export function getThemeProxied(
 
           if (process.env.TAMAGUI_TARGET === 'native') {
             // ios can avoid re-rendering in some cases when we are using a root light/dark
-            // disabled in cases where we have animations
+            // disabled in cases where we have animations or when scheme changes from parent (isInverse)
             const shouldOptimize =
               scheme &&
               platform !== 'web' &&
               isIos &&
               !curProps.deopt &&
+              !curState.isInverse &&
               getSetting('fastSchemeChange') &&
               doesRootSchemeMatchSystem()
 

package/src/index.ts

@@ -56,6 +56,7 @@ export {
   getToken,
   getTokens,
   getTokenValue,
+  loadAnimationDriver,
   setConfig,
   setupDev,
   updateConfig,

package/src/interfaces/TamaguiComponentPropsBaseBase.tsx

@@ -1,4 +1,10 @@
-import type { DebugProp, ThemeName, GroupNames, Role } from '../types'
+import type {
+  DebugProp,
+  ThemeName,
+  GroupNames,
+  Role,
+  TamaguiComponentState,
+} from '../types'
 
 export type TamaguiComponentPropsBaseBase = {
   target?: string
@@ -41,10 +47,19 @@ export type TamaguiComponentPropsBaseBase = {
   id?: string
 
   /**
-   * Controls the output tag on web
-   * {@see https://developer.mozilla.org/en-US/docs/Web/HTML/Element}
+   * Controls the rendered element on web.
+   * - String: renders as that HTML element (e.g., `render="button"`)
+   * - JSX Element: clones element with merged props (e.g., `render={<a href="/" />}`)
+   * - Function: full control with props and state (e.g., `render={(props) => <Custom {...props} />}`)
    */
-  tag?: keyof HTMLElementTagNameMap | (string & {})
+  render?:
+    | keyof HTMLElementTagNameMap
+    | (string & {})
+    | React.ReactElement
+    | ((
+        props: Record<string, any> & { ref?: React.Ref<any> },
+        state: TamaguiComponentState
+      ) => React.ReactElement)
 
   /**
    * Applies a theme to this element

package/src/styled.tsx

@@ -46,6 +46,7 @@ export function styled<
     variants?: Variants | undefined
     defaultVariants?: GetVariantAcceptedValues<Variants>
     context?: StyledContext
+    render?: string
   },
   config?: StyledConfig
 ) {
@@ -289,13 +290,13 @@ export function styled<
 // })
 
 // const Test2 = styled(Text1, {
-//   tag: 'p',
+//   render: 'p',
 //   userSelect: 'auto',
 //   color: '$color',
 // })
 
 // const Test3 = styled(Test2, {
-//   tag: 'p',
+//   render: 'p',
 //   userSelect: 'auto',
 //   color: '$color',
 
@@ -307,7 +308,7 @@ export function styled<
 // })
 
 // const Test = styled(Paragraph, {
-//   tag: 'p',
+//   render: 'p',
 //   userSelect: 'auto',
 //   color: '$color',
 

package/src/types.tsx

@@ -269,10 +269,22 @@ export type TamaguiComponentPropsBaseBase = {
   id?: string
 
   /**
-   * Controls the output tag on web
-   * {@see https://developer.mozilla.org/en-US/docs/Web/HTML/Element}
-   */
-  tag?: keyof HTMLElementTagNameMap | (string & {})
+   * Controls the rendered element on web.
+   * - String: renders as that HTML element (e.g., `render="button"`)
+   * - JSX Element: clones element with merged props (e.g., `render={<a href="/" />}`)
+   * - Function: full control with props and state (e.g., `render={(props) => <Custom {...props} />}`)
+   * @example render="button"
+   * @example render={<a href="/" />}
+   * @example render={(props, state) => <MyComponent {...props} isPressed={state.press} />}
+   */
+  render?:
+    | keyof HTMLElementTagNameMap
+    | (string & {})
+    | React.ReactElement
+    | ((
+        props: Record<string, any> & { ref?: React.Ref<any> },
+        state: TamaguiComponentState
+      ) => React.ReactElement)
 
   /**
    * Applies a theme to this element
@@ -327,6 +339,13 @@ export type TamaguiComponentPropsBaseBase = {
    * Tamagui uses Pressable internally so it supports `number | Insets` rather than just `Insets`
    */
   hitSlop?: number | Insets | null
+
+  /**
+   * Select which animation driver to use for this component.
+   * Pass a string key matching a driver registered in the `animations` config.
+   * Example: `<View animatedBy="spring">` when config has `animations: { default: css, spring: moti }`
+   */
+  animatedBy?: AnimationDriverKeys | null
 }
 
 export interface Insets {
@@ -727,7 +746,10 @@ export type CreateTamaguiConfig<
   }
   shorthands: C
   media: D
-  animations: AnimationDriver<E>
+  // Support both single driver and multi-driver config
+  // Multi-driver: { default: cssDriver, spring: motiDriver }
+  // Single: AnimationDriver<E>
+  animations: AnimationDriver<E> | AnimationsConfigObject
   settings: H
 }
 
@@ -760,7 +782,7 @@ type ConfProps<A, B, C, D, E, F, I> = {
   themes?: B
   shorthands?: C
   media?: D
-  animations?: E extends AnimationConfig ? AnimationDriver<E> : undefined
+  animations?: E
   fonts?: F
   settings?: I
 }
@@ -783,6 +805,15 @@ type EmptyTamaguiSettings = {
   autocompleteSpecificTokens: 'except-special'
 }
 
+// Helper to extract animation config from AnimationDriver<Config> or multi-driver object
+type ExtractAnimationConfig<E> = E extends AnimationDriver<infer Config>
+  ? Config
+  : E extends { default: AnimationDriver<infer Config> }
+    ? Config
+    : E extends GenericAnimations
+      ? E
+      : EmptyAnimations
+
 export type InferTamaguiConfig<Conf> = Conf extends ConfProps<
   infer A,
   infer B,
@@ -797,7 +828,7 @@ export type InferTamaguiConfig<Conf> = Conf extends ConfProps<
       B extends GenericThemes ? B : EmptyThemes,
       C extends GenericShorthands ? C : EmptyShorthands,
       D extends GenericMedia ? D : EmptyMedia,
-      E extends GenericAnimations ? E : EmptyAnimations,
+      ExtractAnimationConfig<E>,
       F extends GenericFonts ? F : EmptyFonts,
       H extends GenericTamaguiSettings ? H : EmptyTamaguiSettings
     >
@@ -855,11 +886,47 @@ export type Media = TamaguiConfig['media']
 export type Themes = TamaguiConfig['themes']
 export type ThemeName = Exclude<GetAltThemeNames<keyof Themes>, number>
 export type ThemeTokens = `$${ThemeKeys}`
-export type TransitionKeys = TamaguiConfig['animations'] extends AnimationDriver<
-  infer Config
->
-  ? keyof Config
-  : string
+// Animation names (slow, fast, bouncy) for the `transition` prop
+// Extract animation keys from the driver's `animations` property
+// The AnimationDriver<Config> has an `animations: Config` property
+type GetAnimationsFromDriver<T> = T extends { animations: infer A } ? keyof A : never
+
+// For multi-driver configs like { default: AnimationDriver, css: AnimationDriver }
+// Extract from the 'default' driver or first driver found
+type GetAnimationsFromMultiDriver<T> = T extends { default: infer D }
+  ? GetAnimationsFromDriver<D>
+  : T extends { [key: string]: infer D }
+    ? GetAnimationsFromDriver<D>
+    : never
+
+// Extract just the AnimationDriver from the union (excluding AnimationsConfigObject)
+type ExtractDriver<T> = Extract<T, AnimationDriver<any>>
+
+// Main extraction - use Extract to get AnimationDriver from union, then get keys
+type InferredTransitionKeys = ExtractDriver<
+  TamaguiConfig['animations']
+> extends AnimationDriver<any>
+  ? GetAnimationsFromDriver<ExtractDriver<TamaguiConfig['animations']>>
+  : GetAnimationsFromMultiDriver<TamaguiConfig['animations']>
+
+export type TransitionKeys = InferredTransitionKeys
+
+// Driver keys (default, css, spring) for the `animatedBy` prop
+type InferredAnimationDriverKeys =
+  TamaguiConfig['animations'] extends AnimationDriver<any>
+    ? 'default'
+    : TamaguiConfig['animations'] extends Record<string, AnimationDriver<any>>
+      ? keyof TamaguiConfig['animations']
+      : 'default'
+
+// Combine inferred keys from config with TypeOverride keys
+// This ensures both config-defined drivers AND lazy-loaded drivers are available
+export type AnimationDriverKeys =
+  | 'default'
+  | InferredAnimationDriverKeys
+  | (ReturnType<TypeOverride['animationDrivers']> extends 1
+      ? never
+      : ReturnType<TypeOverride['animationDrivers']>)
 export type FontLanguages = ArrayIntersection<TamaguiConfig['fontLanguages']>
 
 export interface ThemeProps {
@@ -1055,21 +1122,6 @@ export interface GenericTamaguiSettings {
    */
   mediaQueryDefaultActive?: Record<string, boolean>
 
-  /**
-   * What's between each CSS style rule, set to "\n" to be easier to read
-   * @default "\n" when NODE_ENV=development, "" otherwise
-   */
-  cssStyleSeparator?: string
-
-  /**
-   * (Advanced) on the web, tamagui treats `dark` and `light` themes as special
-   * and generates extra CSS to avoid having to re-render the entire page. this
-   * CSS relies on specificity hacks that multiply by your sub-themes. this sets
-   * the maxiumum number of nested dark/light themes you can do defaults to 3
-   * for a balance, but can be higher if you nest them deeply.
-   */
-  maxDarkLightNesting?: number
-
   /**
    * Adds @media(prefers-color-scheme) media queries for dark/light, must be set
    * true if you are supporting system preference for light and dark mode themes
@@ -1108,12 +1160,32 @@ export type BaseStyleProps = {
   [Key in keyof StackStyleBase]?: StackStyle[Key] | GetThemeValueForKey<Key>
 }
 
+/**
+ * Animation drivers config - can be a single driver or named drivers object.
+ * If object, must include a 'default' key.
+ */
+export type AnimationsConfig = AnimationDriver<any> | AnimationsConfigObject
+
+export type AnimationsConfigObject = {
+  default: AnimationDriver<any>
+  [key: string]: AnimationDriver<any>
+}
+
 export type CreateTamaguiProps = {
   unset?: BaseStyleProps
   reactNative?: any
   shorthands?: CreateShorthands
   media?: GenericTamaguiConfig['media']
-  animations?: AnimationDriver<any>
+  /**
+   * Animation driver(s) configuration.
+   * Can be a single driver or an object of named drivers (must include 'default').
+   * @example
+   * // Single driver
+   * animations: createAnimations({ slow: '...', fast: '...' })
+   * // Multiple named drivers
+   * animations: { default: cssDriver, spring: motiDriver }
+   */
+  animations?: AnimationsConfig
   fonts?: GenericTamaguiConfig['fonts']
   tokens?: GenericTamaguiConfig['tokens']
   themes?: {
@@ -1215,6 +1287,7 @@ export type PlatformMediaKeys = `$platform-${AllPlatforms}`
 
 export interface TypeOverride {
   groupNames(): 1
+  animationDrivers(): 1
 }
 
 export type GroupNames = ReturnType<TypeOverride['groupNames']> extends 1
@@ -3005,6 +3078,7 @@ export type UseAnimationHook = (props: {
   componentState: TamaguiComponentState
   useStyleEmitter?: UseStyleEmitter
   theme: ThemeParsed
+  themeName: string
   pseudos: WithPseudoProps<ViewStyle> | null
   stateRef: { current: TamaguiComponentStateRef }
   onDidAnimate?: any

package/src/views/Configuration.tsx

@@ -1,10 +1,8 @@
 import { ClientOnly } from '@tamagui/use-did-finish-ssr'
 import React from 'react'
 import { ComponentContext } from '../contexts/ComponentContext'
-import type { AnimationDriver } from '../types'
 
 interface ConfigurationProps {
-  animationDriver?: AnimationDriver | null
   disableSSR?: boolean
   children: React.ReactNode
 }

package/src/views/Slot.tsx

@@ -2,9 +2,9 @@
 
 import { composeRefs } from '@tamagui/compose-refs'
 import { isWeb } from '@tamagui/constants'
-import { composeEventHandlers } from '@tamagui/helpers'
 import type { ReactNode } from 'react'
-import { Children, cloneElement, forwardRef, isValidElement, version, memo } from 'react'
+import { Children, cloneElement, forwardRef, isValidElement, memo } from 'react'
+import { mergeSlotStyleProps } from '../helpers/mergeSlotStyleProps'
 
 /* -------------------------------------------------------------------------------------------------
  * Slot
@@ -14,8 +14,6 @@ interface SlotProps {
   children: ReactNode
 }
 
-const is19 = version.startsWith('19.')
-
 export const Slot = memo(
   forwardRef<any, SlotProps>(function Slot(props, forwardedRef) {
     const { children, ...slotProps } = props
@@ -28,10 +26,7 @@ export const Slot = memo(
           ? mergedProps
           : {
               ...mergedProps,
-              ref: composeRefs(
-                forwardedRef,
-                is19 ? (children as any).props.ref : (children as any).ref
-              ),
+              ref: composeRefs(forwardedRef, (children as any).props.ref),
             }
       )
     }
@@ -62,11 +57,9 @@ const pressMap = isWeb
 
 function mergeSlotProps(child: any, slotProps: Record<string, any>) {
   const childProps = child.props
-
-  // all child props should override
-  const overrideProps = { ...childProps }
   const isHTMLChild = typeof child.type === 'string'
 
+  // convert RN press events to web events for HTML children
   if (isHTMLChild) {
     for (const key in pressMap) {
       if (key in slotProps) {
@@ -76,29 +69,18 @@ function mergeSlotProps(child: any, slotProps: Record<string, any>) {
     }
   }
 
-  for (let propName in childProps) {
-    const slotPropValue = slotProps[propName]
-    const childPropValue = childProps[propName]
+  // merge slot props with child props (child wins via overlay)
+  const merged = mergeSlotStyleProps(slotProps, childProps)
 
-    if (isHTMLChild && propName in pressMap) {
-      propName = pressMap[propName]
-      delete overrideProps[propName]
-    }
-
-    const isHandler = handleRegex.test(propName)
-    // if it's a handler, modify the override by composing the base handler
-    if (isHandler) {
-      overrideProps[propName] = composeEventHandlers(childPropValue, slotPropValue)
-    }
-    // if it's `style`, we merge them
-    else if (propName === 'style') {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue }
-    } else if (propName === 'className') {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(' ')
+  // convert child's RN press events to web events after merge
+  if (isHTMLChild) {
+    for (const key in pressMap) {
+      if (key in merged) {
+        merged[pressMap[key]] = merged[key]
+        delete merged[key]
+      }
     }
   }
 
-  return { ...slotProps, ...overrideProps }
+  return merged
 }
-
-const handleRegex = /^on[A-Z]/

package/src/views/TamaguiProvider.tsx

@@ -49,10 +49,21 @@ export function TamaguiProvider({
     [insets?.top, insets?.right, insets?.bottom, insets?.left]
   )
 
+  // Get the default animation driver from config
+  // animations can be a single driver or { default: driver, ...others }
+  const defaultAnimationDriver = React.useMemo(() => {
+    const animations = config?.animations
+    if (!animations) return null
+    if ('default' in animations) {
+      return (animations as { default: any }).default
+    }
+    return animations
+  }, [config?.animations])
+
   let contents = (
     <UnmountedClassName>
       <ComponentContext.Provider
-        animationDriver={config?.animations}
+        animationDriver={defaultAnimationDriver}
         insets={memoizedInsets}
       >
         <ThemeProvider defaultTheme={defaultTheme} reset={reset} className={className}>

package/src/views/Theme.tsx

@@ -215,12 +215,6 @@ function getThemeClassNameAndColor(
       }
     : undefined
 
-  // const maxInverses = getSetting('maxDarkLightNesting') || 3
-  // const themeClassName =
-  //   themeState.inverses >= maxInverses
-  //     ? themeState.name
-  //     : themeState.name.replace(schemePrefix, '')
-
   const themeClassName = themeState.name.replace(schemePrefix, '')
 
   // Build full hierarchy of theme classes for CSS variable inheritance

package/types/animationDriverTypes.type-test.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Type tests for animatedBy prop and animation driver configuration.
+ *
+ * These tests ensure type-safe inference for:
+ * 1. Single animation driver config
+ * 2. Multiple animation drivers config
+ * 3. TypeOverride for lazy-loaded drivers
+ * 4. Combination scenarios
+ *
+ * Run with: yarn test:types
+ */
+export {};
+/**
+ * SUMMARY OF APPLIED TYPE FIXES:
+ *
+ * 1. CreateTamaguiConfig (line ~737):
+ *    FIXED: Changed from `animations: AnimationDriver<E>`
+ *    To: `animations: AnimationDriver<E> | AnimationsConfigObject`
+ *    This preserves the multi-driver object shape for type inference.
+ *
+ * 2. AnimationDriverKeys (line ~888-895):
+ *    FIXED: Changed from conditional (inferred OR override)
+ *    To: Union of all sources:
+ *      | 'default'
+ *      | InferredAnimationDriverKeys
+ *      | (TypeOverride extends 1 ? never : TypeOverride)
+ *    This ensures both config-defined AND lazy-loaded drivers are available.
+ *
+ * 3. InferredAnimationDriverKeys (line 879-886):
+ *    No changes needed - works correctly with the above fixes.
+ *    Properly infers 'default' for single driver and keyof for multi-driver.
+ *
+ * 4. TransitionKeys (line 868-876):
+ *    No changes needed - already handles both single and multi-driver cases.
+ *    Uses default driver's config for animation names.
+ */
+//# sourceMappingURL=animationDriverTypes.type-test.d.ts.map

package/types/config.d.ts

@@ -1,4 +1,4 @@
-import type { ConfigListener, GenericTamaguiSettings, TamaguiInternalConfig, Token, Tokens, TokensMerged } from './types';
+import type { AnimationDriver, ConfigListener, GenericTamaguiSettings, TamaguiInternalConfig, Token, Tokens, TokensMerged } from './types';
 export declare const getSetting: <Key extends keyof GenericTamaguiSettings>(key: Key) => GenericTamaguiSettings[Key];
 export declare const setConfig: (next: TamaguiInternalConfig) => void;
 export declare const setConfigFont: (name: string, font: any, fontParsed: any) => void;
@@ -56,5 +56,19 @@ type DevConfig = {
 };
 export declare let devConfig: DevConfig | undefined;
 export declare function setupDev(conf: DevConfig): void;
+/**
+ * Dynamically load an animation driver at runtime.
+ * Useful for lazy loading heavier animation drivers after initial page load.
+ *
+ * @example
+ * ```tsx
+ * // import loadAnimationDriver from tamagui
+ * // import createAnimations from your preferred driver (e.g. animations-reanimated)
+ *
+ * const driver = createAnimations({ bouncy: { type: 'spring', damping: 10 } })
+ * loadAnimationDriver('spring', driver)
+ * ```
+ */
+export declare function loadAnimationDriver(name: string, driver: AnimationDriver): void;
 export {};
 //# sourceMappingURL=config.d.ts.map

package/types/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,KAAK,EACL,MAAM,EACN,YAAY,EACb,MAAM,SAAS,CAAA;AAgDhB,eAAO,MAAM,UAAU,GAAI,GAAG,SAAS,MAAM,sBAAsB,EACjE,KAAK,GAAG,KACP,sBAAsB,CAAC,GAAG,CAU5B,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,MAAM,qBAAqB,SAIpD,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,MAAM,GAAG,EAAE,YAAY,GAAG,SAOrE,CAAA;AAED,eAAO,MAAM,SAAS,6BAUrB,CAAA;AAED,eAAO,MAAM,cAAc,oCAE1B,CAAA;AAGD,wBAAgB,SAAS,CAAC,CAAC,EAAE,YAAY,QAExC;AAED,eAAO,MAAM,SAAS,GAAI,gBAEvB;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACd,KAAG,YASR,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,MAAM,oCAUhE,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,MAAM,EAAE,qBAAmB,QAG/E,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,GAAG,OAAO,GAAG,MAAM,EAAE,QAAQ,MAAM,MAAM,QAGlF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,mBAzCnB;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAQ,YAoCyB,CAAA;AAElC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAA6C,CAAA;AAEnE,eAAO,MAAM,eAAe,qBAA4B,CAAA;AAExD,eAAO,MAAM,gBAAgB,GAAI,IAAI,cAAc,SAOlD,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,EAAE,OAAO,GAAG,SAInD,CAAA;AAGD,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,4DAQnC,CAAA;AAED,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EACP,OAAO,GACP;QACE,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACN,CAAA;AAED,eAAO,IAAI,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;AAE3C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,QAIvC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,KAAK,EACL,MAAM,EACN,YAAY,EACb,MAAM,SAAS,CAAA;AAgDhB,eAAO,MAAM,UAAU,GAAI,GAAG,SAAS,MAAM,sBAAsB,EACjE,KAAK,GAAG,KACP,sBAAsB,CAAC,GAAG,CAU5B,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,MAAM,qBAAqB,SAIpD,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,MAAM,GAAG,EAAE,YAAY,GAAG,SAOrE,CAAA;AAED,eAAO,MAAM,SAAS,6BAUrB,CAAA;AAED,eAAO,MAAM,cAAc,oCAE1B,CAAA;AAGD,wBAAgB,SAAS,CAAC,CAAC,EAAE,YAAY,QAExC;AAED,eAAO,MAAM,SAAS,GAAI,gBAEvB;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACd,KAAG,YASR,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,MAAM,oCAUhE,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,MAAM,EAAE,qBAAmB,QAG/E,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,GAAG,OAAO,GAAG,MAAM,EAAE,QAAQ,MAAM,MAAM,QAGlF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,mBAzCnB;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAQ,YAoCyB,CAAA;AAElC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAA6C,CAAA;AAEnE,eAAO,MAAM,eAAe,qBAA4B,CAAA;AAExD,eAAO,MAAM,gBAAgB,GAAI,IAAI,cAAc,SAOlD,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,EAAE,OAAO,GAAG,SAInD,CAAA;AAGD,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,4DAQnC,CAAA;AAED,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EACP,OAAO,GACP;QACE,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACN,CAAA;AAED,eAAO,IAAI,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;AAE3C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,QAIvC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,QAyBxE"}

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;AAoBtC,OAAO,KAAK,EASV,YAAY,EAEZ,gBAAgB,EAChB,qBAAqB,EACrB,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;AA8J9D,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,wEAq4C3B"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAqBtC,OAAO,KAAK,EASV,YAAY,EAEZ,gBAAgB,EAChB,qBAAqB,EACrB,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;AA8J9D,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,wEAu6C3B"}

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

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EACV,gBAAgB,EAEhB,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAGb,eAAe,EACf,YAAY,EAEZ,qBAAqB,EAErB,SAAS,EACT,WAAW,EAEZ,MAAM,UAAU,CAAA;AA0BjB,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAOhE,eAAO,MAAM,mBAAmB,sCAA6C,CAAA;AAE7E,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,IAAI,GAAG,cAAc,CAAA;AAE1B,eAAO,MAAM,UAAU,MAAM,CAAA;AAoD7B,eAAO,MAAM,cAAc,EAAE,aAiuC5B,CAAA;AA+DD,eAAO,MAAM,WAAW,GACtB,YAAY,aAAa,EACzB,QAAQ,MAAM,EACd,SAAS,MAAM,EACf,sBAAsB,OAAO,KAC5B,SAyFF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAY5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EACV,gBAAgB,EAEhB,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAIb,eAAe,EACf,YAAY,EAEZ,qBAAqB,EAErB,SAAS,EACT,WAAW,EAEZ,MAAM,UAAU,CAAA;AA0BjB,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAOhE,eAAO,MAAM,mBAAmB,sCAA6C,CAAA;AAE7E,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,IAAI,GAAG,cAAc,CAAA;AAE1B,eAAO,MAAM,UAAU,MAAM,CAAA;AAoD7B,eAAO,MAAM,cAAc,EAAE,aAkuC5B,CAAA;AA+DD,eAAO,MAAM,WAAW,GACtB,YAAY,aAAa,EACzB,QAAQ,MAAM,EACd,SAAS,MAAM,EACf,sBAAsB,OAAO,KAC5B,SAyFF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAY5B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"getThemeCSSRules.d.ts","sourceRoot":"","sources":["../../src/helpers/getThemeCSSRules.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAY,MAAM,UAAU,CAAA;AAOzE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,MAAM,EAAE,kBAAkB,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,YAyKA"}
+{"version":3,"file":"getThemeCSSRules.d.ts","sourceRoot":"","sources":["../../src/helpers/getThemeCSSRules.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAY,MAAM,UAAU,CAAA;AAOzE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,MAAM,EAAE,kBAAkB,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,YAkKA"}

package/types/helpers/mergeRenderElementProps.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Merges props from a render element with viewProps from Tamagui.
+ * viewProps takes precedence, elementProps provides fallbacks.
+ * Style/className are merged, refs and event handlers are composed.
+ */
+export declare function mergeRenderElementProps(elementProps: Record<string, any>, viewProps: Record<string, any>, children: any): Record<string, any>;
+//# sourceMappingURL=mergeRenderElementProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRenderElementProps.d.ts","sourceRoot":"","sources":["../../src/helpers/mergeRenderElementProps.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,QAAQ,EAAE,GAAG,GACZ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAKrB"}