@tamagui/web 1.88.3 → 1.88.5

package/src/interfaces/TamaguiComponentState.tsx

@@ -0,0 +1,15 @@
+import { GroupState } from '../types'
+
+export type TamaguiComponentState = {
+  hover: boolean
+  press: boolean
+  pressIn: boolean
+  focus: boolean
+  unmounted: boolean | 'should-enter'
+  animation?: null | {
+    style?: any
+    avoidClasses?: boolean
+  }
+  // for groups:
+  group?: Record<string, GroupState>
+}

package/src/interfaces/WebOnlyPressEvents.tsx

@@ -0,0 +1,17 @@
+import type { PressableProps } from 'react-native'
+import { DivAttributes } from '../types'
+
+export interface WebOnlyPressEvents {
+  onPress?: PressableProps['onPress']
+  onLongPress?: PressableProps['onLongPress']
+  onPressIn?: PressableProps['onPress']
+  onPressOut?: PressableProps['onPress']
+  onHoverIn?: DivAttributes['onMouseEnter']
+  onHoverOut?: DivAttributes['onMouseLeave']
+  onMouseEnter?: DivAttributes['onMouseEnter']
+  onMouseLeave?: DivAttributes['onMouseLeave']
+  onMouseDown?: DivAttributes['onMouseDown']
+  onMouseUp?: DivAttributes['onMouseUp']
+  onFocus?: DivAttributes['onFocus']
+  onBlur?: DivAttributes['onBlur']
+}

package/src/internalWithTheme.tsx

@@ -1,13 +1,9 @@
-import { useMemo } from 'react'
-
 import { useTheme } from './hooks/useTheme'
 
 /** internal: this is for tamagui babel plugin usage only */
 
-export const internalWithTheme = (Component: any, styleProvider: any) => {
-  return (props) => {
-    const { expressions, ...rest } = props
-    const theme = useTheme()
-    return <Component style={styleProvider(theme, props.expressions)} {...rest} />
-  }
+export const internalWithTheme = (Component: any, styleProvider: any) => (props) => {
+  const { expressions, ...rest } = props
+  const theme = useTheme()
+  return <Component style={styleProvider(theme, expressions)} {...rest} />
 }

package/src/setupHooks.ts

@@ -3,11 +3,11 @@ import { RefObject } from 'react'
 import {
   GetStyleResult,
   StaticConfig,
-  TamaguiComponentEvents,
-  TamaguiComponentState,
   TamaguiComponentStateRef,
   TamaguiElement,
 } from './types'
+import { TamaguiComponentState } from './interfaces/TamaguiComponentState'
+import { TamaguiComponentEvents } from './interfaces/TamaguiComponentEvents'
 
 export const hooks: InternalHooks = {}
 

package/src/types.tsx

@@ -10,7 +10,6 @@ import {
   RefObject,
 } from 'react'
 import type {
-  PressableProps,
   Text as RNText,
   TextProps as ReactTextProps,
   TextStyle,
@@ -23,9 +22,15 @@ import type { Variable } from './createVariable'
 import { StyledContext } from './helpers/createStyledContext'
 import { CSSColorNames } from './interfaces/CSSColorNames'
 import { RNOnlyProps } from './interfaces/RNExclusiveTypes'
-import { Role } from './interfaces/Role'
 import type { LanguageContextType } from './views/FontLanguage.types'
 import type { ThemeProviderProps } from './views/ThemeProvider'
+import { TamaguiComponentState } from './interfaces/TamaguiComponentState'
+import { WebOnlyPressEvents } from './interfaces/WebOnlyPressEvents'
+import { TamaguiComponentPropsBaseBase } from './interfaces/TamaguiComponentPropsBaseBase'
+import { SizeKeys, SpaceKeys, ColorKeys } from './interfaces/KeyTypes'
+
+export * from './interfaces/KeyTypes'
+export * from './interfaces/TamaguiComponentState'
 
 export type { MediaStyleObject, StyleObject } from '@tamagui/helpers'
 
@@ -40,221 +45,6 @@ export type TamaguiTextElement = HTMLElement | RNText
 
 export type DebugProp = boolean | 'break' | 'verbose' | 'visualize' | 'profile'
 
-export type TamaguiComponentPropsBaseBase = {
-  target?: string
-
-  /**
-   * When truthy passes through all props to a single child element, and avoids rendering its own element.
-   * Must pass just one child React element that will receive all the props.
-   *
-   * The option "except-style" will avoid passing any style related props.
-   *
-   * The option "web" will map all React Native style props to web props (onPress becomes onClick).
-   *
-   * The option "except-style-web" combines the except-style and web options.
-   *
-   */
-  asChild?: boolean | 'except-style' | 'except-style-web' | 'web'
-
-  dangerouslySetInnerHTML?: { __html: string }
-  children?: any | any[]
-
-  debug?: DebugProp
-
-  disabled?: boolean
-
-  /**
-   * Same as the web className property, useful for applying styles from CSS on web only
-   */
-  className?: string
-
-  /**
-   * If given a theme it will only apply to this element, instead of passing down to children
-   */
-  themeShallow?: boolean
-
-  themeInverse?: boolean
-
-  /**
-   * Same as the web id property for setting a uid on an element
-   */
-  id?: string
-
-  /**
-   * Controls the output tag on web
-   * {@see https://developer.mozilla.org/en-US/docs/Web/HTML/Element}
-   */
-  tag?:
-    | (string & {})
-    | 'address'
-    | 'article'
-    | 'aside'
-    | 'footer'
-    | 'header'
-    | 'h1'
-    | 'h2'
-    | 'h3'
-    | 'h4'
-    | 'h5'
-    | 'h6'
-    | 'main'
-    | 'nav'
-    | 'section'
-    | 'search'
-    | 'blockquote'
-    | 'dd'
-    | 'div'
-    | 'dl'
-    | 'dt'
-    | 'figcaption'
-    | 'figure'
-    | 'hr'
-    | 'li'
-    | 'ol'
-    | 'ul'
-    | 'p'
-    | 'pre'
-    | 'a'
-    | 'abbr'
-    | 'p'
-    | 'b'
-    | 'abbr'
-    | 'bdi'
-    | 'bdo'
-    | 'br'
-    | 'cite'
-    | 'code'
-    | 'data'
-    | 'dfn'
-    | 'em'
-    | 'i'
-    | 'kbd'
-    | 'mark'
-    | 'q'
-    | 'rp'
-    | 'rt'
-    | 'rtc'
-    | 'ruby'
-    | 's'
-    | 'samp'
-    | 'small'
-    | 'span'
-    | 'strong'
-    | 'sub'
-    | 'sup'
-    | 'time'
-    | 'u'
-    | 'var'
-    | 'wbr'
-    | 'area'
-    | 'audio'
-    | 'img'
-    | 'map'
-    | 'track'
-    | 'video'
-    | 'embed'
-    | 'object'
-    | 'param'
-    | 'picture'
-    | 'source'
-    | 'canvas'
-    | 'noscript'
-    | 'script'
-    | 'del'
-    | 'ins'
-    | 'caption'
-    | 'col'
-    | 'colgroup'
-    | 'table'
-    | 'thead'
-    | 'tbody'
-    | 'td'
-    | 'th'
-    | 'tr'
-    | 'button'
-    | 'datalist'
-    | 'fieldset'
-    | 'form'
-    | 'input'
-    | 'label'
-    | 'legend'
-    | 'meter'
-    | 'optgroup'
-    | 'option'
-    | 'output'
-    | 'progress'
-    | 'select'
-    | 'textarea'
-    | 'details'
-    | 'dialog'
-    | 'menu'
-    | 'summary'
-    | 'template'
-
-  /**
-   * Applies a theme to this element
-   */
-  theme?: ThemeName | null
-
-  /**
-   * Marks this component as a group for use in styling children based on parents named group
-   * See: https://tamagui.dev/docs/intro/props
-   */
-  group?: GroupNames
-
-  /**
-   * Works only alongside group, when children of the group are using container based sizing on native you can hide them until parent is measured.
-   * See: https://tamagui.dev/docs/intro/props
-   */
-  untilMeasured?: 'hide' | 'show'
-
-  /**
-   * Equivalent to "name" property on styled() for automatically applying a theme
-   */
-  componentName?: string
-
-  /**
-   * Used for controlling the order of focus with keyboard or assistive device enavigation
-   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
-   */
-  tabIndex?: string | number
-
-  /**
-   * Equivalent to role="" attribute on web for accessibility
-   */
-  role?: Role
-
-  /**
-   * Disable all compiler optimization
-   */
-  disableOptimization?: boolean
-
-  /**
-   * Forces the pseudo style state to be on
-   */
-  forceStyle?: 'hover' | 'press' | 'focus'
-
-  /**
-   * Disables className output of styles, instead using only inline styles
-   */
-  disableClassName?: boolean
-}
-
-export interface WebOnlyPressEvents {
-  onPress?: PressableProps['onPress']
-  onLongPress?: PressableProps['onLongPress']
-  onPressIn?: PressableProps['onPress']
-  onPressOut?: PressableProps['onPress']
-  onHoverIn?: DivAttributes['onMouseEnter']
-  onHoverOut?: DivAttributes['onMouseLeave']
-  onMouseEnter?: DivAttributes['onMouseEnter']
-  onMouseLeave?: DivAttributes['onMouseLeave']
-  onMouseDown?: DivAttributes['onMouseDown']
-  onMouseUp?: DivAttributes['onMouseUp']
-  onFocus?: DivAttributes['onFocus']
-  onBlur?: DivAttributes['onBlur']
-}
-
 export interface TamaguiComponentPropsBase
   extends TamaguiComponentPropsBaseBase,
     WebOnlyPressEvents {}
@@ -285,7 +75,7 @@ export type TamaguiProjectInfo = {
 
 // base props that are accepted by createComponent (additional to react-native-web)
 
-type DivAttributes = HTMLAttributes<HTMLDivElement>
+export type DivAttributes = HTMLAttributes<HTMLDivElement>
 
 export type ReactComponentWithRef<Props, Ref> = ForwardRefExoticComponent<
   Props & RefAttributes<Ref>
@@ -653,19 +443,17 @@ type GetAltThemeNames<S> =
   | (S extends `${string}_${infer Alt}` ? GetAltThemeNames<Alt> : S)
   | S
 
-export type SpacerPropsBase = {
-  size?: SpaceValue
+export type SpacerUniqueProps = {
+  size?: SpaceValue | number
   flex?: boolean | number
-  direction?: SpaceDirection | 'unset'
+  direction?: SpaceDirection
 }
 
-type SpacerOwnProps = SpacerPropsBase &
-  //
-  WithThemeShorthandsPseudosMedia<SpacerPropsBase>
+export interface SpacerStyleProps
+  extends Omit<StackStyleBase, keyof SpacerUniqueProps>,
+    SpacerUniqueProps {}
 
-export type SpacerProps = Omit<StackProps, 'flex' | 'direction' | 'size'> &
-  //
-  SpacerOwnProps
+export type SpacerProps = WithThemeShorthandsPseudosMedia<SpacerStyleProps>
 
 type AllowedValueSettingBase =
   | boolean
@@ -772,7 +560,7 @@ export type TamaguiSettings = TamaguiConfig['settings']
 export type BaseStyleProps = {
   [Key in keyof TextStylePropsBase]?: TextStyleProps[Key] | GetThemeValueForKey<Key>
 } & {
-  [Key in keyof StackStylePropsBase]?: StackStyleProps[Key] | GetThemeValueForKey<Key>
+  [Key in keyof StackStyleBase]?: StackStyle[Key] | GetThemeValueForKey<Key>
 }
 
 export type CreateTamaguiProps = {
@@ -1460,7 +1248,7 @@ interface OverrideNonStyledProps
   display?: 'inherit' | 'none' | 'inline' | 'block' | 'contents' | 'flex' | 'inline-flex'
 }
 
-export interface StackStylePropsBase
+export interface StackStyleBase
   extends Omit<ViewStyle, keyof OverrideNonStyledProps | 'elevation'>,
     TransformStyleProps,
     ExtraStyleProps,
@@ -1501,9 +1289,9 @@ export interface StackNonStyleProps
   style?: StyleProp<LooseCombinedObjects<React.CSSProperties, ViewStyle>>
 }
 
-export type StackStyleProps = WithThemeShorthandsPseudosMedia<StackStylePropsBase>
+export type StackStyle = WithThemeShorthandsPseudosMedia<StackStyleBase>
 
-export type StackProps = StackNonStyleProps & StackStyleProps
+export type StackProps = StackNonStyleProps & StackStyle
 
 //
 // Text props
@@ -1598,12 +1386,6 @@ export type TamaguiComponent<
     __tama: [Props, Ref, NonStyledProps, BaseStyles, VariantProps, ParentStaticProperties]
   }
 
-export type GetStyledProps<A extends StylableComponent> = A extends {
-  __tama: [any, any, any, infer BaseStyles, infer VariantProps, any]
-}
-  ? BaseStyles & VariantProps
-  : GetProps<A>
-
 export type InferGenericComponentProps<A> = A extends ComponentType<infer Props>
   ? Props
   : A extends new (
@@ -1648,7 +1430,7 @@ export type GetBaseStyles<A, B> = A extends {
   ? C
   : B extends { isText: true }
     ? TextStylePropsBase
-    : StackStylePropsBase
+    : StackStyleBase
 
 export type GetStyledVariants<A> = A extends {
   __tama: [any, any, any, any, infer B, any]
@@ -1692,7 +1474,7 @@ export type StaticComponentObject<
 export type TamaguiComponentExpectingVariants<
   Props = {},
   Variants extends Object = {},
-> = TamaguiComponent<Props, any, any, Variants>
+> = TamaguiComponent<Props, any, any, any, Variants>
 
 export type TamaguiProviderProps = Partial<Omit<ThemeProviderProps, 'children'>> & {
   config: TamaguiInternalConfig
@@ -1899,7 +1681,7 @@ export type GetStyleableProps<
     ? GetFinalProps<{}, BaseStyles & VariantProps>
     : Props
   : WithThemeShorthandsPseudosMedia<
-      IsText extends true ? TextStylePropsBase : StackStylePropsBase
+      IsText extends true ? TextStylePropsBase : StackStyleBase
     >
 
 export type VariantDefinitionFromProps<MyProps, Val> = MyProps extends Object
@@ -2029,100 +1811,6 @@ export type ThemeVariantSpreadFunction<A extends PropLike> = VariantSpreadFuncti
  * --------------------------------------------
  */
 
-export type SizeKeys =
-  | 'width'
-  | 'height'
-  | 'minWidth'
-  | 'minHeight'
-  | 'maxWidth'
-  | 'maxHeight'
-  | 'shadowRadius'
-
-export type ColorKeys =
-  | 'color'
-  | 'backgroundColor'
-  | 'borderColor'
-  | 'borderBottomColor'
-  | 'borderTopColor'
-  | 'borderLeftColor'
-  | 'borderRightColor'
-  | 'shadowColor'
-  | 'outlineColor'
-  | 'textShadowColor'
-  | 'borderBlockColor'
-  | 'borderBlockEndColor'
-  | 'borderBlockStartColor'
-
-export type SpaceKeys =
-  | 'space'
-  | 'padding'
-  | 'paddingHorizontal'
-  | 'paddingVertical'
-  | 'paddingLeft'
-  | 'paddingTop'
-  | 'paddingBottom'
-  | 'paddingLeft'
-  | 'paddingRight'
-  | 'paddingEnd'
-  | 'paddingStart'
-  | 'margin'
-  | 'marginHorizontal'
-  | 'marginVertical'
-  | 'marginLeft'
-  | 'marginTop'
-  | 'marginBottom'
-  | 'marginLeft'
-  | 'marginRight'
-  | 'marginEnd'
-  | 'marginStart'
-  | 'x'
-  | 'y'
-  | 'gap'
-  | 'rowGap'
-  | 'columnGap'
-  | 'scale'
-  | 'scaleX'
-  | 'scaleY'
-  | 'borderTopEndRadius'
-  | 'borderTopLeftRadius'
-  | 'borderTopRightRadius'
-  | 'borderTopStartRadius'
-  | 'borderBottomEndRadius'
-  | 'borderBottomLeftRadius'
-  | 'borderBottomRightRadius'
-  | 'borderBottomStartRadius'
-  | 'borderBottomWidth'
-  | 'borderLeftWidth'
-  | 'borderRadius'
-  | 'borderRightWidth'
-  | 'borderTopEndRadius'
-  | 'borderTopLeftRadius'
-  | 'borderTopRightRadius'
-  | 'borderEndWidth'
-  | 'borderStartWidth'
-  | 'borderTopStartRadius'
-  | 'borderTopWidth'
-  | 'borderWidth'
-  | 'left'
-  | 'top'
-  | 'right'
-  | 'bottom'
-  | 'shadowOffset'
-
-export type TamaguiComponentState = {
-  hover: boolean
-  press: boolean
-  pressIn: boolean
-  focus: boolean
-  unmounted: boolean | 'should-enter'
-  animation?: null | {
-    style?: any
-    avoidClasses?: boolean
-  }
-  // for groups:
-  group?: Record<string, GroupState>
-}
-
 export type ResolveVariableAs = 'auto' | 'value' | 'variable' | 'none' | 'web'
 
 export type SplitStyleProps = {
@@ -2248,7 +1936,7 @@ export type UseAnimationHook = (props: {
   onDidAnimate?: any
   delay?: number
 }) => null | {
-  style?: StackStylePropsBase | StackStylePropsBase[]
+  style?: StackStyleBase | StackStyleBase[]
 }
 
 export type GestureReponderEvent = Exclude<
@@ -2276,25 +1964,6 @@ export type GetStyleResult = {
 
 export type ClassNamesObject = Record<string, string>
 
-export type TamaguiComponentEvents = {
-  cancelable?: boolean | undefined
-  disabled?: any
-  hitSlop?: any
-  delayLongPress?: any
-  delayPressIn?: any
-  delayPressOut?: any
-  focusable?: any
-  minPressDuration?: number | undefined
-  onPressIn: ((e: any) => void) | undefined
-  onPress: ((e: any) => void) | undefined
-  onLongPress?: ((e: any) => void) | undefined
-  onMouseEnter?: ((e: any) => void) | undefined
-  onMouseLeave?: ((e: any) => void) | undefined
-  onPressOut: ((e: any) => void) | undefined
-  onFocus?: ((e: any) => void) | undefined
-  onBlur?: ((e: any) => void) | undefined
-}
-
 export type ModifyTamaguiComponentStyleProps<
   Comp extends TamaguiComponent,
   ChangedProps extends Object,

package/src/views/Stack.tsx

@@ -5,7 +5,7 @@ import { createComponent } from '../createComponent'
 import type {
   StackNonStyleProps,
   StackProps,
-  StackStylePropsBase,
+  StackStyleBase,
   TamaguiElement,
 } from '../types'
 
@@ -15,7 +15,7 @@ export const Stack = createComponent<
   StackProps,
   Stack,
   StackNonStyleProps,
-  StackStylePropsBase
+  StackStyleBase
 >({
   acceptsClassName: true,
   defaultProps: stackDefaultStyles,

package/src/views/View.tsx

@@ -5,14 +5,16 @@ import { createComponent } from '../createComponent'
 import type {
   StackNonStyleProps,
   StackProps,
-  StackStylePropsBase,
+  StackStyle,
+  StackStyleBase,
   TamaguiElement,
 } from '../types'
 
 export type View = TamaguiElement
 export type ViewProps = StackProps
 export type ViewNonStyleProps = StackNonStyleProps
-export type ViewStylePropsBase = StackStylePropsBase
+export type ViewStylePropsBase = StackStyleBase
+export type ViewStyle = StackStyle
 
 export const View = createComponent<
   StackProps,

package/types/createComponent.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
-import { DebugProp, SpaceDirection, SpaceValue, SpacerProps, SpacerPropsBase, StackNonStyleProps, StackProps, StackStylePropsBase, StaticConfig, TamaguiComponent, TamaguiElement, TextProps } from './types';
+import { DebugProp, SpaceDirection, SpaceValue, SpacerProps, SpacerStyleProps, StackNonStyleProps, StaticConfig, TamaguiComponent, TamaguiElement } from './types';
 export declare const mouseUps: Set<Function>;
-export declare function createComponent<ComponentPropTypes extends StackProps | TextProps = {}, Ref extends TamaguiElement = TamaguiElement, BaseProps = never, BaseStyles extends Object = never>(staticConfig: StaticConfig): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, BaseStyles, void>;
+export declare function createComponent<ComponentPropTypes extends Record<string, any> = {}, Ref extends TamaguiElement = TamaguiElement, BaseProps = never, BaseStyles extends Object = never>(staticConfig: StaticConfig): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, BaseStyles, void>;
 export declare function Unspaced(props: {
     children?: any;
 }): any;
 export declare namespace Unspaced {
     var isUnspaced: boolean;
 }
-export declare const Spacer: TamaguiComponent<SpacerProps, TamaguiElement, StackNonStyleProps, StackStylePropsBase & SpacerPropsBase, void>;
+export declare const Spacer: TamaguiComponent<SpacerProps, TamaguiElement, StackNonStyleProps, SpacerStyleProps, void>;
 export type SpacedChildrenProps = {
     isZStack?: boolean;
     children?: React.ReactNode;

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,EAEL,SAAS,EAMT,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,mBAAmB,EACnB,YAAY,EAEZ,gBAAgB,EAIhB,cAAc,EAEd,SAAS,EAKV,MAAM,SAAS,CAAA;AAiBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA6D3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,UAAU,GAAG,SAAS,GAAG,EAAE,EACtD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,0EAirC3B;AAsBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAkBxB,eAAO,MAAM,MAAM,gHA2CjB,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"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAYN,MAAM,OAAO,CAAA;AAuBd,OAAO,EAEL,SAAS,EAMT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAElB,YAAY,EAEZ,gBAAgB,EAEhB,cAAc,EAMf,MAAM,SAAS,CAAA;AAiBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA6D3C,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,0EAirC3B;AAsBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAkBxB,eAAO,MAAM,MAAM,2FA0CjB,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"}

package/types/defaultComponentState.d.ts

@@ -1,4 +1,4 @@
-import { TamaguiComponentState } from './types';
+import { TamaguiComponentState } from './interfaces/TamaguiComponentState';
 export declare const defaultComponentState: TamaguiComponentState;
 export declare const defaultComponentStateMounted: TamaguiComponentState;
 export declare const defaultComponentStateShouldEnter: TamaguiComponentState;

package/types/defaultComponentState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultComponentState.d.ts","sourceRoot":"","sources":["../src/defaultComponentState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,qBAG1C,CAAA;AAED,eAAO,MAAM,gCAAgC,EAAE,qBAG9C,CAAA"}
+{"version":3,"file":"defaultComponentState.d.ts","sourceRoot":"","sources":["../src/defaultComponentState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAE1E,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,qBAG1C,CAAA;AAED,eAAO,MAAM,gCAAgC,EAAE,qBAG9C,CAAA"}

package/types/helpers/getSplitStyles.d.ts

@@ -1,4 +1,5 @@
-import type { ComponentContextI, DebugProp, GetStyleResult, GetStyleState, SplitStyleProps, StaticConfig, TamaguiComponentState, TextStyleProps, ThemeParsed } from '../types';
+import type { ComponentContextI, DebugProp, GetStyleResult, GetStyleState, SplitStyleProps, StaticConfig, TextStyleProps, ThemeParsed } from '../types';
+import type { TamaguiComponentState } from '../interfaces/TamaguiComponentState';
 export type SplitStyles = ReturnType<typeof getSplitStyles>;
 export type SplitStyleResult = ReturnType<typeof getSplitStyles>;
 type StyleSplitter = (props: {

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

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAEZ,qBAAqB,EAErB,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AA4BjB,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,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA+B7B,eAAO,MAAM,cAAc,EAAE,aAooC5B,CAAA;AA2DD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cA2BF,CAAA;AAqBD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAGZ,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AA4BhF,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,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA+B7B,eAAO,MAAM,cAAc,EAAE,aAooC5B,CAAA;AA2DD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cA2BF,CAAA;AAqBD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA"}

package/types/hooks/useProps.d.ts

@@ -1,4 +1,4 @@
-import { SplitStyleProps, StackStyleProps, StaticConfig, ThemeParsed, UseMediaState } from '../types';
+import { SplitStyleProps, StackStyle, StaticConfig, ThemeParsed, UseMediaState } from '../types';
 type UsePropsOptions = Pick<SplitStyleProps, 'noExpand' | 'noNormalize' | 'noClassNames' | 'resolveValues'> & {
     disableExpandShorthands?: boolean;
     forComponent?: {
@@ -8,7 +8,7 @@ type UsePropsOptions = Pick<SplitStyleProps, 'noExpand' | 'noNormalize' | 'noCla
 export type PropsWithoutMediaStyles<A> = {
     [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key];
 };
-type StyleLikeObject = (StackStyleProps & Record<string, any>) | Object;
+type StyleLikeObject = (StackStyle & Record<string, any>) | Object;
 /**
  * Returns props and style as a single object, expanding and merging shorthands and media queries.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"useProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useProps.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,WAAW,EACX,aAAa,EACd,MAAM,UAAU,CAAA;AAKjB,KAAK,eAAe,GAAG,IAAI,CACzB,eAAe,EACf,UAAU,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,CAC9D,GAAG;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE;QAAE,YAAY,EAAE,YAAY,CAAA;KAAE,CAAA;CAC9C,CAAA;AAED,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;KAEtC,GAAG,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;CACjE,CAAA;AAED,KAAK,eAAe,GAAG,CAAC,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AAEvE;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAW5B;AAED;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAE5B;AAED;;;;;KAKK;AACL,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,eAAe,EACxD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,CAAC,CAyBtF"}
+{"version":3,"file":"useProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useProps.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,eAAe,EACf,UAAU,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACd,MAAM,UAAU,CAAA;AAKjB,KAAK,eAAe,GAAG,IAAI,CACzB,eAAe,EACf,UAAU,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,CAC9D,GAAG;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE;QAAE,YAAY,EAAE,YAAY,CAAA;KAAE,CAAA;CAC9C,CAAA;AAED,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;KAEtC,GAAG,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;CACjE,CAAA;AAED,KAAK,eAAe,GAAG,CAAC,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AAElE;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAW5B;AAED;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAE5B;AAED;;;;;KAKK;AACL,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,eAAe,EACxD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,CAAC,CAyBtF"}

package/types/interfaces/KeyTypes.d.ts

@@ -0,0 +1,4 @@
+export type SizeKeys = 'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight' | 'shadowRadius';
+export type ColorKeys = 'color' | 'backgroundColor' | 'borderColor' | 'borderBottomColor' | 'borderTopColor' | 'borderLeftColor' | 'borderRightColor' | 'shadowColor' | 'outlineColor' | 'textShadowColor' | 'borderBlockColor' | 'borderBlockEndColor' | 'borderBlockStartColor';
+export type SpaceKeys = 'space' | 'padding' | 'paddingHorizontal' | 'paddingVertical' | 'paddingLeft' | 'paddingTop' | 'paddingBottom' | 'paddingLeft' | 'paddingRight' | 'paddingEnd' | 'paddingStart' | 'margin' | 'marginHorizontal' | 'marginVertical' | 'marginLeft' | 'marginTop' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginEnd' | 'marginStart' | 'x' | 'y' | 'gap' | 'rowGap' | 'columnGap' | 'scale' | 'scaleX' | 'scaleY' | 'borderTopEndRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderTopStartRadius' | 'borderBottomEndRadius' | 'borderBottomLeftRadius' | 'borderBottomRightRadius' | 'borderBottomStartRadius' | 'borderBottomWidth' | 'borderLeftWidth' | 'borderRadius' | 'borderRightWidth' | 'borderTopEndRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderEndWidth' | 'borderStartWidth' | 'borderTopStartRadius' | 'borderTopWidth' | 'borderWidth' | 'left' | 'top' | 'right' | 'bottom' | 'shadowOffset';
+//# sourceMappingURL=KeyTypes.d.ts.map