@tamagui/web 1.39.7 → 1.39.9

package/src/createComponent.tsx

@@ -6,7 +6,7 @@ import {
   isWeb,
   useIsomorphicLayoutEffect,
 } from '@tamagui/constants'
-import { stylePropsView, validStyles } from '@tamagui/helpers'
+import { validStyles } from '@tamagui/helpers'
 import React, {
   Children,
   Fragment,
@@ -25,9 +25,9 @@ import { stackDefaultStyles } from './constants/constants'
 import { FontLanguageContext } from './contexts/FontLanguageContext'
 import { TextAncestorContext } from './contexts/TextAncestorContext'
 import { didGetVariableValue, setDidGetVariableValue } from './createVariable'
-import { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'
 import { useSplitStyles } from './helpers/getSplitStyles'
 import { mergeProps } from './helpers/mergeProps'
+import { parseStaticConfig } from './helpers/parseStaticConfig'
 import { proxyThemeVariables } from './helpers/proxyThemeVariables'
 import { themeable } from './helpers/themeable'
 import { useShallowSetState } from './helpers/useShallowSetState'
@@ -43,7 +43,6 @@ import {
   SpacerProps,
   StaticConfig,
   StaticConfigParsed,
-  StylableComponent,
   TamaguiComponent,
   TamaguiComponentEvents,
   TamaguiComponentState,
@@ -121,19 +120,26 @@ export function createComponent<
   ComponentPropTypes extends Object = {},
   Ref = TamaguiElement,
   BaseProps = never
->(
-  staticConfigIn: Partial<StaticConfig> | StaticConfigParsed,
-  ParentComponent?: StylableComponent
-) {
-  const staticConfig = (() => {
-    const next = extendStaticConfig(staticConfigIn, ParentComponent)
-
-    if ('parsed' in next) {
-      return next
-    } else {
-      return parseStaticConfig(next)
+>(staticConfigIn: Partial<StaticConfig> | StaticConfigParsed) {
+  const staticConfig = parseStaticConfig(staticConfigIn)
+
+  onConfiguredOnce((conf) => {
+    // one time only setup
+    if (!tamaguiConfig) {
+      tamaguiConfig = conf
+
+      if (!initialTheme) {
+        const next = conf.themes[Object.keys(conf.themes)[0]]
+        initialTheme = proxyThemeVariables(next)
+        if (process.env.NODE_ENV === 'development') {
+          if (!initialTheme) {
+            // rome-ignore lint/nursery/noConsoleLog: <explanation>
+            console.log('Warning: Missing theme')
+          }
+        }
+      }
     }
-  })()
+  })
 
   const {
     Component,
@@ -145,10 +151,19 @@ export function createComponent<
   } = staticConfig
 
   const defaultComponentClassName = `is_${staticConfig.componentName}`
-  let defaultProps: any
-  let defaultTag: string | undefined
+  const defaultProps = staticConfig.defaultProps
+
+  if (process.env.NODE_ENV === 'development' && staticConfigIn.defaultProps?.['debug']) {
+    if (process.env.IS_STATIC !== 'is_static') {
+      // rome-ignore lint/nursery/noConsoleLog: <explanation>
+      console.log(`🐛 [${staticConfig.componentName || 'Component'}]`, {
+        staticConfig,
+        defaultProps,
+        defaultPropsKeyOrder: Object.keys(defaultProps),
+      })
+    }
+  }
 
-  // see onConfiguredOnce below which attaches a name then to this component
   const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {
     if (process.env.TAMAGUI_TARGET === 'native') {
       // todo this could be moved to a cleaner location
@@ -302,11 +317,7 @@ export function createComponent<
 
     const isTaggable = !Component || typeof Component === 'string'
     // default to tag, fallback to component (when both strings)
-    const element = isWeb
-      ? isTaggable
-        ? props.tag || defaultTag || Component
-        : Component
-      : Component
+    const element = isWeb ? (isTaggable ? props.tag || Component : Component) : Component
 
     const BaseTextComponent = BaseText || element || 'span'
     const BaseViewComponent = BaseView || element || (hasTextAncestor ? 'span' : 'div')
@@ -368,10 +379,8 @@ export function createComponent<
         const type = isAnimatedReactNative ? '(animated)' : isReactNative ? '(rnw)' : ''
         const dataIs = propsIn['data-is'] || ''
         const banner = `${name}${dataIs ? ` ${dataIs}` : ''} ${type} id ${id}`
-        const parentsLog = (conf: StaticConfig) =>
-          conf.parentNames ? ` (${conf.parentNames?.join(' > ')})` : ''
         console.group(
-          `%c ${banner}${parentsLog(staticConfig)} (unmounted: ${state.unmounted})`,
+          `%c ${banner} (unmounted: ${state.unmounted})`,
           'background: yellow;'
         )
         if (!isServer) {
@@ -927,93 +936,22 @@ export function createComponent<
     component.displayName = staticConfig.componentName
   }
 
-  onConfiguredOnce((conf) => {
-    // one time only setup
-    if (!tamaguiConfig) {
-      tamaguiConfig = conf
-
-      if (!initialTheme) {
-        const next = conf.themes[Object.keys(conf.themes)[0]]
-        initialTheme = proxyThemeVariables(next)
-        if (process.env.NODE_ENV === 'development') {
-          if (!initialTheme) {
-            // rome-ignore lint/nursery/noConsoleLog: <explanation>
-            console.log('Warning: Missing theme')
-          }
-        }
-      }
-    }
-
-    // HOC doesn't use defaultProps those already come in below
-    let defaultPropsIn = staticConfig.defaultProps || {}
-
-    // because we run createTamagui after styled() defs, have to do some work here
-    // gather defaults props one time and merge downwards
-    // find last unprocessed and process
-    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]
-
-    if (tamaguiConfig.defaultProps && parentNames && staticConfig.componentName) {
-      defaultPropsIn = mergeConfigDefaultProps(
-        staticConfig.componentName,
-        defaultPropsIn,
-        tamaguiConfig.defaultProps,
-        parentNames,
-        tamaguiConfig
-      )
-    }
-
-    const debug = defaultPropsIn['debug']
-
-    if (defaultPropsIn.tag) {
-      defaultTag = defaultPropsIn.tag
-    }
-
-    const { name, variants, defaultVariants, ...restProps } = defaultPropsIn
-
-    defaultProps = restProps
-
-    if (staticConfig.isText && !defaultProps.fontFamily && conf.defaultFont) {
-      defaultProps.fontFamily = `$${conf.defaultFont}`
-    }
-
-    // add debug logs
-    if (process.env.NODE_ENV === 'development' && debug) {
-      if (process.env.IS_STATIC !== 'is_static') {
-        // rome-ignore lint/nursery/noConsoleLog: <explanation>
-        console.log(`🐛 [${staticConfig.componentName || 'Component'}]`, {
-          staticConfig,
-          defaultPropsIn,
-          defaultProps,
-          defaultPropsKeyOrder: Object.keys(defaultProps),
-          defaultTag,
-        })
-      }
-    }
-  })
-
   type ComponentType = TamaguiComponent<ComponentPropTypes, Ref, BaseProps, {}>
 
   let res: ComponentType = component as any
 
-  if (staticConfigIn.memo) {
+  if (staticConfig.memo) {
     res = memo(res) as any
   }
 
-  // is this necessary?
-  res.staticConfig = {
-    validStyles: staticConfig.validStyles || stylePropsView,
-    ...staticConfig,
-  }
+  res.staticConfig = staticConfig
 
   function extendStyledConfig() {
-    return extendStaticConfig(
-      {
-        ...staticConfig,
-        neverFlatten: true,
-        isHOC: true,
-      },
-      res
-    )
+    return {
+      ...staticConfig,
+      neverFlatten: true,
+      isHOC: true,
+    }
   }
 
   function extractable(Component: any) {
@@ -1228,43 +1166,6 @@ function isUnspaced(child: React.ReactNode) {
 
 const DefaultProps = new Map()
 
-function mergeConfigDefaultProps(
-  name: string,
-  props: Record<string, any>,
-  configDefaults: Record<string, Object>,
-  parentNames: (string | undefined)[],
-  conf: TamaguiInternalConfig
-) {
-  const len = parentNames.length
-  let prev
-
-  for (let i = 0; i < len; i++) {
-    const n = parentNames[i]
-    if (!n) continue
-    if (DefaultProps.has(n)) {
-      prev = DefaultProps.get(n)
-      continue
-    }
-    const props = configDefaults[n]
-    if (!props) {
-      if (prev) {
-        DefaultProps.set(n, prev)
-      }
-      continue
-    }
-    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]
-    DefaultProps.set(n, prev)
-  }
-
-  // overwrite the user defined defaults on top of internal defined defaults
-  const ourDefaultsMerged = DefaultProps.get(name)
-  if (ourDefaultsMerged) {
-    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]
-  }
-
-  return props
-}
-
 const AbsoluteFill: any = createComponent({
   defaultProps: {
     ...stackDefaultStyles,

package/src/helpers/getSplitStyles.tsx

@@ -214,6 +214,7 @@ export const getSplitStyles: StyleSplitter = (
 
     if (keyInit === 'className') continue // handled above
     if (keyInit in usedKeys) continue
+    if (keyInit in skipProps && !staticConfig.isHOC) continue
 
     // TODO this is duplicated! but seems to be fixing some bugs so leaving got now
     if (process.env.TAMAGUI_TARGET === 'web') {
@@ -290,12 +291,6 @@ export const getSplitStyles: StyleSplitter = (
       }
     }
 
-    if (!staticConfig.isHOC) {
-      if (keyInit in skipProps) {
-        continue
-      }
-    }
-
     if (keyInit === 'dataSet') {
       for (const keyInit in valInit) {
         viewProps[`data-${hyphenate(keyInit)}`] = valInit[keyInit]
@@ -625,6 +620,20 @@ export const getSplitStyles: StyleSplitter = (
         const isEnter = descriptor.name === 'enter'
         const isExit = descriptor.name === 'exit'
 
+        // dev-time warning that helps clear confusion around need for animation  when using enter/exit style
+        if (
+          process.env.NODE_ENV === 'development' &&
+          !state.isAnimated &&
+          !state.unmounted &&
+          (isEnter || isExit)
+        ) {
+          console.warn(
+            `No animation prop given to component ${
+              staticConfig.componentName || ''
+            } with enterStyle / exitStyle, these styles will be ignore.`
+          )
+        }
+
         // don't continue here on isEnter && !state.unmounted because we need to merge defaults
         if (!descriptor || (isExit && !state.isExiting)) {
           if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
@@ -1053,40 +1062,6 @@ export const getSplitStyles: StyleSplitter = (
   return result
 }
 
-// not ever hitting cache?
-// const cache = createChainedWeakCache()
-// export const getSplitStyles: StyleSplitter = (
-//   props,
-//   staticConfig,
-//   theme,
-//   state,
-//   parentSplitStyles,
-//   languageContext,
-//   elementType,
-//   debug
-// ) => {
-//   const cacheProps = [props, theme, state]
-//   const cached = cache.get(cacheProps)
-//   if (cached) {
-//     return cached as any
-//   }
-
-//   const res = getSplitStylesWithoutMemo(
-//     props,
-//     staticConfig,
-//     theme,
-//     state,
-//     parentSplitStyles,
-//     languageContext,
-//     elementType,
-//     debug
-//   )
-
-//   cache.set(cacheProps, res)
-
-//   return res
-// }
-
 function mergeClassName(
   transforms: Record<string, any[]>,
   classNames: Record<string, string>,
@@ -1296,16 +1271,17 @@ const mapTransformKeys = {
 }
 
 const skipProps = {
-  animation: true,
-  space: true,
-  animateOnly: true,
-  debug: true,
-  componentName: true,
-  tag: true,
+  animation: 1,
+  space: 1,
+  animateOnly: 1,
+  debug: 1,
+  componentName: 1,
+  disableOptimization: 1,
+  tag: 1,
 }
 
 if (process.env.NODE_ENV === 'test') {
-  skipProps['data-test-renders'] = true
+  skipProps['data-test-renders'] = 1
 }
 
 const IS_STATIC = process.env.IS_STATIC === 'is_static'
@@ -1313,22 +1289,22 @@ const IS_STATIC = process.env.IS_STATIC === 'is_static'
 // native only skips
 if (process.env.TAMAGUI_TARGET === 'native') {
   Object.assign(skipProps, {
-    whiteSpace: true,
-    wordWrap: true,
-    textOverflow: true,
-    textDecorationDistance: true,
-    cursor: true,
-    contain: true,
-    boxSizing: true,
-    boxShadow: true,
-    outlineStyle: true,
-    outlineOffset: true,
-    outlineWidth: true,
-    outlineColor: true,
+    whiteSpace: 1,
+    wordWrap: 1,
+    textOverflow: 1,
+    textDecorationDistance: 1,
+    cursor: 1,
+    contain: 1,
+    boxSizing: 1,
+    boxShadow: 1,
+    outlineStyle: 1,
+    outlineOffset: 1,
+    outlineWidth: 1,
+    outlineColor: 1,
   })
 } else {
   Object.assign(skipProps, {
-    elevationAndroid: true,
+    elevationAndroid: 1,
   })
 }
 

package/src/helpers/getThemeCSSRules.ts

@@ -104,7 +104,7 @@ export function getThemeCSSRules({
     }
   }
 
-  const selectors = [...selectorsSet]
+  const selectors = [...selectorsSet].sort((a, b) => a.localeCompare(b))
 
   // only do our :root attach if it's not light/dark - not support sub themes on root saves a lot of effort/size
   // this isBaseTheme logic could probably be done more efficiently above

package/src/helpers/mergeVariants.ts

@@ -0,0 +1,59 @@
+import type { GenericVariantDefinitions } from '../types'
+
+// deep merge variants
+// except for functions which override any parents
+
+export const mergeVariants = (
+  parentVariants: GenericVariantDefinitions,
+  ourVariants: GenericVariantDefinitions
+) => {
+  const variants = {}
+
+  for (const key in ourVariants) {
+    const parentVariant = parentVariants?.[key]
+    const ourVariant = ourVariants[key]
+
+    // do some early checks to avoid bad merges
+    if (!parentVariant || typeof ourVariant === 'function') {
+      variants[key] = ourVariant
+      continue
+    }
+
+    // do some early checks to avoid bad merges
+    if (parentVariant && !ourVariant) {
+      variants[key] = parentVariant[key]
+      continue
+    }
+
+    variants[key] = {}
+
+    for (const subKey in ourVariant) {
+      const val = ourVariant[subKey]
+      const parentVal = parentVariant?.[subKey]
+      if (typeof val === 'function') {
+        variants[key][subKey] = val
+      } else if (!parentVal || typeof parentVal === 'function') {
+        variants[key][subKey] = val
+      } else {
+        variants[key][subKey] = {
+          // keep order
+          ...parentVal,
+          ...val,
+        }
+      }
+    }
+
+    // merge parent variant keys that are superset
+    if (parentVariant) {
+      variants[key] = {
+        ...parentVariant,
+        ...variants[key],
+      }
+    }
+  }
+
+  return {
+    ...parentVariants,
+    ...variants,
+  }
+}

package/src/helpers/parseStaticConfig.ts

@@ -0,0 +1,14 @@
+import type { StaticConfig, StaticConfigParsed } from '../types'
+import { createPropMapper } from './createPropMapper'
+
+export const parseStaticConfig = (config: Partial<StaticConfig>): StaticConfigParsed => {
+  const parsed = {
+    defaultProps: {},
+    ...config,
+    parsed: true,
+  } as const
+  return {
+    ...parsed,
+    propMapper: createPropMapper(parsed as StaticConfigParsed),
+  }
+}

package/src/index.ts

@@ -16,7 +16,6 @@ export {
   getConfig,
   getThemes,
   getTokens,
-  onConfiguredOnce,
   updateConfig,
   getToken,
   getTokenValue,

package/src/styled.tsx

@@ -2,7 +2,7 @@ import { stylePropsAll } from '@tamagui/helpers'
 
 import { createComponent } from './createComponent'
 import { StyledContext } from './helpers/createStyledContext'
-import { mergeVariants } from './helpers/extendStaticConfig'
+import { mergeVariants } from './helpers/mergeVariants'
 import { getReactNativeConfig } from './setupReactNative'
 import type {
   GetProps,
@@ -13,7 +13,6 @@ import type {
   StaticConfig,
   StylableComponent,
   TamaguiComponent,
-  TamaguiElement,
   VariantDefinitions,
   VariantSpreadFunction,
 } from './types'
@@ -74,8 +73,7 @@ export function styled<
     }
   }
 
-  const parentStaticConfig =
-    'staticConfig' in ComponentIn ? (ComponentIn.staticConfig as StaticConfig) : null
+  const parentStaticConfig = ComponentIn['staticConfig'] as StaticConfig | undefined
 
   const isPlainStyledComponent =
     !!parentStaticConfig &&
@@ -113,6 +111,10 @@ export function styled<
             ...defaultVariants,
           }
         }
+
+        if (parentStaticConfig.variants) {
+          variants = mergeVariants(parentStaticConfig.variants, variants)
+        }
       }
 
       if (defaultVariants) {
@@ -123,8 +125,6 @@ export function styled<
       }
 
       if (parentStaticConfig?.isHOC) {
-        variants = mergeVariants(parentStaticConfig.variants, variants)
-
         // if HOC we map name => componentName as we have a difference in how we name prop vs styled() there
         if (name) {
           // @ts-ignore
@@ -135,13 +135,22 @@ export function styled<
       const isText = Boolean(
         staticExtractionOptions?.isText || parentStaticConfig?.isText
       )
+
       const acceptsClassName =
         acceptsClassNameProp ??
         (isPlainStyledComponent ||
           isReactNative ||
           (parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName))
 
+      if (process.env.NODE_ENV === 'development') {
+        // dont inherit the debug prop so we can debug specific styled() more accurately
+        if (parentStaticConfig?.defaultProps?.debug && !options.debug) {
+          delete defaultProps.debug
+        }
+      }
+
       const conf: Partial<StaticConfig> = {
+        ...parentStaticConfig,
         ...staticExtractionOptions,
         ...(!isPlainStyledComponent && {
           Component,
@@ -169,7 +178,7 @@ export function styled<
     }
   })()
 
-  const component = createComponent(staticConfigProps || {}, Component)
+  const component = createComponent(staticConfigProps || {})
 
   // get parent props without pseudos and medias so we can rebuild both with new variants
   // get parent props without pseudos and medias so we can rebuild both with new variants

package/src/types.tsx

@@ -157,6 +157,11 @@ export type TamaguiComponentPropsBase = {
   tabIndex?: string | number
   role?: Role
 
+  /**
+   * Disable all compiler optimization
+   */
+  disableOptimization?: boolean
+
   /**
    * Forces the pseudo style state to be on
    */
@@ -1388,11 +1393,6 @@ type StaticConfigBase = StaticConfigPublic & {
    */
   memo?: boolean
 
-  /**
-   * Used insternally to attach default props to names
-   */
-  parentNames?: string[]
-
   /**
    * By default if styled() doesn't recognize a parent Tamagui compoent or specific react-native views,
    * it will assume the passed in component only accepts style={} for react-native compatibility.

package/src/views/Stack.tsx

@@ -1,3 +1,5 @@
+import { validStyles } from '@tamagui/helpers'
+
 import { stackDefaultStyles } from '../constants/constants'
 import { createComponent } from '../createComponent'
 import type { StackProps, StackPropsBase, TamaguiElement } from '../types'
@@ -8,6 +10,7 @@ export const Stack = createComponent<StackProps, TamaguiElement, StackPropsBase>
     ...stackDefaultStyles,
     flexDirection: 'column',
   },
+  validStyles,
 })
 
 // test types

package/src/views/Text.tsx

@@ -1,4 +1,4 @@
-import { stylePropsTextOnly, validStyles } from '@tamagui/helpers'
+import { stylePropsText, stylePropsTextOnly, validStyles } from '@tamagui/helpers'
 
 import { createComponent } from '../createComponent'
 import { TamaguiTextElement, TextProps, TextPropsBase } from '../types'

package/src/views/Theme.tsx

@@ -1,8 +1,9 @@
 import { isWeb } from '@tamagui/constants'
-import React, { Children, cloneElement, isValidElement } from 'react'
+import React, { Children, cloneElement, isValidElement, useMemo } from 'react'
 
 import { variableToString } from '../createVariable'
 import { ThemeManagerContext } from '../helpers/ThemeManagerContext'
+import { useMemoDebug } from '../hooks/useMemoDebug'
 import { useServerRef } from '../hooks/useServerHooks'
 import { ChangedThemeResponse, useChangeThemeEffect } from '../hooks/useTheme'
 import type { DebugProp, ThemeProps } from '../types'
@@ -57,8 +58,10 @@ export function useThemedChildren(
   const shouldRenderChildrenWithTheme =
     isNewTheme || hasEverThemed.current || forceClassName || isRoot
 
+  const childrenMemo = useMemo(() => children, [children])
+
   if (!shouldRenderChildrenWithTheme) {
-    return children
+    return childrenMemo
   }
 
   // be sure to memoize shouldReset to avoid reparenting
@@ -81,7 +84,7 @@ export function useThemedChildren(
 
   const elementsWithContext = (
     <ThemeManagerContext.Provider value={themeManager}>
-      {children}
+      {childrenMemo}
     </ThemeManagerContext.Provider>
   )
 

package/src/views/View.tsx

@@ -1,6 +1,9 @@
+import { validStyles } from '@tamagui/helpers'
+
 import { createComponent } from '../createComponent'
 import type { StackProps, StackPropsBase, TamaguiElement } from '../types'
 
 export const View = createComponent<StackProps, TamaguiElement, StackPropsBase>({
   acceptsClassName: true,
+  validStyles,
 })

package/types/createComponent.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { DebugProp, SpaceDirection, SpaceValue, SpacerProps, StaticConfig, StaticConfigParsed, StylableComponent, TamaguiComponent, TamaguiComponentState, TamaguiElement } from './types';
+import { DebugProp, SpaceDirection, SpaceValue, SpacerProps, StaticConfig, StaticConfigParsed, TamaguiComponent, TamaguiComponentState, TamaguiElement } from './types';
 export declare const defaultComponentState: TamaguiComponentState;
 export declare const mouseUps: Set<Function>;
-export declare function createComponent<ComponentPropTypes extends Object = {}, Ref = TamaguiElement, BaseProps = never>(staticConfigIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, {}>;
+export declare function createComponent<ComponentPropTypes extends Object = {}, Ref = TamaguiElement, BaseProps = never>(staticConfigIn: Partial<StaticConfig> | StaticConfigParsed): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, {}>;
 export declare const Unspaced: {
     (props: {
         children?: any;

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AASA,OAAO,KAWN,MAAM,OAAO,CAAA;AAkBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAEhB,qBAAqB,EACrB,cAAc,EAIf,MAAM,SAAS,CAAA;AAoBhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAmBD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAqB3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EAEjB,cAAc,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EAC1D,eAAe,CAAC,EAAE,iBAAiB,4DAo5BpC;AAGD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAAmB,CAAA;AAMrE,eAAO,MAAM,MAAM,0DA8CjB,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,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAkGxD"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AASA,OAAO,KAWN,MAAM,OAAO,CAAA;AAkBd,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAEhB,qBAAqB,EACrB,cAAc,EAIf,MAAM,SAAS,CAAA;AAoBhB,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAmBD,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAqB3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,cAAc,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,4DAy1B3D;AAGD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAAmB,CAAA;AAMrE,eAAO,MAAM,MAAM,0DA8CjB,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,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAkGxD"}