@tamagui/core 1.0.0-alpha.38 → 1.0.0-alpha.41

package/dist/createComponent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/createComponent.tsx"],
-  "sourcesContent": ["import { concatClassName, stylePropsView } from '@tamagui/helpers'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { View, ViewStyle } from 'react-native'\n\nimport { stackDefaultStyles } from './constants/constants'\nimport { isTouchDevice, isWeb } from './constants/platform'\nimport { rnw } from './constants/rnw'\nimport { cssText, disabledStyle, textStyles, viewStyles } from './constants/styleConstants'\nimport { onConfiguredOnce } from './createTamagui'\nimport { addStylesUsingClassname } from './helpers/addStylesUsingClassname'\nimport { parseStaticConfig } from './helpers/extendStaticConfig'\nimport { SplitStyles, getSplitStyles } from './helpers/getSplitStyles'\nimport { setIfChanged } from './helpers/setIfChanged'\nimport { useFeatures } from './hooks/useFeatures'\nimport { useForceUpdate } from './hooks/useForceUpdate'\nimport { usePressable } from './hooks/usePressable'\nimport { StaticComponent, StaticConfig, StaticConfigParsed } from './types'\nimport { TextAncestorContext } from './views/TextAncestorContext'\nimport { ThemeManagerContext } from './views/ThemeManagerContext'\nimport { TamaguiInternalConfig } from '.'\n\nexport const mouseUps = new Set<Function>()\n\nif (typeof document !== 'undefined') {\n  document.addEventListener('mouseup', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n}\n\ntype DefaultProps = {}\n\nexport function createComponent<A extends Object = DefaultProps>(\n  configIn: Partial<StaticConfig> | StaticConfigParsed\n) {\n  let staticConfig: StaticConfigParsed\n  if ('parsed' in configIn) {\n    staticConfig = configIn\n  } else {\n    staticConfig = parseStaticConfig(configIn)\n  }\n\n  const { defaultProps, Component, validStyles, isText } = staticConfig\n  const validStyleProps = validStyles ?? stylePropsView\n\n  // split out default styles vs props so we can assign it to component.defaultProps\n  let splitDefaults: SplitStyles\n  let tamaguiConfig: TamaguiInternalConfig\n  let defaultsClassName = ''\n\n  onConfiguredOnce((conf) => {\n    tamaguiConfig = conf\n    splitDefaults = getSplitStyles(defaultProps, staticConfig, conf)\n    if (splitDefaults.classNames) {\n      defaultsClassName += splitDefaults.classNames + ' '\n    }\n    if (splitDefaults.style) {\n      defaultsClassName += addStylesUsingClassname([splitDefaults.style])\n    }\n  })\n\n  const component = forwardRef<View, A>((props: any, forwardedRef) => {\n    const {\n      tag,\n      hitSlop,\n      children,\n      pointerEvents,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      spacing,\n      disabled,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      onMoveShouldSetResponder,\n      onMoveShouldSetResponderCapture,\n      onResponderEnd,\n      onResponderGrant,\n      onResponderMove,\n      onResponderReject,\n      onResponderRelease,\n      onResponderStart,\n      onResponderTerminate,\n      onResponderTerminationRequest,\n      onScrollShouldSetResponder,\n      onScrollShouldSetResponderCapture,\n      onSelectionChangeShouldSetResponder,\n      onSelectionChangeShouldSetResponderCapture,\n      onStartShouldSetResponder,\n      onStartShouldSetResponderCapture,\n      onMouseDown,\n      onClick,\n      // TODO feature load layou hook\n      onLayout,\n    } = props\n\n    const forceUpdate = useForceUpdate()\n    const features = useFeatures(props, { forceUpdate })\n    const manager = useContext(ThemeManagerContext)\n    const [state, set_] = useState(() => ({\n      hover: false,\n      press: false,\n      pressIn: false,\n      theme: manager.name,\n    }))\n    const set = setIfChanged.bind(null, set_)\n\n    // from react-native-web\n    if (process.env.NODE_ENV !== 'production' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    // from react-native-web\n    const hasTextAncestor = useContext(TextAncestorContext)\n    const hostRef = useRef(null)\n\n    if (isWeb) {\n      // from react-native-web\n      rnw.useResponderEvents(hostRef, {\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n      })\n    }\n\n    const isTracking = useRef(false)\n\n    // TODO only handles tracking for re-renders i think now since conversion can be entirely done in splitprops\n    // const varToVal = (value: string) => {\n    //   // TODO convert back to theme variable\n    //   isTracking.current = true\n    //   // TODO run over this, can likely remove\n    //   if (value && manager.theme && typeof manager.theme[value] !== 'undefined') {\n    //     return manager.theme[value]\n    //   }\n    //   return value\n    // }\n\n    const { viewProps, psuedos, style, classNames } = getSplitStyles(\n      props,\n      staticConfig,\n      tamaguiConfig\n    )\n\n    // hasEverHadEvents prevents repareting if you remove onPress or similar...\n    const internal = useRef<{ isMounted: boolean; hasEverHadEvents?: boolean }>()\n    if (!internal.current) {\n      internal.current = {\n        isMounted: true,\n      }\n    }\n\n    useEffect(() => {\n      internal.current!.isMounted = true\n      const dispose = manager?.onChangeTheme((name) => {\n        if (isTracking.current) {\n          set({ theme: name })\n        }\n      })\n      return () => {\n        dispose()\n        mouseUps.delete(unPress)\n        isTracking.current = false\n        internal.current!.isMounted = false\n      }\n    }, [manager])\n\n    // default to component\n    const element = isWeb\n      ? !Component || typeof Component === 'string'\n        ? // default to tag, fallback to component (when both strings)\n          tag || Component\n        : Component\n      : Component\n    const ReactView = !isWeb ? View : element || (hasTextAncestor ? 'span' : 'div')\n    const ReactText = !isWeb ? Text : element || 'span'\n    // TODO handle onLayout\n    const ViewComponent = isText ? ReactText : ReactView\n\n    const numberOfLines = props['numberOfLines']\n    const selectable = props['selectable']\n\n    const styles = [\n      hasTextAncestor ? viewStyles.inline : null,\n      // from react-native-web\n      ...(isWeb && isText\n        ? [\n            // TODO MOVE TO VARIANTS\n            numberOfLines != null && numberOfLines > 1 && { WebkitLineClamp: numberOfLines },\n            selectable === true && textStyles.selectable,\n            selectable === false && textStyles.notSelectable,\n            onPress && textStyles.pressable,\n          ]\n        : []),\n      style,\n      !isTouchDevice && !disabled && psuedos && state.hover ? psuedos.hoverStyle || null : null,\n      !disabled && psuedos && state.press ? psuedos.pressStyle || null : null,\n      disabled ? disabledStyle : null,\n    ]\n\n    const stylesClassNames = addStylesUsingClassname(styles)\n\n    const classList = staticConfig.isText\n      ? [\n          defaultsClassName,\n          // TODO MOVE TO VARIANTS\n          hasTextAncestor === true && cssText.textHasAncestor,\n          numberOfLines === 1 && cssText.textOneLine,\n          numberOfLines != null && numberOfLines > 1 && cssText.textMultiLine,\n          props.className,\n          classNames,\n          stylesClassNames,\n        ]\n      : [defaultsClassName, props.className, classNames, stylesClassNames]\n\n    const supportedProps: any = viewProps //{ ...viewProps }\n\n    if (isWeb) {\n      const classListFlat = classList.flat().filter(Boolean).join(' ')\n      const className = concatClassName(classListFlat)\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug']) {\n          // prettier-ignore\n          console.log('className', { styles, stylesClassNames, classList, classListFlat, className })\n        }\n      }\n      supportedProps.className = className\n    } else {\n      // TODO\n      supportedProps.style = classList\n    }\n\n    if (pointerEvents) {\n      supportedProps.pointerEvents = pointerEvents\n    }\n\n    if (isWeb) {\n      // from react-native-web\n      const platformMethodsRef = rnw.usePlatformMethods(supportedProps)\n      const setRef = rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef)\n      supportedProps.ref = setRef\n      if (props.href != null && hrefAttrs != null) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          supportedProps.download = download\n        }\n        if (rel != null) {\n          supportedProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          supportedProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n    } else {\n      if (forwardedRef) {\n        supportedProps.ref = forwardedRef\n      }\n    }\n\n    const createEl = createElement //isWeb ? rnw.createElement : createElement\n\n    //\n    // TODO\n    //\n    // all these press events can be moved into a component that optionally renders if shouldAttach is true\n    // and then calls back with props. this would do a few things:\n    //   1. isolate logic for all pseudo press/hover stuff into one area more nicely\n    //   2. a lot less hooks would be rendered on average\n    //   3. should then let us use usePressability on web (should make ViewComponent a View if string)\n    //\n    //\n    // see how framer motion does this:\n    //   https://github.com/framer/motion/blob/1d1eb5fd2bc712658a83a7881a3adb68ac56a242/src/motion/features/use-features.tsx#L16\n    //\n\n    const attachPress = !!((psuedos && psuedos.pressStyle) || onPress || onPressOut || onPressIn)\n    const attachHover =\n      isWeb &&\n      !isTouchDevice &&\n      !!((psuedos && psuedos.hoverStyle) || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    // check presence to prevent reparenting bugs, allows for onPress={x ? function : undefined} usage\n    // while avoiding reparenting...\n    // once proper reparenting is supported, we can remove this and use that...\n    const shouldAttach =\n      internal.current.hasEverHadEvents ||\n      attachPress ||\n      attachHover ||\n      'pressStyle' in props ||\n      'onPress' in props ||\n      'onPressIn' in props ||\n      'onPressOut' in props ||\n      (isWeb &&\n        ('hoverStyle' in props ||\n          'onHoverIn' in props ||\n          'onHoverOut' in props ||\n          'onMouseEnter' in props ||\n          'onMouseLeave' in props))\n\n    // never remove events as we wrap in a div (for now, may be able to remove..)\n    if (shouldAttach) {\n      internal.current.hasEverHadEvents = true\n    }\n\n    const unPress = useCallback(() => {\n      if (!internal.current!.isMounted) return\n      set({\n        press: false,\n        pressIn: false,\n      })\n    }, [])\n\n    const events = shouldAttach\n      ? {\n          ...(!isWeb && {\n            // non web\n            onPressOut: (e) => {\n              unPress()\n              onPressOut?.(e)\n            },\n          }),\n          ...(isWeb &&\n            !isTouchDevice && {\n              onMouseEnter:\n                attachHover || attachPress\n                  ? (e) => {\n                      let next: Partial<typeof state> = {}\n                      if (attachHover) {\n                        next.hover = true\n                      }\n                      if (state.pressIn) {\n                        next.press = true\n                      }\n                      if (Object.keys(next).length) {\n                        set(next)\n                      }\n                      onHoverIn?.(e)\n                      onMouseEnter?.(e)\n                    }\n                  : undefined,\n              onMouseLeave:\n                attachHover || attachPress\n                  ? (e) => {\n                      let next: Partial<typeof state> = {}\n                      mouseUps.add(unPress)\n                      if (attachHover) {\n                        next.hover = false\n                      }\n                      if (state.pressIn) {\n                        next.press = false\n                        next.pressIn = false\n                      }\n                      if (Object.keys(next).length) {\n                        set(next)\n                      }\n                      onHoverOut?.(e)\n                      onMouseLeave?.(e)\n                    }\n                  : undefined,\n            }),\n          onMouseDown: attachPress\n            ? (e) => {\n                set({\n                  press: true,\n                  pressIn: true,\n                })\n                onPressIn?.(e)\n                onMouseDown?.(e)\n              }\n            : (onPressIn as any),\n          onClick: attachPress\n            ? (e) => {\n                e.preventDefault()\n                unPress()\n                onPressOut?.(e)\n                onPress?.(e)\n                onClick?.(e)\n              }\n            : (onPressOut as any),\n        }\n      : null\n\n    if (events) {\n      if (typeof ViewComponent !== 'string') {\n        // TODO once we do the above we can then rely entirely on pressStyle returned here isntead of above pressStyle logic\n        const [pressProps] = usePressable({\n          disabled,\n          hitSlop,\n          onPressIn: events.onMouseDown,\n          onPressOut: events.onPressOut,\n          onPress,\n        })\n        Object.assign(supportedProps, pressProps)\n      } else {\n        Object.assign(supportedProps, events)\n      }\n    }\n\n    const spacedChildrenEl = spacedChildren({\n      children,\n      spacing,\n      flexDirection: props.flexDirection || defaultProps?.flexDirection,\n    })\n\n    let content = createEl(ViewComponent, supportedProps, spacedChildrenEl)\n\n    const shouldWrapTextAncestor = isWeb && staticConfig.isText && !hasTextAncestor\n    if (shouldWrapTextAncestor) {\n      // from react-native-web\n      // @ts-ignore\n      content = createElement(TextAncestorContext.Provider, { value: true }, content)\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        supportedProps['debug'] = true\n        console.log(' \uD83C\uDF51  props in: ', props)\n        console.log(' \uD83C\uDF51 props out: ', supportedProps)\n        // prettier-ignore\n        console.log(' \uD83C\uDF51     other: ', { ViewComponent, viewProps, styles, psuedos, createEl, content, spacedChildrenEl, staticConfig, splitDefaults, tamaguiConfig })\n      }\n    }\n\n    return (\n      <>\n        {features}\n        {content}\n      </>\n    )\n  })\n\n  const config: StaticConfig = {\n    validStyles: validStyleProps,\n    ...staticConfig,\n    // TODO shouldnt need this spread / disbaled / fullscreen\n    validPropsExtra: {\n      ...staticConfig.validPropsExtra,\n      disabled: true,\n      fullscreen: true,\n    },\n  }\n  component['staticConfig'] = config\n\n  return component as any as StaticComponent<A, void>\n}\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent({\n  defaultProps: stackDefaultStyles,\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        return {\n          width: tokens.size[size] ?? size,\n          height: tokens.size[size] ?? size,\n        }\n      },\n    },\n    direction: {\n      horizontal: {\n        height: 0,\n      },\n      vertical: {\n        width: 0,\n      },\n    },\n  },\n})\n\nexport function spacedChildren({\n  children,\n  spacing,\n  flexDirection,\n}: {\n  children: any\n  spacing?: any\n  flexDirection?: ViewStyle['flexDirection']\n}) {\n  if (!spacing) {\n    return children\n  }\n  const next: any[] = []\n  const childrenList = Children.toArray(children)\n  const len = childrenList.length\n  if (len === 1) {\n    return children\n  }\n  const spacer = (\n    <Spacer\n      // @ts-ignore TODO\n      direction={\n        flexDirection === 'row' || flexDirection === 'row-reverse' ? 'horizontal' : 'vertical'\n      }\n      size={spacing}\n    />\n  )\n  for (const [index, child] of childrenList.entries()) {\n    next.push(child)\n    if (index === len - 1) {\n      break\n    }\n    const key = `${child?.['key'] ?? index}`\n    next.push(createElement(Fragment, { key: key + '_spacer' }, spacer))\n  }\n  return next\n}\n"],
-  "mappings": ";;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGO,MAAM,WAAW,IAAI;AAE5B,IAAI,OAAO,aAAa,aAAa;AACnC,WAAS,iBAAiB,WAAW,MAAM;AACzC,aAAS,QAAQ,CAAC,MAAM;AACxB,aAAS;AAAA;AAAA;AAMN,yBACL,UACA;AACA,MAAI;AACJ,MAAI,YAAY,UAAU;AACxB,mBAAe;AAAA,SACV;AACL,mBAAe,kBAAkB;AAAA;AAGnC,QAAM,EAAE,cAAc,WAAW,aAAa,WAAW;AACzD,QAAM,kBAAkB,eAAe;AAGvC,MAAI;AACJ,MAAI;AACJ,MAAI,oBAAoB;AAExB,mBAAiB,CAAC,SAAS;AACzB,oBAAgB;AAChB,oBAAgB,eAAe,cAAc,cAAc;AAC3D,QAAI,cAAc,YAAY;AAC5B,2BAAqB,cAAc,aAAa;AAAA;AAElD,QAAI,cAAc,OAAO;AACvB,2BAAqB,wBAAwB,CAAC,cAAc;AAAA;AAAA;AAIhE,QAAM,YAAY,WAAoB,CAAC,OAAY,iBAAiB;AAClE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QACE;AAEJ,UAAM,cAAc;AACpB,UAAM,WAAW,YAAY,OAAO,EAAE;AACtC,UAAM,UAAU,WAAW;AAC3B,UAAM,CAAC,OAAO,QAAQ,SAAS,MAAO;AAAA,MACpC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO,QAAQ;AAAA;AAEjB,UAAM,MAAM,aAAa,KAAK,MAAM;AAGpC,QAAI,QAAQ,IAAI,aAAa,gBAAgB,CAAC,UAAU,OAAO;AAC7D,eAAS,QAAQ,MAAM,UAAU,QAAQ,CAAC,SAAS;AACjD,YAAI,OAAO,SAAS,UAAU;AAC5B,kBAAQ,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAM7C,UAAM,kBAAkB,WAAW;AACnC,UAAM,UAAU,OAAO;AAEvB,QAAI,OAAO;AAET,UAAI,mBAAmB,SAAS;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAIJ,UAAM,aAAa,OAAO;AAa1B,UAAM,EAAE,WAAW,SAAS,OAAO,eAAe,eAChD,OACA,cACA;AAIF,UAAM,WAAW;AACjB,QAAI,CAAC,SAAS,SAAS;AACrB,eAAS,UAAU;AAAA,QACjB,WAAW;AAAA;AAAA;AAIf,cAAU,MAAM;AACd,eAAS,QAAS,YAAY;AAC9B,YAAM,UAAU,SAAS,cAAc,CAAC,SAAS;AAC/C,YAAI,WAAW,SAAS;AACtB,cAAI,EAAE,OAAO;AAAA;AAAA;AAGjB,aAAO,MAAM;AACX;AACA,iBAAS,OAAO;AAChB,mBAAW,UAAU;AACrB,iBAAS,QAAS,YAAY;AAAA;AAAA,OAE/B,CAAC;AAGJ,UAAM,UAAU,QACZ,CAAC,aAAa,OAAO,cAAc,WAEjC,OAAO,YACP,YACF;AACJ,UAAM,YAAY,CAAC,QAAQ,OAAO,WAAY,mBAAkB,SAAS;AACzE,UAAM,YAAY,CAAC,QAAQ,OAAO,WAAW;AAE7C,UAAM,gBAAgB,SAAS,YAAY;AAE3C,UAAM,gBAAgB,MAAM;AAC5B,UAAM,aAAa,MAAM;AAEzB,UAAM,SAAS;AAAA,MACb,kBAAkB,WAAW,SAAS;AAAA,MAEtC,GAAI,SAAS,SACT;AAAA,QAEE,iBAAiB,QAAQ,gBAAgB,KAAK,EAAE,iBAAiB;AAAA,QACjE,eAAe,QAAQ,WAAW;AAAA,QAClC,eAAe,SAAS,WAAW;AAAA,QACnC,WAAW,WAAW;AAAA,UAExB;AAAA,MACJ;AAAA,MACA,CAAC,iBAAiB,CAAC,YAAY,WAAW,MAAM,QAAQ,QAAQ,cAAc,OAAO;AAAA,MACrF,CAAC,YAAY,WAAW,MAAM,QAAQ,QAAQ,cAAc,OAAO;AAAA,MACnE,WAAW,gBAAgB;AAAA;AAG7B,UAAM,mBAAmB,wBAAwB;AAEjD,UAAM,YAAY,aAAa,SAC3B;AAAA,MACE;AAAA,MAEA,oBAAoB,QAAQ,QAAQ;AAAA,MACpC,kBAAkB,KAAK,QAAQ;AAAA,MAC/B,iBAAiB,QAAQ,gBAAgB,KAAK,QAAQ;AAAA,MACtD,MAAM;AAAA,MACN;AAAA,MACA;AAAA,QAEF,CAAC,mBAAmB,MAAM,WAAW,YAAY;AAErD,UAAM,iBAAsB;AAE5B,QAAI,OAAO;AACT,YAAM,gBAAgB,UAAU,OAAO,OAAO,SAAS,KAAK;AAC5D,YAAM,YAAY,gBAAgB;AAClC,UAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,YAAI,MAAM,UAAU;AAElB,kBAAQ,IAAI,aAAa,EAAE,QAAQ,kBAAkB,WAAW,eAAe;AAAA;AAAA;AAGnF,qBAAe,YAAY;AAAA,WACtB;AAEL,qBAAe,QAAQ;AAAA;AAGzB,QAAI,eAAe;AACjB,qBAAe,gBAAgB;AAAA;AAGjC,QAAI,OAAO;AAET,YAAM,qBAAqB,IAAI,mBAAmB;AAClD,YAAM,SAAS,IAAI,aAAa,SAAS,oBAAoB;AAC7D,qBAAe,MAAM;AACrB,UAAI,MAAM,QAAQ,QAAQ,aAAa,MAAM;AAC3C,cAAM,EAAE,UAAU,KAAK,WAAW;AAClC,YAAI,YAAY,MAAM;AACpB,yBAAe,WAAW;AAAA;AAE5B,YAAI,OAAO,MAAM;AACf,yBAAe,MAAM;AAAA;AAEvB,YAAI,OAAO,WAAW,UAAU;AAC9B,yBAAe,SAAS,OAAO,OAAO,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA;AAAA,WAGjE;AACL,UAAI,cAAc;AAChB,uBAAe,MAAM;AAAA;AAAA;AAIzB,UAAM,WAAW;AAgBjB,UAAM,cAAc,CAAC,CAAG,YAAW,QAAQ,cAAe,WAAW,cAAc;AACnF,UAAM,cACJ,SACA,CAAC,iBACD,CAAC,CAAG,YAAW,QAAQ,cAAe,aAAa,cAAc,gBAAgB;AAKnF,UAAM,eACJ,SAAS,QAAQ,oBACjB,eACA,eACA,gBAAgB,SAChB,aAAa,SACb,eAAe,SACf,gBAAgB,SACf,SACE,iBAAgB,SACf,eAAe,SACf,gBAAgB,SAChB,kBAAkB,SAClB,kBAAkB;AAGxB,QAAI,cAAc;AAChB,eAAS,QAAQ,mBAAmB;AAAA;AAGtC,UAAM,UAAU,YAAY,MAAM;AAChC,UAAI,CAAC,SAAS,QAAS;AAAW;AAClC,UAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA;AAAA,OAEV;AAEH,UAAM,SAAS,eACX;AAAA,SACM,CAAC,SAAS;AAAA,QAEZ,YAAY,CAAC,MAAM;AACjB;AACA,uBAAa;AAAA;AAAA;AAAA,SAGb,SACF,CAAC,iBAAiB;AAAA,QAChB,cACE,eAAe,cACX,CAAC,MAAM;AACL,cAAI,OAA8B;AAClC,cAAI,aAAa;AACf,iBAAK,QAAQ;AAAA;AAEf,cAAI,MAAM,SAAS;AACjB,iBAAK,QAAQ;AAAA;AAEf,cAAI,OAAO,KAAK,MAAM,QAAQ;AAC5B,gBAAI;AAAA;AAEN,sBAAY;AACZ,yBAAe;AAAA,YAEjB;AAAA,QACN,cACE,eAAe,cACX,CAAC,MAAM;AACL,cAAI,OAA8B;AAClC,mBAAS,IAAI;AACb,cAAI,aAAa;AACf,iBAAK,QAAQ;AAAA;AAEf,cAAI,MAAM,SAAS;AACjB,iBAAK,QAAQ;AACb,iBAAK,UAAU;AAAA;AAEjB,cAAI,OAAO,KAAK,MAAM,QAAQ;AAC5B,gBAAI;AAAA;AAEN,uBAAa;AACb,yBAAe;AAAA,YAEjB;AAAA;AAAA,MAEV,aAAa,cACT,CAAC,MAAM;AACL,YAAI;AAAA,UACF,OAAO;AAAA,UACP,SAAS;AAAA;AAEX,oBAAY;AACZ,sBAAc;AAAA,UAEf;AAAA,MACL,SAAS,cACL,CAAC,MAAM;AACL,UAAE;AACF;AACA,qBAAa;AACb,kBAAU;AACV,kBAAU;AAAA,UAEX;AAAA,QAEP;AAEJ,QAAI,QAAQ;AACV,UAAI,OAAO,kBAAkB,UAAU;AAErC,cAAM,CAAC,cAAc,aAAa;AAAA,UAChC;AAAA,UACA;AAAA,UACA,WAAW,OAAO;AAAA,UAClB,YAAY,OAAO;AAAA,UACnB;AAAA;AAEF,eAAO,OAAO,gBAAgB;AAAA,aACzB;AACL,eAAO,OAAO,gBAAgB;AAAA;AAAA;AAIlC,UAAM,mBAAmB,eAAe;AAAA,MACtC;AAAA,MACA;AAAA,MACA,eAAe,MAAM,iBAAiB,cAAc;AAAA;AAGtD,QAAI,UAAU,SAAS,eAAe,gBAAgB;AAEtD,UAAM,yBAAyB,SAAS,aAAa,UAAU,CAAC;AAChE,QAAI,wBAAwB;AAG1B,gBAAU,cAAc,oBAAoB,UAAU,EAAE,OAAO,QAAQ;AAAA;AAGzE,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,MAAM,UAAU;AAClB,uBAAe,WAAW;AAC1B,gBAAQ,IAAI,0BAAmB;AAC/B,gBAAQ,IAAI,0BAAmB;AAE/B,gBAAQ,IAAI,0BAAmB,EAAE,eAAe,WAAW,QAAQ,SAAS,UAAU,SAAS,kBAAkB,cAAc,eAAe;AAAA;AAAA;AAIlJ,WACE,0DACG,UACA;AAAA;AAKP,QAAM,SAAuB;AAAA,IAC3B,aAAa;AAAA,OACV;AAAA,IAEH,iBAAiB;AAAA,SACZ,aAAa;AAAA,MAChB,UAAU;AAAA,MACV,YAAY;AAAA;AAAA;AAGhB,YAAU,kBAAkB;AAE5B,SAAO;AAAA;AA/aO;AAqbT,MAAM,SAAS,gBAAgB;AAAA,EACpC,cAAc;AAAA,EACd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,MAAM,EAAE,aAAa;AAC/B,eAAO;AAAA,UACL,OAAO,OAAO,KAAK,SAAS;AAAA,UAC5B,QAAQ,OAAO,KAAK,SAAS;AAAA;AAAA;AAAA;AAAA,IAInC,WAAW;AAAA,MACT,YAAY;AAAA,QACV,QAAQ;AAAA;AAAA,MAEV,UAAU;AAAA,QACR,OAAO;AAAA;AAAA;AAAA;AAAA;AAMR,wBAAwB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,GAKC;AACD,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA;AAET,QAAM,OAAc;AACpB,QAAM,eAAe,SAAS,QAAQ;AACtC,QAAM,MAAM,aAAa;AACzB,MAAI,QAAQ,GAAG;AACb,WAAO;AAAA;AAET,QAAM,SACJ,oCAAC,QAAD;AAAA,IAEE,WACE,kBAAkB,SAAS,kBAAkB,gBAAgB,eAAe;AAAA,IAE9E,MAAM;AAAA;AAGV,aAAW,CAAC,OAAO,UAAU,aAAa,WAAW;AACnD,SAAK,KAAK;AACV,QAAI,UAAU,MAAM,GAAG;AACrB;AAAA;AAEF,UAAM,MAAM,GAAG,QAAQ,UAAU;AACjC,SAAK,KAAK,cAAc,UAAU,EAAE,KAAK,MAAM,aAAa;AAAA;AAE9D,SAAO;AAAA;AAnCO;",
-  "names": []
-}

package/dist/createShorthands.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/createShorthands.ts"],
-  "sourcesContent": ["import { GenericShorthands } from './types'\n\n// type helper\n\nexport function createShorthands<A extends Record<string, string>>(shorthands: A): A {\n  return Object.freeze(shorthands) as any\n}\n"],
-  "mappings": ";;AAIO,0BAA4D,YAAkB;AACnF,SAAO,OAAO,OAAO;AAAA;AADP;",
-  "names": []
-}

package/dist/createTamagui.js

@@ -1,107 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { createVariable, isVariable } from "./createVariable";
-import { createTamaguiProvider } from "./helpers/createTamaguiProvider";
-import { configureMedia } from "./hooks/useMedia";
-let conf;
-const getHasConfigured = /* @__PURE__ */ __name(() => !!conf, "getHasConfigured");
-const getTamaguiConfig = /* @__PURE__ */ __name(() => conf, "getTamaguiConfig");
-const configListeners = new Set();
-const onConfiguredOnce = /* @__PURE__ */ __name((cb) => {
-  if (conf) {
-    cb(conf);
-  } else {
-    configListeners.add(cb);
-  }
-}, "onConfiguredOnce");
-const THEME_CLASS_PREFIX = `theme--`;
-function createTamagui(config) {
-  if (conf) {
-    throw new Error(`#000 createTamagui called twice`);
-  }
-  configureMedia({
-    queries: config.media,
-    defaultActive: config.mediaQueryDefaultActive
-  });
-  const themeConfig = (() => {
-    let cssRules = [];
-    let tokenRule = `html {`;
-    const varsByValue = new Map();
-    for (const key in config.tokens) {
-      for (const skey in config.tokens[key]) {
-        const v = config.tokens[key][skey];
-        varsByValue[v.val] = v;
-        tokenRule += `--${v.name}:${typeof v.val === "number" ? `${v.val}px` : v.val};`;
-      }
-    }
-    cssRules.push(`${tokenRule}
-}`);
-    for (const themeName in config.themes) {
-      const theme = config.themes[themeName];
-      let vars = "";
-      for (const themeKey in theme) {
-        const val = theme[themeKey];
-        const getVariableCSS = /* @__PURE__ */ __name((inv) => {
-          const v = varsByValue[inv] ?? inv;
-          return isVariable(v) ? `--${themeKey}:var(--${v.name});` : `--${themeKey}:${v};`;
-        }, "getVariableCSS");
-        vars += getVariableCSS(val);
-        if (!isVariable(val)) {
-          theme[themeKey] = createVariable({
-            name: themeKey,
-            val
-          });
-        }
-      }
-      cssRules.push(`.${THEME_CLASS_PREFIX}${themeName} {
-${vars}
-}`);
-    }
-    Object.freeze(cssRules);
-    return {
-      cssRules,
-      css: cssRules.join("\n")
-    };
-  })();
-  const tokensParsed = {};
-  for (const key in config.tokens) {
-    tokensParsed[key] = {};
-    for (const skey in config.tokens[key]) {
-      tokensParsed[key][`$${skey}`] = config.tokens[key][skey];
-    }
-  }
-  const themeParsed = {};
-  const firstKey = Object.keys(config.themes)[0];
-  for (const key in config.themes[firstKey]) {
-    themeParsed[`$${key}`] = config.themes[firstKey][key];
-  }
-  const next = {
-    ...config,
-    TamaguiProvider: createTamaguiProvider({
-      defaultTheme: "light",
-      ...config
-    }),
-    themeConfig,
-    themeParsed,
-    tokensParsed
-  };
-  conf = next;
-  if (configListeners.size) {
-    configListeners.forEach((cb) => cb(next));
-    configListeners.clear();
-  }
-  return next;
-}
-__name(createTamagui, "createTamagui");
-function getThemeParentClassName(themeName) {
-  return `theme-parent ${themeName ? `${THEME_CLASS_PREFIX}${themeName}` : ""}`;
-}
-__name(getThemeParentClassName, "getThemeParentClassName");
-export {
-  createTamagui,
-  getHasConfigured,
-  getTamaguiConfig,
-  getThemeParentClassName,
-  onConfiguredOnce
-};
-//# sourceMappingURL=createTamagui.js.map

package/dist/createTamagui.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/createTamagui.ts"],
-  "sourcesContent": ["import { Variable, createVariable, isVariable } from './createVariable'\nimport { createTamaguiProvider } from './helpers/createTamaguiProvider'\nimport { configureMedia } from './hooks/useMedia'\nimport {\n  CreateTamaguiConfig,\n  GenericTamaguiConfig,\n  MediaQueryKey,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n} from './types'\n\nexport type CreateTamaguiProps = TamaguiProviderProps &\n  // we omit and re-declare it because we need to allow instantation types to be flexible\n  // user then re-defines the types after createTamagui returns the typed object they want\n  Omit<GenericTamaguiConfig, 'themes'> & {\n    themes: {\n      [key: string]: {\n        [key: string]: string | number | Variable\n      }\n    }\n    // for ssr/native, will default to active\n    mediaQueryDefaultActive?: MediaQueryKey[]\n  }\n\nlet conf: TamaguiInternalConfig | null\n\nexport const getHasConfigured = () => !!conf\nexport const getTamaguiConfig = () => conf!\n\ntype ConfigListener = (conf: TamaguiInternalConfig) => void\nconst configListeners = new Set<ConfigListener>()\nexport const onConfiguredOnce = (cb: ConfigListener) => {\n  if (conf) {\n    cb(conf)\n  } else {\n    configListeners.add(cb)\n  }\n}\n\nconst THEME_CLASS_PREFIX = `theme--`\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): Conf extends CreateTamaguiConfig<infer A, infer B, infer C, infer D>\n  ? TamaguiInternalConfig<A, B, C, D>\n  : unknown {\n  if (conf) {\n    throw new Error(`#000 createTamagui called twice`)\n  }\n\n  configureMedia({\n    queries: config.media as any,\n    defaultActive: config.mediaQueryDefaultActive,\n  })\n\n  const themeConfig = (() => {\n    let cssRules: string[] = []\n\n    // tokens\n    let tokenRule = `html {`\n    const varsByValue = new Map<string, Variable>()\n    for (const key in config.tokens) {\n      for (const skey in config.tokens[key]) {\n        const v = config.tokens[key][skey]\n        varsByValue[v.val] = v\n        tokenRule += `--${v.name}:${typeof v.val === 'number' ? `${v.val}px` : v.val};`\n      }\n    }\n    cssRules.push(`${tokenRule}\\n}`)\n\n    // themes\n    for (const themeName in config.themes) {\n      const theme = config.themes[themeName]\n      let vars = ''\n      for (const themeKey in theme) {\n        const val = theme[themeKey]\n        const getVariableCSS = (inv: any) => {\n          const v = varsByValue[inv] ?? inv\n          return isVariable(v) ? `--${themeKey}:var(--${v.name});` : `--${themeKey}:${v};`\n        }\n        vars += getVariableCSS(val)\n        // TODO sanity check is necessary\n        // make everything a variable that gets put into css\n        if (!isVariable(val)) {\n          theme[themeKey] = createVariable({\n            name: themeKey,\n            val,\n          })\n        }\n      }\n      cssRules.push(`.${THEME_CLASS_PREFIX}${themeName} {\\n${vars}\\n}`)\n    }\n\n    Object.freeze(cssRules)\n\n    return {\n      cssRules,\n      css: cssRules.join('\\n'),\n    }\n  })()\n\n  // faster lookups\n  //   1. token keys become $keys to match input\n  //   2. merge in theme tokens\n  const tokensParsed: any = {}\n  for (const key in config.tokens) {\n    tokensParsed[key] = {}\n    for (const skey in config.tokens[key]) {\n      tokensParsed[key][`$${skey}`] = config.tokens[key][skey]\n    }\n  }\n  // all themes should match key and we just need variable name\n  // TODO once w react native we'd want to have a reverse lookup back to value\n  const themeParsed: any = {}\n  const firstKey = Object.keys(config.themes)[0]\n  for (const key in config.themes[firstKey]) {\n    themeParsed[`$${key}`] = config.themes[firstKey][key]\n  }\n\n  const next: TamaguiInternalConfig = {\n    ...config,\n    TamaguiProvider: createTamaguiProvider({\n      defaultTheme: 'light',\n      ...config,\n    }),\n    themeConfig,\n    themeParsed,\n    tokensParsed,\n  }\n  conf = next\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(next))\n    configListeners.clear()\n  }\n\n  // @ts-expect-error\n  return next\n}\n\nexport function getThemeParentClassName(themeName?: string | null) {\n  return `theme-parent ${themeName ? `${THEME_CLASS_PREFIX}${themeName}` : ''}`\n}\n\n// insertSheet() {\n//   // TODO use new react method of inserting\n//   const tag = createStyleTag()\n//   for (const rule of cssRules) {\n//     tag?.sheet?.insertRule(rule)\n//   }\n// },\n\n// function createStyleTag(): HTMLStyleElement | null {\n//   if (typeof document === 'undefined') {\n//     return null\n//   }\n//   const tag = document.createElement('style')\n//   tag.className = 'tamagui-css-vars'\n//   tag.setAttribute('type', 'text/css')\n//   tag.appendChild(document.createTextNode(''))\n//   if (!document.head) {\n//     throw new Error('expected head')\n//   }\n//   document.head.appendChild(tag)\n//   return tag\n// }\n"],
-  "mappings": ";;AAAA;AACA;AACA;AAsBA,IAAI;AAEG,MAAM,mBAAmB,6BAAM,CAAC,CAAC,MAAR;AACzB,MAAM,mBAAmB,6BAAM,MAAN;AAGhC,MAAM,kBAAkB,IAAI;AACrB,MAAM,mBAAmB,wBAAC,OAAuB;AACtD,MAAI,MAAM;AACR,OAAG;AAAA,SACE;AACL,oBAAgB,IAAI;AAAA;AAAA,GAJQ;AAQhC,MAAM,qBAAqB;AAEpB,uBACL,QAGU;AACV,MAAI,MAAM;AACR,UAAM,IAAI,MAAM;AAAA;AAGlB,iBAAe;AAAA,IACb,SAAS,OAAO;AAAA,IAChB,eAAe,OAAO;AAAA;AAGxB,QAAM,cAAe,OAAM;AACzB,QAAI,WAAqB;AAGzB,QAAI,YAAY;AAChB,UAAM,cAAc,IAAI;AACxB,eAAW,OAAO,OAAO,QAAQ;AAC/B,iBAAW,QAAQ,OAAO,OAAO,MAAM;AACrC,cAAM,IAAI,OAAO,OAAO,KAAK;AAC7B,oBAAY,EAAE,OAAO;AACrB,qBAAa,KAAK,EAAE,QAAQ,OAAO,EAAE,QAAQ,WAAW,GAAG,EAAE,UAAU,EAAE;AAAA;AAAA;AAG7E,aAAS,KAAK,GAAG;AAAA;AAGjB,eAAW,aAAa,OAAO,QAAQ;AACrC,YAAM,QAAQ,OAAO,OAAO;AAC5B,UAAI,OAAO;AACX,iBAAW,YAAY,OAAO;AAC5B,cAAM,MAAM,MAAM;AAClB,cAAM,iBAAiB,wBAAC,QAAa;AACnC,gBAAM,IAAI,YAAY,QAAQ;AAC9B,iBAAO,WAAW,KAAK,KAAK,kBAAkB,EAAE,WAAW,KAAK,YAAY;AAAA,WAFvD;AAIvB,gBAAQ,eAAe;AAGvB,YAAI,CAAC,WAAW,MAAM;AACpB,gBAAM,YAAY,eAAe;AAAA,YAC/B,MAAM;AAAA,YACN;AAAA;AAAA;AAAA;AAIN,eAAS,KAAK,IAAI,qBAAqB;AAAA,EAAgB;AAAA;AAAA;AAGzD,WAAO,OAAO;AAEd,WAAO;AAAA,MACL;AAAA,MACA,KAAK,SAAS,KAAK;AAAA;AAAA;AAOvB,QAAM,eAAoB;AAC1B,aAAW,OAAO,OAAO,QAAQ;AAC/B,iBAAa,OAAO;AACpB,eAAW,QAAQ,OAAO,OAAO,MAAM;AACrC,mBAAa,KAAK,IAAI,UAAU,OAAO,OAAO,KAAK;AAAA;AAAA;AAKvD,QAAM,cAAmB;AACzB,QAAM,WAAW,OAAO,KAAK,OAAO,QAAQ;AAC5C,aAAW,OAAO,OAAO,OAAO,WAAW;AACzC,gBAAY,IAAI,SAAS,OAAO,OAAO,UAAU;AAAA;AAGnD,QAAM,OAA8B;AAAA,OAC/B;AAAA,IACH,iBAAiB,sBAAsB;AAAA,MACrC,cAAc;AAAA,SACX;AAAA;AAAA,IAEL;AAAA,IACA;AAAA,IACA;AAAA;AAEF,SAAO;AAEP,MAAI,gBAAgB,MAAM;AACxB,oBAAgB,QAAQ,CAAC,OAAO,GAAG;AACnC,oBAAgB;AAAA;AAIlB,SAAO;AAAA;AAhGO;AAmGT,iCAAiC,WAA2B;AACjE,SAAO,gBAAgB,YAAY,GAAG,qBAAqB,cAAc;AAAA;AAD3D;",
-  "names": []
-}

package/dist/createTokens.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/createTokens.ts"],
-  "sourcesContent": ["import { Variable, createVariable } from './createVariable'\nimport { CreateTokens } from './types'\n\n// tokens.color.dark.red ===>{ var: `color-dark-red`, val: '' }\n\nexport function createTokens(tokens: CreateTokens) {\n  return setupTokens(tokens)\n}\n\nfunction setupTokens(tokens: any) {\n  return mapTokensToVariables(tokens)\n}\n\nexport const mapTokensToVariables = (\n  tokens: CreateTokens,\n  parentPath = ''\n): CreateTokens<Variable> => {\n  const res = {}\n  for (const key in tokens) {\n    const val = tokens[key]\n    const name = parentPath ? `${parentPath}-${key}` : key\n    if (val && typeof val === 'object') {\n      res[key] = mapTokensToVariables(tokens[key], name)\n    } else {\n      res[key] = createVariable({ val, name })\n    }\n  }\n  // @ts-expect-error\n  return res\n}\n"],
-  "mappings": ";;AAAA;AAKO,sBAAsB,QAAsB;AACjD,SAAO,YAAY;AAAA;AADL;AAIhB,qBAAqB,QAAa;AAChC,SAAO,qBAAqB;AAAA;AADrB;AAIF,MAAM,uBAAuB,wBAClC,QACA,aAAa,OACc;AAC3B,QAAM,MAAM;AACZ,aAAW,OAAO,QAAQ;AACxB,UAAM,MAAM,OAAO;AACnB,UAAM,OAAO,aAAa,GAAG,cAAc,QAAQ;AACnD,QAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,UAAI,OAAO,qBAAqB,OAAO,MAAM;AAAA,WACxC;AACL,UAAI,OAAO,eAAe,EAAE,KAAK;AAAA;AAAA;AAIrC,SAAO;AAAA,GAf2B;",
-  "names": []
-}

package/dist/createVariable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/createVariable.ts"],
-  "sourcesContent": ["export class Variable {\n  val: string\n  name: string\n  variable: string\n  constructor({ val, name }: VariableIn) {\n    this.val = typeof val === 'string' ? val : `${val}px`\n    this.name = name\n    this.variable = `var(--${name})`\n  }\n}\n\ntype VariableIn = { val: string | number; name: string }\n\nexport const createVariable = (props: VariableIn) => new Variable(props)\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v instanceof Variable\n}\n"],
-  "mappings": ";;AAAO,eAAe;AAAA,EAIpB,YAAY,EAAE,KAAK,QAAoB;AACrC,SAAK,MAAM,OAAO,QAAQ,WAAW,MAAM,GAAG;AAC9C,SAAK,OAAO;AACZ,SAAK,WAAW,SAAS;AAAA;AAAA;AAPtB;AAaA,MAAM,iBAAiB,wBAAC,UAAsB,IAAI,SAAS,QAApC;AAEvB,oBAAoB,GAAkC;AAC3D,SAAO,aAAa;AAAA;AADN;",
-  "names": []
-}

package/dist/helpers/addStylesUsingClassname.js

@@ -1,28 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getStylesAtomic } from "@tamagui/helpers";
-import { insertStyleRule } from "./insertStyleRule";
-let added = {};
-function addStylesUsingClassname(styles) {
-  let className = "";
-  for (const style of styles.flat()) {
-    if (!style)
-      continue;
-    for (const { identifier, rules } of getStylesAtomic(style)) {
-      className += ` ${identifier}`;
-      if (added[identifier]) {
-        continue;
-      }
-      added[identifier] = true;
-      for (const rule of rules) {
-        insertStyleRule(rule);
-      }
-    }
-  }
-  return className;
-}
-__name(addStylesUsingClassname, "addStylesUsingClassname");
-export {
-  addStylesUsingClassname
-};
-//# sourceMappingURL=addStylesUsingClassname.js.map

package/dist/helpers/addStylesUsingClassname.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/addStylesUsingClassname.tsx"],
-  "sourcesContent": ["import { getStylesAtomic } from '@tamagui/helpers'\n\nimport { insertStyleRule } from './insertStyleRule'\n\nlet added = {}\n\n// TODO use react method for insertings\n\nexport function addStylesUsingClassname(styles: any[]) {\n  let className = ''\n  for (const style of styles.flat()) {\n    if (!style) continue\n    for (const { identifier, rules } of getStylesAtomic(style)) {\n      className += ` ${identifier}`\n      if (added[identifier]) {\n        continue\n      }\n      added[identifier] = true\n      for (const rule of rules) {\n        insertStyleRule(rule)\n      }\n    }\n  }\n  return className\n}\n"],
-  "mappings": ";;AAAA;AAEA;AAEA,IAAI,QAAQ;AAIL,iCAAiC,QAAe;AACrD,MAAI,YAAY;AAChB,aAAW,SAAS,OAAO,QAAQ;AACjC,QAAI,CAAC;AAAO;AACZ,eAAW,EAAE,YAAY,WAAW,gBAAgB,QAAQ;AAC1D,mBAAa,IAAI;AACjB,UAAI,MAAM,aAAa;AACrB;AAAA;AAEF,YAAM,cAAc;AACpB,iBAAW,QAAQ,OAAO;AACxB,wBAAgB;AAAA;AAAA;AAAA;AAItB,SAAO;AAAA;AAfO;",
-  "names": []
-}

package/dist/helpers/createTamaguiProvider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/createTamaguiProvider.tsx"],
-  "sourcesContent": ["import { OverlayProvider } from '@react-native-aria/overlays'\nimport * as React from 'react'\nimport { Platform } from 'react-native'\nimport {\n  Metrics,\n  SafeAreaProvider,\n  initialWindowMetrics as defaultInitialWindowMetrics,\n} from 'react-native-safe-area-context'\n\nimport { TamaguiProviderProps } from '../types'\nimport { TextAncestorProvider } from '../views/TextAncestorContext'\nimport { ThemeProvider, ThemeProviderProps } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(themeProps: ThemeProviderProps) {\n  let defaultMetrics: Metrics | null = null\n  return function TamaguiProvider({\n    initialWindowMetrics,\n    fallback,\n    children,\n    ...themePropsProvider\n  }: TamaguiProviderProps) {\n    if (!initialWindowMetrics && !defaultMetrics) {\n      defaultMetrics = Platform.select({\n        web: {\n          frame: { x: 0, y: 0, width: 0, height: 0 },\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\n        },\n        default: defaultInitialWindowMetrics,\n      })\n    }\n    return (\n      <TextAncestorProvider>\n        <OverlayProvider>\n          <SafeAreaProvider initialMetrics={initialWindowMetrics ?? defaultMetrics}>\n            <ThemeProvider {...themeProps} {...themePropsProvider}>\n              <React.Suspense fallback={fallback || null}>{children}</React.Suspense>\n            </ThemeProvider>\n          </SafeAreaProvider>\n        </OverlayProvider>\n      </TextAncestorProvider>\n    )\n  }\n}\n"],
-  "mappings": ";;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAOA;AACA;AAEO,+BAA+B,YAAgC;AACpE,MAAI,iBAAiC;AACrC,SAAO,gDAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,QAAI,CAAC,wBAAwB,CAAC,gBAAgB;AAC5C,uBAAiB,SAAS,OAAO;AAAA,QAC/B,KAAK;AAAA,UACH,OAAO,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ;AAAA,UACvC,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;AAAA;AAAA,QAE/C,SAAS;AAAA;AAAA;AAGb,WACE,oCAAC,sBAAD,MACE,oCAAC,iBAAD,MACE,oCAAC,kBAAD;AAAA,MAAkB,gBAAgB,wBAAwB;AAAA,OACxD,oCAAC,eAAD;AAAA,SAAmB;AAAA,SAAgB;AAAA,OACjC,oCAAC,MAAM,UAAP;AAAA,MAAgB,UAAU,YAAY;AAAA,OAAO;AAAA,KApBlD;AAAA;AAFO;",
-  "names": []
-}

package/dist/helpers/extendStaticConfig.js

@@ -1,158 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getTamaguiConfig } from "../createTamagui";
-import { isVariable } from "../createVariable";
-function extendStaticConfig(Component, config = {}) {
-  if (process.env.TARGET === "client") {
-    return null;
-  }
-  const a = Component;
-  if (!a.staticConfig) {
-    a.staticConfig = {};
-  }
-  return parseStaticConfig({
-    variants: config.variants,
-    isText: config.isText || a.staticConfig.isText || false,
-    neverFlatten: config.neverFlatten ?? a.staticConfig.neverFlatten,
-    ensureOverriddenProp: config.ensureOverriddenProp ?? a.staticConfig.ensureOverriddenProp,
-    validStyles: {
-      ...a.staticConfig.validStyles,
-      ...config.validStyles
-    },
-    validPropsExtra: {
-      ...a.staticConfig.validPropsExtra,
-      ...config.validPropsExtra
-    },
-    defaultProps: {
-      ...a.staticConfig.defaultProps,
-      ...config.defaultProps
-    }
-  });
-}
-__name(extendStaticConfig, "extendStaticConfig");
-function parseStaticConfig(c) {
-  const variants = c.variants;
-  let variantsParsed;
-  return {
-    ...c,
-    parsed: true,
-    propMapper(key, value, theme) {
-      const conf = getTamaguiConfig();
-      if (!conf) {
-        console.trace("err");
-        return;
-      }
-      if (variants && !variantsParsed) {
-        variantsParsed = parseVariants(variants, conf);
-      }
-      const variant = variantsParsed?.[key];
-      if (variant) {
-        const tokenKey = typeof value === "string" && value[0] === "$" ? value.slice(1) : value;
-        const val = variant[tokenKey] ?? value;
-        if (typeof val !== "undefined") {
-          if (typeof val === "function") {
-            const res = val(tokenKey, conf);
-            if (res) {
-              for (const key2 in res) {
-                const finalKey = conf.shorthands[key2] || key2;
-                if (key2 !== finalKey) {
-                  delete res[key2];
-                }
-                const resVal = isVariable(res[key2]) ? res[key2].variable : res[key2];
-                const finalValue = resVal[0] === "$" ? getToken(finalKey, resVal, conf) : value;
-                console.log("dun", finalKey, finalValue);
-                res[finalKey] = finalValue;
-              }
-            }
-            console.warn("no res", res);
-            return res;
-          }
-          console.warn("this should probably just be an obj", val);
-          return val;
-        }
-      }
-      let shouldReturn = false;
-      if (conf.shorthands[key]) {
-        shouldReturn = true;
-        key = conf.shorthands[key];
-      }
-      if (value && value[0] === "$") {
-        shouldReturn = true;
-        value = getToken(key, value, conf);
-      }
-      if (shouldReturn) {
-        return {
-          [key]: value
-        };
-      }
-    }
-  };
-}
-__name(parseStaticConfig, "parseStaticConfig");
-const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }) => {
-  if (themeParsed[value]) {
-    return themeParsed[value].variable;
-  }
-  for (const cat in tokenCategories) {
-    if (tokenCategories[cat][key]) {
-      const res = tokensParsed[cat][value];
-      if (res) {
-        return res.variable;
-      } else {
-        return themeParsed[value].variable;
-      }
-    }
-  }
-  return tokensParsed.space[key]?.[value].variable ?? value;
-}, "getToken");
-const tokenCategories = {
-  size: {
-    width: true,
-    height: true,
-    minWidth: true,
-    minHeight: true,
-    maxWidth: true,
-    maxHeight: true
-  },
-  font: {
-    fontFamily: true
-  },
-  fontSize: {
-    fontSize: true
-  },
-  lineHeight: {
-    lineHeight: true
-  },
-  color: {
-    color: true,
-    backgroundColor: true,
-    borderColor: true,
-    borderBottomColor: true,
-    borderTopColor: true,
-    borderLeftColor: true,
-    borderRightColor: true
-  }
-};
-function parseVariants(variants, conf) {
-  return Object.keys(variants).reduce((acc, key) => {
-    acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {
-      if (vkey.startsWith("...")) {
-        const tokenKey = vkey.slice(3);
-        const tokens = conf.tokens[tokenKey];
-        for (const tkey in tokens) {
-          vacc[tkey] = variants[key][vkey];
-        }
-      } else {
-        vacc[vkey] = variants[key][vkey];
-      }
-      return vacc;
-    }, {});
-    return acc;
-  }, {});
-}
-__name(parseVariants, "parseVariants");
-export {
-  extendStaticConfig,
-  parseStaticConfig
-};
-//# sourceMappingURL=extendStaticConfig.js.map

package/dist/helpers/extendStaticConfig.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/extendStaticConfig.ts"],
-  "sourcesContent": ["import { getTamaguiConfig } from '../createTamagui'\nimport { isVariable } from '../createVariable'\nimport { StaticComponent, StaticConfig, StaticConfigParsed, TamaguiInternalConfig } from '../types'\n\nexport function extendStaticConfig(\n  Component: StaticComponent | React.Component<any>,\n  config: StaticConfig = {}\n): StaticConfigParsed | null {\n  if (process.env.TARGET === 'client') {\n    return null\n  }\n  const a = Component as any\n  if (!a.staticConfig) {\n    a.staticConfig = {}\n    // throw new Error(`No static config: ${a} ${JSON.stringify(config)}`)\n  }\n  return parseStaticConfig({\n    // dont extend veriants? may want to but need to do typings... in styled()\n    variants: config.variants,\n    isText: config.isText || a.staticConfig.isText || false,\n    neverFlatten: config.neverFlatten ?? a.staticConfig.neverFlatten,\n    ensureOverriddenProp: config.ensureOverriddenProp ?? a.staticConfig.ensureOverriddenProp,\n    validStyles: {\n      ...a.staticConfig.validStyles,\n      ...config.validStyles,\n    },\n    validPropsExtra: {\n      ...a.staticConfig.validPropsExtra,\n      ...config.validPropsExtra,\n    },\n    defaultProps: {\n      ...a.staticConfig.defaultProps,\n      ...config.defaultProps,\n    },\n  })\n}\n\nexport function parseStaticConfig(c: StaticConfig): StaticConfigParsed {\n  const variants = c.variants\n  let variantsParsed\n  return {\n    ...c,\n    parsed: true,\n    // @ts-ignore\n    propMapper(key: string, value: any, theme: any) {\n      const conf = getTamaguiConfig()\n      if (!conf) {\n        console.trace('err')\n        return\n      }\n      if (variants && !variantsParsed) {\n        variantsParsed = parseVariants(variants, conf)\n      }\n\n      // expand variants\n      const variant = variantsParsed?.[key]\n      if (variant) {\n        const tokenKey = typeof value === 'string' && value[0] === '$' ? value.slice(1) : value\n        const val = variant[tokenKey] ?? value\n        if (typeof val !== 'undefined') {\n          if (typeof val === 'function') {\n            const res = val(tokenKey, conf)\n            if (res) {\n              for (const key in res) {\n                const finalKey = conf.shorthands[key] || key\n                if (key !== finalKey) {\n                  delete res[key]\n                }\n                const resVal = isVariable(res[key]) ? res[key].variable : res[key]\n                const finalValue = resVal[0] === '$' ? getToken(finalKey, resVal, conf) : value\n                console.log('dun', finalKey, finalValue)\n                res[finalKey] = finalValue\n              }\n            }\n            // handle shorthands?\n            console.warn('no res', res)\n            return res\n          }\n          // handle shorthands?\n          console.warn('this should probably just be an obj', val)\n          return val\n        }\n      }\n\n      let shouldReturn = false\n\n      // handle shorthands\n      if (conf.shorthands[key]) {\n        shouldReturn = true\n        key = conf.shorthands[key]\n      }\n\n      if (value && value[0] === '$') {\n        shouldReturn = true\n        value = getToken(key, value, conf)\n      }\n\n      if (shouldReturn) {\n        return {\n          [key]: value,\n        }\n      }\n    },\n  }\n}\n\nconst getToken = (\n  key: string,\n  value: string,\n  { tokensParsed, themeParsed }: TamaguiInternalConfig\n) => {\n  if (themeParsed[value]) {\n    return themeParsed[value].variable\n  }\n  for (const cat in tokenCategories) {\n    if (tokenCategories[cat][key]) {\n      const res = tokensParsed[cat][value]\n      if (res) {\n        return res.variable\n      } else {\n        return themeParsed[value].variable\n      }\n    }\n  }\n  return tokensParsed.space[key]?.[value].variable ?? value\n}\n\n// just specificy the least costly, all else go to `space` (most keys - we can exclude)\n\nconst tokenCategories = {\n  size: {\n    width: true,\n    height: true,\n    minWidth: true,\n    minHeight: true,\n    maxWidth: true,\n    maxHeight: true,\n  },\n  font: {\n    fontFamily: true,\n  },\n  fontSize: {\n    fontSize: true,\n  },\n  lineHeight: {\n    lineHeight: true,\n  },\n  color: {\n    color: true,\n    backgroundColor: true,\n    borderColor: true,\n    borderBottomColor: true,\n    borderTopColor: true,\n    borderLeftColor: true,\n    borderRightColor: true,\n  },\n}\n\nfunction parseVariants(variants: any, conf: TamaguiInternalConfig) {\n  return Object.keys(variants).reduce((acc, key) => {\n    acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {\n      if (vkey.startsWith('...')) {\n        const tokenKey = vkey.slice(3)\n        const tokens = conf.tokens[tokenKey]\n        for (const tkey in tokens) {\n          vacc[tkey] = variants[key][vkey]\n        }\n        // explode\n        // acc[vkey] = variants[key][vkey]\n      } else {\n        vacc[vkey] = variants[key][vkey]\n      }\n      return vacc\n    }, {})\n    return acc\n  }, {})\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/helpers/fixNativeShadow.js

@@ -1,38 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const defaultShadowOffset = {
-  width: 0,
-  height: 0
-};
-const matchRgba = /rgba\(\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*\)$/;
-function fixNativeShadow(props, merge = false) {
-  let res = merge ? props : {};
-  if (props.shadowColor) {
-    res.shadowColor = props.shadowColor;
-    if (!("shadowOffset" in props)) {
-      res.shadowOffset = defaultShadowOffset;
-    }
-    if (!("shadowOpacity" in props)) {
-      res.shadowOpacity = 1;
-      const color = String(res.shadowColor).trim();
-      if (color[0] === "r" && color[3] === "a") {
-        const [_, r, g, b, a] = color.match(matchRgba) ?? [];
-        if (typeof a !== "string") {
-          console.warn("non valid rgba", color);
-          return props;
-        }
-        res.shadowColor = `rgb(${r},${g},${b})`;
-        res.shadowOpacity = +a;
-      } else {
-        res.shadowOpacity = 1;
-      }
-    }
-  }
-  return res;
-}
-__name(fixNativeShadow, "fixNativeShadow");
-export {
-  defaultShadowOffset,
-  fixNativeShadow
-};
-//# sourceMappingURL=fixNativeShadow.js.map

package/dist/helpers/fixNativeShadow.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/fixNativeShadow.tsx"],
-  "sourcesContent": ["export const defaultShadowOffset = {\n  width: 0,\n  height: 0,\n}\n\nconst matchRgba = /rgba\\(\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*\\)$/\n\n// used by both expansion and inline, be careful\nexport function fixNativeShadow(props: any, merge = false) {\n  let res = merge ? props : {}\n  if (props.shadowColor) {\n    res.shadowColor = props.shadowColor\n    if (!('shadowOffset' in props)) {\n      res.shadowOffset = defaultShadowOffset\n    }\n    if (!('shadowOpacity' in props)) {\n      res.shadowOpacity = 1\n      const color = String(res.shadowColor).trim()\n      if (color[0] === 'r' && color[3] === 'a') {\n        const [_, r, g, b, a] = color.match(matchRgba) ?? []\n        if (typeof a !== 'string') {\n          console.warn('non valid rgba', color)\n          return props\n        }\n        res.shadowColor = `rgb(${r},${g},${b})`\n        res.shadowOpacity = +a\n      } else {\n        res.shadowOpacity = 1\n      }\n    }\n  }\n  return res\n}\n"],
-  "mappings": ";;AAAO,MAAM,sBAAsB;AAAA,EACjC,OAAO;AAAA,EACP,QAAQ;AAAA;AAGV,MAAM,YAAY;AAGX,yBAAyB,OAAY,QAAQ,OAAO;AACzD,MAAI,MAAM,QAAQ,QAAQ;AAC1B,MAAI,MAAM,aAAa;AACrB,QAAI,cAAc,MAAM;AACxB,QAAI,CAAE,mBAAkB,QAAQ;AAC9B,UAAI,eAAe;AAAA;AAErB,QAAI,CAAE,oBAAmB,QAAQ;AAC/B,UAAI,gBAAgB;AACpB,YAAM,QAAQ,OAAO,IAAI,aAAa;AACtC,UAAI,MAAM,OAAO,OAAO,MAAM,OAAO,KAAK;AACxC,cAAM,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,MAAM,MAAM,cAAc;AAClD,YAAI,OAAO,MAAM,UAAU;AACzB,kBAAQ,KAAK,kBAAkB;AAC/B,iBAAO;AAAA;AAET,YAAI,cAAc,OAAO,KAAK,KAAK;AACnC,YAAI,gBAAgB,CAAC;AAAA,aAChB;AACL,YAAI,gBAAgB;AAAA;AAAA;AAAA;AAI1B,SAAO;AAAA;AAvBO;",
-  "names": []
-}

package/dist/helpers/getSplitStyles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import { getStylesAtomic, stylePropsText, stylePropsTransform, validStyles } from '@tamagui/helpers'\nimport { ViewProps, ViewStyle } from 'react-native'\n\nimport { isWeb } from '../constants/platform'\nimport { getMedia, mediaQueryConfig } from '../hooks/useMedia'\nimport { StaticConfigParsed, TamaguiInternalConfig } from '../types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixNativeShadow } from './fixNativeShadow'\nimport { insertStyleRule } from './insertStyleRule'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\n\nexport const getSplitStyles = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  internalConfig: TamaguiInternalConfig\n) => {\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: ViewProps = {}\n  const style: any[] = []\n  let psuedos: { hoverStyle?: ViewStyle; pressStyle?: ViewStyle } | null = null\n  let cur: ViewStyle | null = null\n  let classNames: string[] | null = null\n  for (const keyInit in props) {\n    // be sure to sync next few lines below to getSubStyle (*1)\n    const valInit = props[keyInit]\n\n    // media\n    if (keyInit[0] === '$') {\n      const mediaKey = keyInit.slice(1)\n\n      if (!mediaQueryConfig[mediaKey]) {\n        // this isn't a media key, pass through\n        viewProps[keyInit] = valInit\n        continue\n      }\n\n      // dont check if media is active, we just apply *all* media styles\n      // we combine the media props on top regular props, could proxy this\n      // TODO test proxy here instead of merge\n      const mediaProps = { ...props, ...valInit }\n      // TODO media + hover\n      const mediaStyle = getSubStyle(valInit, mediaProps, staticConfig, internalConfig)\n      const mediaStyles = getStylesAtomic(mediaStyle)\n      for (const style of mediaStyles) {\n        const out = createMediaStyle(style, mediaKey, mediaQueryConfig)\n        classNames = classNames || []\n        classNames.push(out.identifier)\n        insertStyleRule(out.styleRule)\n        if (process.env.NODE_ENV === 'development') {\n          if (props['debug'])\n            console.log('mediaProp', style.identifier, out, mediaProps, mediaStyle, mediaStyles)\n        }\n      }\n      continue\n    }\n\n    // pseudo\n    const isPseudo =\n      keyInit === 'hoverStyle' || keyInit === 'pressStyle' || keyInit === 'focusStyle'\n    if (isPseudo) {\n      if (!valInit) continue\n      psuedos = psuedos || {}\n      psuedos[keyInit] = getSubStyle(valInit, props, staticConfig, internalConfig)\n      continue\n    }\n\n    const out = staticConfig.propMapper(keyInit, valInit, props)\n    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out)\n    for (const [key, val] of expanded) {\n      // const val = valueMap(valInit) ?? valInit\n      const keyFirstChar = key[0]\n      if (key === 'style' || (keyFirstChar === '_' && key.startsWith('_style'))) {\n        if (cur) {\n          // process last\n          fixNativeShadow(cur, true)\n          style.push(cur)\n          cur = null\n        }\n        fixNativeShadow(val, true)\n        style.push(val)\n        continue\n      }\n      // expand flex so it merged with flexShrink etc properly\n      if (key === 'flex') {\n        cur = cur || {}\n        // see spec for flex shorthand https://developer.mozilla.org/en-US/docs/Web/CSS/flex\n        Object.assign(cur, {\n          flexGrow: val,\n          flexShrink: 1,\n        })\n        continue\n      }\n      if (!isWeb && key === 'pointerEvents') {\n        viewProps[key] = val\n        continue\n      }\n      if (validStyleProps[key]) {\n        // transforms\n        if (key in stylePropsTransform) {\n          cur = cur || {}\n          mergeTransform(cur, key, val)\n          continue\n        }\n        cur = cur || {}\n        cur[key] = val\n        continue\n      }\n      // TODO this blacklist should be configurable + better set up\n      if (!blacklistProps[key]) {\n        viewProps[key] = val\n      }\n    }\n  }\n  // push last style\n  if (cur) {\n    fixNativeShadow(cur, true)\n    style.push(cur)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug']) {\n      console.log(' style debug:', { props, viewProps, style }, getMedia())\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    psuedos,\n    classNames,\n  }\n}\n\nconst getSubStyle = (\n  styleIn: Object,\n  props: any,\n  staticConfig: StaticConfigParsed,\n  internalConfig: TamaguiInternalConfig\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (const key in styleIn) {\n    // be sure to sync next few lines below to loop above (*1)\n    const val = styleIn[key]\n    const out = staticConfig.propMapper(key, val, props)\n    const expanded = out === true || !out ? [[key, val]] : Object.entries(out)\n    for (const [skey, sval] of expanded) {\n      // const sval = valueMap(valInit)\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = sval\n      }\n    }\n  }\n  fixNativeShadow(styleOut, true)\n  return styleOut\n}\n\n// temp\nconst blacklistProps = {\n  debug: true,\n  onPress: true,\n  spacing: true,\n  hitSlop: true,\n  ...validStyles,\n  ...stylePropsText,\n}\n\nconst mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n\nconst mergeTransform = (obj: ViewStyle, key: string, val: any) => {\n  const transform = obj.transform\n    ? Array.isArray(obj.transform)\n      ? obj.transform\n      : [obj.transform]\n    : []\n  // @ts-expect-error\n  transform.push({ [mapTransformKeys[key] || key]: val })\n  obj.transform = transform\n}\n\n// TODO move otu\nconst fullscreenStyle = {\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n} as const\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/helpers/insertStyleRule.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/insertStyleRule.tsx"],
-  "sourcesContent": ["export function insertStyleRule(rule: string) {\n  if (typeof window === 'undefined') {\n    return\n  }\n  const sheet = window.document.styleSheets[0]\n  if (!sheet) {\n    return\n  }\n  sheet.insertRule(rule, sheet.cssRules.length)\n}\n"],
-  "mappings": ";;AAAO,yBAAyB,MAAc;AAC5C,MAAI,OAAO,WAAW,aAAa;AACjC;AAAA;AAEF,QAAM,QAAQ,OAAO,SAAS,YAAY;AAC1C,MAAI,CAAC,OAAO;AACV;AAAA;AAEF,QAAM,WAAW,MAAM,MAAM,SAAS;AAAA;AARxB;",
-  "names": []
-}

package/dist/helpers/matchMedia.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/matchMedia.ts"],
-  "sourcesContent": ["export const matchMedia =\n  (typeof window !== 'undefined' && window.matchMedia) ||\n  (function matchMediaFallback(query: string) {\n    return {\n      addListener() {},\n      removeListener() {},\n      matches: false,\n    }\n  } as any)\n"],
-  "mappings": ";;AAAO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cACxC,mDAA4B,OAAe;AAC1C,SAAO;AAAA,IACL,cAAc;AAAA;AAAA,IACd,iBAAiB;AAAA;AAAA,IACjB,SAAS;AAAA;AAAA,GAJZ;",
-  "names": []
-}

package/dist/helpers/setIfChanged.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { isEqual } from "@dish/fast-compare";
-const setIfChanged = /* @__PURE__ */ __name((setter, next) => {
-  setter((prev) => {
-    console.log("should test if this is the right way to check, merge objects??");
-    const n = { ...prev, ...next };
-    if (isEqual(prev, n)) {
-      return prev;
-    }
-    return n;
-  });
-}, "setIfChanged");
-export {
-  setIfChanged
-};
-//# sourceMappingURL=setIfChanged.js.map

package/dist/helpers/setIfChanged.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/setIfChanged.tsx"],
-  "sourcesContent": ["import { isEqual } from '@dish/fast-compare'\n\nexport const setIfChanged = (setter: any, next: Object) => {\n  setter((prev) => {\n    console.log('should test if this is the right way to check, merge objects??')\n    const n = { ...prev, ...next }\n    if (isEqual(prev, n)) {\n      return prev\n    }\n    return n\n  })\n}\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,eAAe,wBAAC,QAAa,SAAiB;AACzD,SAAO,CAAC,SAAS;AACf,YAAQ,IAAI;AACZ,UAAM,IAAI,KAAK,SAAS;AACxB,QAAI,QAAQ,MAAM,IAAI;AACpB,aAAO;AAAA;AAET,WAAO;AAAA;AAAA,GAPiB;",
-  "names": []
-}

package/dist/hooks/useFeatures.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/useFeatures.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { addMediaQueryListener, removeMediaQueryListener } from './useMedia'\n\n// only needed on native\n// dynamic loading of features to avoid heavy views\n\nconst createDefinition = ({ Component, propNames }: { Component; propNames: string[] }) => ({\n  isEnabled: (props: any) => propNames.some((name) => !!props[name]),\n  Component,\n})\n\nconst mediaQueryPropNames = [\n  '$xs',\n  '$sm',\n  '$md',\n  '$lg',\n  '$xl',\n  '$xxl',\n  '$pointerCoarse',\n  '$hoverNone',\n  '$tall',\n  '$short',\n  '$gtSm',\n  '$notXs',\n  '$gtMd',\n  '$gtLg',\n]\n\nconst featureDefinitions = {\n  measureLayout: createDefinition({\n    Component: (props) => {\n      console.log('measure', props)\n      return null\n    },\n    propNames: ['onLayout'],\n  }),\n\n  // will update the parent whenever media query changes\n  mediaQuery: createDefinition({\n    Component: (props) => {\n      if (isWeb) {\n        // no need for media queries are inserted and run in css\n        return\n      }\n\n      const keys = mediaQueryPropNames.flatMap((x) => (x in props ? x.slice(1) : []))\n      useIsomorphicLayoutEffect(() => {\n        for (const key of keys) {\n          addMediaQueryListener(key, props._utils.forceUpdate)\n        }\n        return () => {\n          for (const key of keys) {\n            removeMediaQueryListener(key, props._utils.forceUpdate)\n          }\n        }\n      }, [keys.join(',')])\n      return null\n    },\n    propNames: mediaQueryPropNames,\n  }),\n}\n\nconst featureNames = Object.keys(featureDefinitions)\nconst numFeatures = featureNames.length\n\nexport const useFeatures = (props: any, utils?: { forceUpdate?: Function }) => {\n  const features: JSX.Element[] = []\n  for (let i = 0; i < numFeatures; i++) {\n    const name = featureNames[i]\n    const { isEnabled, Component } = featureDefinitions[name] as any //FeatureDefinition\n    if (isEnabled(props) && Component) {\n      features.push(<Component key={name} {...props} _utils={utils} />)\n    }\n  }\n  return features\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AAKA,MAAM,mBAAmB,wBAAC,EAAE,WAAW,gBAAqD;AAAA,EAC1F,WAAW,CAAC,UAAe,UAAU,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM;AAAA,EAC5D;AAAA,IAFuB;AAKzB,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,qBAAqB;AAAA,EACzB,eAAe,iBAAiB;AAAA,IAC9B,WAAW,CAAC,UAAU;AACpB,cAAQ,IAAI,WAAW;AACvB,aAAO;AAAA;AAAA,IAET,WAAW,CAAC;AAAA;AAAA,EAId,YAAY,iBAAiB;AAAA,IAC3B,WAAW,CAAC,UAAU;AACpB,UAAI,OAAO;AAET;AAAA;AAGF,YAAM,OAAO,oBAAoB,QAAQ,CAAC,MAAO,KAAK,QAAQ,EAAE,MAAM,KAAK;AAC3E,gCAA0B,MAAM;AAC9B,mBAAW,OAAO,MAAM;AACtB,gCAAsB,KAAK,MAAM,OAAO;AAAA;AAE1C,eAAO,MAAM;AACX,qBAAW,OAAO,MAAM;AACtB,qCAAyB,KAAK,MAAM,OAAO;AAAA;AAAA;AAAA,SAG9C,CAAC,KAAK,KAAK;AACd,aAAO;AAAA;AAAA,IAET,WAAW;AAAA;AAAA;AAIf,MAAM,eAAe,OAAO,KAAK;AACjC,MAAM,cAAc,aAAa;AAE1B,MAAM,cAAc,wBAAC,OAAY,UAAuC;AAC7E,QAAM,WAA0B;AAChC,WAAS,IAAI,GAAG,IAAI,aAAa,KAAK;AACpC,UAAM,OAAO,aAAa;AAC1B,UAAM,EAAE,WAAW,cAAc,mBAAmB;AACpD,QAAI,UAAU,UAAU,WAAW;AACjC,eAAS,KAAK,oCAAC,WAAD;AAAA,QAAW,KAAK;AAAA,WAAU;AAAA,QAAO,QAAQ;AAAA;AAAA;AAAA;AAG3D,SAAO;AAAA,GATkB;",
-  "names": []
-}

package/dist/hooks/useForceUpdate.js

@@ -1,28 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useEffect, useRef, useState } from "react";
-function useForceUpdate() {
-  const setState = useState(0)[1];
-  const internal = useRef();
-  if (!internal.current) {
-    internal.current = {
-      isMounted: true,
-      update: () => {
-        if (internal.current.isMounted) {
-          setState(Math.random());
-        }
-      }
-    };
-  }
-  useEffect(() => {
-    return () => {
-      internal.current.isMounted = false;
-    };
-  }, []);
-  return internal.current.update;
-}
-__name(useForceUpdate, "useForceUpdate");
-export {
-  useForceUpdate
-};
-//# sourceMappingURL=useForceUpdate.js.map

package/dist/hooks/useForceUpdate.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/useForceUpdate.tsx"],
-  "sourcesContent": ["import { useEffect, useRef, useState } from 'react'\n\n// ensures no updates after unmount\n\nexport function useForceUpdate() {\n  const setState = useState(0)[1]\n  const internal = useRef<{ update: Function; isMounted: boolean }>()\n  if (!internal.current) {\n    internal.current = {\n      isMounted: true,\n      update: () => {\n        if (internal.current!.isMounted) {\n          setState(Math.random())\n        }\n      },\n    }\n  }\n\n  useEffect(() => {\n    return () => {\n      internal.current!.isMounted = false\n    }\n  }, [])\n\n  return internal.current.update\n}\n"],
-  "mappings": ";;AAAA;AAIO,0BAA0B;AAC/B,QAAM,WAAW,SAAS,GAAG;AAC7B,QAAM,WAAW;AACjB,MAAI,CAAC,SAAS,SAAS;AACrB,aAAS,UAAU;AAAA,MACjB,WAAW;AAAA,MACX,QAAQ,MAAM;AACZ,YAAI,SAAS,QAAS,WAAW;AAC/B,mBAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAMtB,YAAU,MAAM;AACd,WAAO,MAAM;AACX,eAAS,QAAS,YAAY;AAAA;AAAA,KAE/B;AAEH,SAAO,SAAS,QAAQ;AAAA;AApBV;",
-  "names": []
-}