@tamagui/core 1.0.1-beta.152 → 1.0.1-beta.155

package/dist/cjs/createComponent.server.js

@@ -1,431 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var createComponent_server_exports = {};
-__export(createComponent_server_exports, {
-  Spacer: () => Spacer,
-  Unspaced: () => Unspaced,
-  accessibilityRoleToWebRole: () => accessibilityRoleToWebRole,
-  createComponent: () => createComponent,
-  mouseUps: () => mouseUps,
-  processIDRefList: () => processIDRefList,
-  spacedChildren: () => spacedChildren
-});
-module.exports = __toCommonJS(createComponent_server_exports);
-var import_helpers = require("@tamagui/helpers");
-var import_use_force_update = require("@tamagui/use-force-update");
-var import_react = __toESM(require("react"));
-var import_react_native = require("react-native");
-var import_conf = require("./conf");
-var import_constants = require("./constants/constants");
-var import_platform = require("./constants/platform");
-var import_FontLanguageContext = require("./contexts/FontLanguageContext");
-var import_TextAncestorContext = require("./contexts/TextAncestorContext");
-var import_extendStaticConfig = require("./helpers/extendStaticConfig");
-var import_getSplitStyles = require("./helpers/getSplitStyles");
-var import_mergeProps = require("./helpers/mergeProps");
-var import_proxyThemeVariables = require("./helpers/proxyThemeVariables");
-var import_useTheme = require("./hooks/useTheme");
-const import_meta = {};
-import_react.default["keep"];
-const isRSC = import_meta.env.SSR;
-const defaultComponentState = Object.freeze({
-  hover: false,
-  press: false,
-  pressIn: false,
-  focus: false,
-  mounted: false,
-  animation: null
-});
-const mouseUps = /* @__PURE__ */ new Set();
-if (typeof document !== "undefined") {
-  const cancelTouches = () => {
-    mouseUps.forEach((x) => x());
-    mouseUps.clear();
-  };
-  document.addEventListener("mouseup", cancelTouches);
-  document.addEventListener("touchend", cancelTouches);
-  document.addEventListener("touchcancel", cancelTouches);
-}
-function mergeShorthands({ defaultProps }, { shorthands }) {
-  for (const key in defaultProps) {
-    defaultProps[shorthands[key] || key] = defaultProps[key];
-  }
-}
-let initialTheme;
-let config;
-function createComponent(configIn, ParentComponent) {
-  const staticConfig = (() => {
-    const next = (0, import_extendStaticConfig.extendStaticConfig)(configIn, ParentComponent);
-    if ("parsed" in next) {
-      return next;
-    } else {
-      return (0, import_extendStaticConfig.parseStaticConfig)(next);
-    }
-  })();
-  const defaultComponentClassName = `is_${staticConfig.componentName}`;
-  let tamaguiConfig;
-  let AnimatedText;
-  let AnimatedView;
-  let avoidClasses = true;
-  let defaultNativeStyle;
-  let defaultNativeStyleSheet;
-  let tamaguiDefaultProps;
-  let initialSplitStyles;
-  const component = (0, import_react.forwardRef)((propsIn, forwardedRef) => {
-    let props;
-    if (tamaguiDefaultProps && !propsIn.asChild) {
-      props = (0, import_mergeProps.mergeProps)(tamaguiDefaultProps, propsIn)[0];
-    } else {
-      props = propsIn;
-    }
-    const { Component, isText, isZStack } = staticConfig;
-    const componentName = props.componentName || staticConfig.componentName;
-    const componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName;
-    if (process.env.NODE_ENV === "development") {
-      if (props["debug"]) {
-        const name = `${componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`;
-        const banner = `${name} ${propsIn["data-is"] || ""}`;
-        console.group(`%c \u{1F41B} ${banner}`, "background: yellow;");
-        console.log("props", propsIn);
-        if (props["debug"] === "break") {
-          debugger;
-        }
-      }
-    }
-    const forceUpdate = (0, import_use_force_update.useForceUpdate)();
-    config = config || (0, import_conf.getConfig)();
-    const theme = (0, import_useTheme.useTheme)(props.theme, componentName, props, forceUpdate);
-    const states = isRSC ? [defaultComponentState, null] : (0, import_react.useState)(defaultComponentState);
-    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0];
-    const shouldAvoidClasses = !!(props.animation && avoidClasses);
-    const shouldForcePseudo = !!propsIn.forceStyle;
-    const hasTextAncestor = !!(import_platform.isWeb && isText ? (0, import_react.useContext)(import_TextAncestorContext.TextAncestorContext) : false);
-    const splitStyleState = !shouldAvoidClasses && !shouldForcePseudo ? {
-      ...state,
-      hasTextAncestor,
-      dynamicStylesInline: true
-    } : {
-      ...state,
-      noClassNames: true,
-      dynamicStylesInline: true,
-      hasTextAncestor,
-      resolveVariablesAs: "value"
-    };
-    const languageContext = isRSC ? null : (0, import_react.useContext)(import_FontLanguageContext.FontLanguageContext);
-    const splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, splitStyleState, props.asChild ? null : initialSplitStyles == null ? void 0 : initialSplitStyles.classNames, languageContext || void 0, props["debug"]);
-    console.log("hi2");
-    return propsIn.children;
-  });
-  if (staticConfig.componentName) {
-    component.displayName = staticConfig.componentName;
-  }
-  (0, import_conf.onConfiguredOnce)((conf) => {
-    if (isRSC)
-      return;
-    if (process.env.IS_STATIC === "is_static")
-      return;
-    tamaguiConfig = conf;
-    mergeShorthands(staticConfig, tamaguiConfig);
-    if (tamaguiConfig.animations) {
-      avoidClasses = !!tamaguiConfig.animations.avoidClasses;
-      AnimatedText = tamaguiConfig.animations.Text;
-      AnimatedView = tamaguiConfig.animations.View;
-    }
-    initialTheme = initialTheme || (0, import_proxyThemeVariables.proxyThemeVariables)(conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]]);
-    config = (0, import_conf.getConfig)();
-    let defaultPropsIn = staticConfig.defaultProps || {};
-    const parentNames = [...staticConfig.parentNames || [], staticConfig.componentName];
-    if (config.defaultProps && parentNames && staticConfig.componentName) {
-      defaultPropsIn = mergeConfigDefaultProps(staticConfig.componentName, defaultPropsIn, config.defaultProps, parentNames, conf);
-    }
-    const debug = true ? defaultPropsIn["debug"] : false;
-    if (process.env.NODE_ENV === "development" && debug === "break") {
-      debugger;
-    }
-    const [parentProps, parentClassNames] = (0, import_mergeProps.mergeProps)(defaultPropsIn, {}, true);
-    initialSplitStyles = (0, import_getSplitStyles.insertSplitStyles)(parentProps, staticConfig, initialTheme, {
-      mounted: true,
-      hover: false,
-      press: false,
-      pressIn: false,
-      focus: false,
-      resolveVariablesAs: "both",
-      keepVariantsAsProps: true
-    }, void 0, void 0, debug);
-    const [defaults, defaultsClassnames] = (0, import_mergeProps.mergeProps)(component.defaultProps, initialSplitStyles.viewProps, true);
-    initialSplitStyles.classNames = {
-      ...parentClassNames,
-      ...defaultsClassnames,
-      ...initialSplitStyles.classNames
-    };
-    defaultNativeStyle = {};
-    const validStyles2 = staticConfig.validStyles || import_helpers.stylePropsView;
-    if (!import_platform.isWeb) {
-      for (const key in staticConfig.defaultProps) {
-        const val = staticConfig.defaultProps[key];
-        if (import_helpers.validPseudoKeys[key])
-          continue;
-        if (typeof val === "string" && val[0] === "$" || !validStyles2[key]) {
-          defaults[key] = val;
-        } else {
-          defaultNativeStyle[key] = val;
-        }
-      }
-    }
-    defaultNativeStyleSheet = import_react_native.StyleSheet.create({
-      base: defaultNativeStyle
-    });
-    if (Object.keys(defaults).length) {
-      tamaguiDefaultProps = defaults;
-    }
-    if (process.env.NODE_ENV === "development" && debug) {
-      if (process.env.IS_STATIC !== "is_static") {
-        console.log(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
-          staticConfig,
-          initialSplitStyles,
-          tamaguiDefaultProps,
-          defaultNativeStyle,
-          defaults,
-          defaultPropsIn
-        });
-      }
-    }
-  });
-  let res = component;
-  if (configIn.memo) {
-    res = (0, import_react.memo)(res);
-  }
-  res.staticConfig = {
-    validStyles: staticConfig.validStyles || import_helpers.stylePropsView,
-    ...staticConfig
-  };
-  res.extractable = (Component, conf) => {
-    Component.staticConfig = (0, import_extendStaticConfig.extendStaticConfig)({
-      Component,
-      ...conf,
-      neverFlatten: true,
-      isExtractable: true,
-      defaultProps: {
-        ...Component.defaultProps,
-        ...conf == null ? void 0 : conf.defaultProps
-      }
-    }, res);
-    return Component;
-  };
-  return res;
-}
-const Unspaced = (props) => {
-  return props.children;
-};
-Unspaced["isUnspaced"] = true;
-const Spacer = createComponent({
-  memo: true,
-  componentName: "Spacer",
-  validStyles: import_helpers.validStyles,
-  defaultProps: {
-    ...import_constants.stackDefaultStyles,
-    size: true
-  },
-  variants: {
-    size: {
-      "...size": (size, { tokens }) => {
-        size = size == true ? "$true" : size;
-        const sizePx = tokens.space[size] ?? size;
-        return {
-          width: sizePx,
-          height: sizePx,
-          minWidth: sizePx,
-          minHeight: sizePx
-        };
-      }
-    },
-    flex: {
-      true: {
-        flexGrow: 1
-      }
-    },
-    direction: {
-      horizontal: {
-        height: 0,
-        minHeight: 0
-      },
-      vertical: {
-        width: 0,
-        minWidth: 0
-      },
-      both: {}
-    }
-  },
-  defaultVariants: {
-    direction: "both"
-  }
-});
-function spacedChildren({
-  isZStack,
-  children,
-  space,
-  direction,
-  spaceFlex,
-  separator
-}) {
-  const hasSpace = !!(space || spaceFlex);
-  const hasSeparator = !(separator === void 0 || separator === null);
-  if (!hasSpace && !hasSeparator && !isZStack) {
-    return children;
-  }
-  const childrenList = import_react.Children.toArray(children);
-  if (childrenList.length <= 1 && !isZStack) {
-    return childrenList;
-  }
-  const final = [];
-  for (const [index, child] of childrenList.entries()) {
-    const isEmpty = child === null || child === void 0 || Array.isArray(child) && child.length === 0;
-    if (isEmpty || !child || child["key"] && !isZStack) {
-      final.push(child);
-    } else {
-      final.push(/* @__PURE__ */ import_react.default.createElement(import_react.Fragment, {
-        key: index
-      }, isZStack ? /* @__PURE__ */ import_react.default.createElement(AbsoluteFill, null, child) : child));
-    }
-    if (isUnspaced(child) && index === 0) {
-      continue;
-    }
-    if (isZStack) {
-      continue;
-    }
-    const next = childrenList[index + 1];
-    if (next && !isUnspaced(next)) {
-      if (separator) {
-        if (hasSpace) {
-          final.push(createSpacer({
-            key: `_${index}_before_sep_spacer`,
-            direction,
-            space,
-            spaceFlex
-          }));
-        }
-        final.push(import_react.default.isValidElement(separator) ? import_react.default.cloneElement(separator, { key: `sep_${index}` }) : separator);
-        if (hasSpace) {
-          final.push(createSpacer({
-            key: `_${index}_after_sep_spacer`,
-            direction,
-            space,
-            spaceFlex
-          }));
-        }
-      } else {
-        final.push(createSpacer({
-          key: `_${index}_spacer`,
-          direction,
-          space,
-          spaceFlex
-        }));
-      }
-    }
-  }
-  return final;
-}
-function createSpacer({ key, direction, space, spaceFlex }) {
-  return /* @__PURE__ */ import_react.default.createElement(Spacer, {
-    key,
-    size: space,
-    direction,
-    ...spaceFlex && {
-      flex: spaceFlex
-    }
-  });
-}
-function isUnspaced(child) {
-  var _a, _b;
-  return ((_a = child == null ? void 0 : child["type"]) == null ? void 0 : _a["isVisuallyHidden"]) || ((_b = child == null ? void 0 : child["type"]) == null ? void 0 : _b["isUnspaced"]);
-}
-function AbsoluteFill(props) {
-  return /* @__PURE__ */ import_react.default.createElement(import_react_native.View, {
-    pointerEvents: "box-none",
-    style: import_react_native.StyleSheet.absoluteFill
-  }, props.children);
-}
-function processIDRefList(idRefList) {
-  return Array.isArray(idRefList) ? idRefList.join(" ") : idRefList;
-}
-const accessibilityRoleToWebRole = {
-  adjustable: "slider",
-  button: "button",
-  header: "heading",
-  image: "img",
-  imagebutton: null,
-  keyboardkey: null,
-  label: null,
-  link: "link",
-  none: "presentation",
-  search: "search",
-  summary: "region",
-  text: null
-};
-function addPseudoToStyles(styles, initialPseudos, pseudos, name, force = false) {
-  const pseudoStyle = pseudos[name];
-  const shouldNestObject = import_platform.isWeb && name !== "enterStyle" && name !== "exitStyle";
-  const defaultPseudoStyle = initialPseudos[name];
-  const style = defaultPseudoStyle ? { ...defaultPseudoStyle, ...pseudoStyle } : pseudoStyle;
-  if (style) {
-    styles.push(shouldNestObject && !force ? { [name]: style } : style);
-  }
-}
-const DefaultProps = /* @__PURE__ */ new Map();
-function mergeConfigDefaultProps(name, props, configDefaults, parentNames, conf) {
-  const len = parentNames.length;
-  let prev;
-  for (let i = 0; i < len; i++) {
-    const n = parentNames[i];
-    if (!n)
-      continue;
-    if (DefaultProps.has(n)) {
-      prev = DefaultProps.get(n);
-      continue;
-    }
-    const props2 = configDefaults[n];
-    if (!props2) {
-      if (prev) {
-        DefaultProps.set(n, prev);
-      }
-      continue;
-    }
-    prev = (0, import_mergeProps.mergeProps)(prev || {}, props2, false, conf.inverseShorthands)[0];
-    DefaultProps.set(n, prev);
-  }
-  const ourDefaultsMerged = DefaultProps.get(name);
-  if (ourDefaultsMerged) {
-    return (0, import_mergeProps.mergeProps)(props, ourDefaultsMerged, false, conf.inverseShorthands)[0];
-  }
-  return props;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Spacer,
-  Unspaced,
-  accessibilityRoleToWebRole,
-  createComponent,
-  mouseUps,
-  processIDRefList,
-  spacedChildren
-});
-//# sourceMappingURL=createComponent.server.js.map

package/dist/cjs/createComponent.server.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createComponent.server.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/rules-of-hooks */\nimport {\n  composeEventHandlers,\n  stylePropsView,\n  validPseudoKeys,\n  validStyles,\n} from '@tamagui/helpers'\nimport {\n  useElementLayout,\n  useMergeRefs,\n  usePlatformMethods,\n  useResponderEvents,\n} from '@tamagui/rnw'\nimport { useForceUpdate } from '@tamagui/use-force-update'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from 'react'\nimport { StyleSheet, Text, View, ViewStyle } from 'react-native'\n\nimport { getConfig, onConfiguredOnce } from './conf'\nimport { stackDefaultStyles } from './constants/constants'\nimport { isClient, isWeb, useIsomorphicLayoutEffect } from './constants/platform'\nimport { FontLanguageContext } from './contexts/FontLanguageContext'\nimport { TextAncestorContext } from './contexts/TextAncestorContext'\nimport { assignNativePropsToWeb } from './helpers/assignNativePropsToWeb'\nimport { getReturnVariablesAs } from './helpers/createPropMapper'\nimport { createShallowUpdate } from './helpers/createShallowUpdate'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { SplitStyleResult, insertSplitStyles, useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { useFeatures } from './hooks/useFeatures'\nimport { mediaState } from './hooks/useMedia'\nimport { usePressable } from './hooks/usePressable'\nimport { getThemeManager, useTheme } from './hooks/useTheme'\nimport {\n  SpaceDirection,\n  SpaceTokens,\n  SpacerProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n} from './types'\nimport { usePressability } from './vendor/Pressability'\nimport { Slot, mergeEvent } from './views/Slot'\nimport { wrapThemeManagerContext } from './views/Theme'\n\nReact['keep']\n\n// @ts-ignore\nconst isRSC = import.meta.env.SSR\n\nconst defaultComponentState: TamaguiComponentState = Object.freeze({\n  hover: false,\n  press: false,\n  pressIn: false,\n  focus: false,\n  // only used by enterStyle\n  mounted: false,\n  animation: null,\n})\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  const cancelTouches = () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  }\n  document.addEventListener('mouseup', cancelTouches)\n  document.addEventListener('touchend', cancelTouches)\n  document.addEventListener('touchcancel', cancelTouches)\n}\n\n// mutates\nfunction mergeShorthands({ defaultProps }: StaticConfigParsed, { shorthands }: TamaguiConfig) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key in defaultProps) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\nlet initialTheme: any\nlet config: TamaguiInternalConfig\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = TamaguiElement,\n  BaseProps = never\n>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent) {\n  const staticConfig = (() => {\n    const next = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in next) {\n      return next\n    } else {\n      return parseStaticConfig(next)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let tamaguiConfig: TamaguiInternalConfig\n  let AnimatedText: any\n  let AnimatedView: any\n  let avoidClasses = true\n  let defaultNativeStyle: any\n  let defaultNativeStyleSheet: StyleSheet.NamedStyles<{ base: {} }>\n  let tamaguiDefaultProps: any\n  let initialSplitStyles: SplitStyleResult\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\n    // React inserts default props after your props for some reason...\n    // order important so we do loops, you can't just spread because JS does weird things\n    let props: any\n    if (tamaguiDefaultProps && !propsIn.asChild) {\n      props = mergeProps(tamaguiDefaultProps, propsIn)[0]\n    } else {\n      props = propsIn\n    }\n\n    const { Component, isText, isZStack } = staticConfig\n    const componentName = props.componentName || staticConfig.componentName\n    const componentClassName = props.asChild\n      ? ''\n      : props.componentName\n      ? `is_${props.componentName}`\n      : defaultComponentClassName\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        const name = `${\n          componentName || Component?.displayName || Component?.name || '[Unnamed Component]'\n        }`\n        const banner = `${name} ${propsIn['data-is'] || ''}`\n        // eslint-disable-next-line no-console\n        console.group(`%c \uD83D\uDC1B ${banner}`, 'background: yellow;')\n        // eslint-disable-next-line no-console\n        console.log('props', propsIn)\n        // eslint-disable-next-line no-console\n        // console.log('ref', hostRef, '(click to view)')\n        if (props['debug'] === 'break') {\n          // eslint-disable-next-line no-debugger\n          debugger\n        }\n      }\n    }\n\n    const forceUpdate = useForceUpdate()\n    config = config || getConfig()\n    const theme = useTheme(props.theme, componentName, props, forceUpdate)\n\n    const states = isRSC\n      ? ([defaultComponentState, null as any] as [\n          TamaguiComponentState,\n          React.Dispatch<React.SetStateAction<TamaguiComponentState>>\n        ])\n      : useState<TamaguiComponentState>(defaultComponentState)\n    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0]\n\n    const shouldAvoidClasses = !!(props.animation && avoidClasses)\n    const shouldForcePseudo = !!propsIn.forceStyle\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n    const splitStyleState =\n      !shouldAvoidClasses && !shouldForcePseudo\n        ? {\n            ...state,\n            hasTextAncestor,\n            dynamicStylesInline: true,\n          }\n        : ({\n            ...state,\n            noClassNames: true,\n            dynamicStylesInline: true,\n            hasTextAncestor,\n            resolveVariablesAs: 'value',\n          } as const)\n\n    const languageContext = isRSC ? null : useContext(FontLanguageContext)\n\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      splitStyleState,\n      props.asChild ? null : initialSplitStyles?.classNames,\n      languageContext || undefined,\n      props['debug']\n    )\n\n    console.log('hi2')\n\n    return propsIn.children\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  // Once configuration is run and all components are registered\n  // get default props + className and analyze styles\n  onConfiguredOnce((conf) => {\n    if (isRSC) return\n    // in static mode we just use these to lookup configuration\n    // ... we likely want this? need to test\n    if (process.env.IS_STATIC === 'is_static') return\n\n    tamaguiConfig = conf\n\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    if (tamaguiConfig.animations) {\n      avoidClasses = !!tamaguiConfig.animations.avoidClasses\n      AnimatedText = tamaguiConfig.animations.Text\n      AnimatedView = tamaguiConfig.animations.View\n    }\n\n    initialTheme =\n      initialTheme ||\n      proxyThemeVariables(conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]])\n\n    // adds in user defined default props\n    config = getConfig()\n\n    let defaultPropsIn = staticConfig.defaultProps || {}\n\n    // because we run createTamagui after styled() defs, have to do some work here\n    // gather defaults props one time and merge downwards\n    // find last unprocessed and process\n    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]\n\n    if (config.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        config.defaultProps,\n        parentNames,\n        conf\n      )\n    }\n\n    const debug = true ? defaultPropsIn['debug'] : false\n\n    if (process.env.NODE_ENV === 'development' && debug === 'break') {\n      // eslint-disable-next-line no-debugger\n      debugger\n    }\n\n    // remove all classNames\n    const [parentProps, parentClassNames] = mergeProps(defaultPropsIn, {}, true)\n\n    initialSplitStyles = insertSplitStyles(\n      parentProps,\n      staticConfig,\n      initialTheme,\n      {\n        mounted: true,\n        hover: false,\n        press: false,\n        pressIn: false,\n        focus: false,\n        resolveVariablesAs: 'both',\n        keepVariantsAsProps: true,\n      },\n      undefined,\n      undefined,\n      debug\n    )\n\n    // must preserve prop order\n    // leave out className because we handle that already with initialSplitStyles.classNames\n    // otherwise it confuses variant functions getting className props\n    const [defaults, defaultsClassnames] = mergeProps(\n      component.defaultProps as any,\n      initialSplitStyles.viewProps,\n      true\n      // conf.inverseShorthands\n    )\n\n    // avoid passing className props to variants\n    initialSplitStyles.classNames = {\n      ...parentClassNames,\n      ...defaultsClassnames,\n      ...initialSplitStyles.classNames,\n    }\n\n    defaultNativeStyle = {}\n\n    const validStyles = staticConfig.validStyles || stylePropsView\n\n    // split - keep variables on props to be processed using theme values at runtime (native)\n    if (!isWeb) {\n      for (const key in staticConfig.defaultProps) {\n        const val = staticConfig.defaultProps[key]\n        if (validPseudoKeys[key]) continue\n        if ((typeof val === 'string' && val[0] === '$') || !validStyles[key]) {\n          defaults[key] = val\n        } else {\n          defaultNativeStyle[key] = val\n        }\n      }\n    }\n\n    defaultNativeStyleSheet = StyleSheet.create({\n      base: defaultNativeStyle,\n    })\n\n    if (Object.keys(defaults).length) {\n      tamaguiDefaultProps = defaults\n    }\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        // eslint-disable-next-line no-console\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, {\n          staticConfig,\n          initialSplitStyles,\n          tamaguiDefaultProps,\n          defaultNativeStyle,\n          defaults,\n          defaultPropsIn,\n        })\n      }\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res.staticConfig = {\n    validStyles: staticConfig.validStyles || stylePropsView,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res.extractable = (Component: any, conf?: Partial<StaticConfig>) => {\n    Component.staticConfig = extendStaticConfig(\n      {\n        Component,\n        ...conf,\n        neverFlatten: true,\n        isExtractable: true,\n        defaultProps: {\n          ...Component.defaultProps,\n          ...conf?.defaultProps,\n        },\n      },\n      res\n    )\n    return Component\n  }\n\n  return res\n}\n\n// for elements to avoid spacing\nexport const Unspaced = (props: { children?: any }) => {\n  return props.children\n}\nUnspaced['isUnspaced'] = true\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<SpacerProps>({\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n  defaultProps: {\n    ...stackDefaultStyles,\n    size: true,\n  },\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        const sizePx = tokens.space[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flexGrow: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n      both: {},\n    },\n  },\n\n  defaultVariants: {\n    direction: 'both',\n  },\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: React.ReactNode\n  space?: SpaceTokens | number | null\n  spaceFlex?: boolean | number\n  direction?: SpaceDirection\n  separator?: React.ReactNode\n}\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  direction,\n  spaceFlex,\n  separator,\n}: SpacedChildrenProps) {\n  const hasSpace = !!(space || spaceFlex)\n  const hasSeparator = !(separator === undefined || separator === null)\n  if (!hasSpace && !hasSeparator && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  if (childrenList.length <= 1 && !isZStack) {\n    return childrenList\n  }\n  const final: React.ReactNode[] = []\n  for (const [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null || child === undefined || (Array.isArray(child) && child.length === 0)\n\n    // push them all, but wrap some in Fragment\n    if (isEmpty || !child || (child['key'] && !isZStack)) {\n      final.push(child)\n    } else {\n      final.push(\n        <Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n      )\n    }\n\n    // first child unspaced avoid insert space\n    if (isUnspaced(child) && index === 0) {\n      continue\n    }\n\n    // no spacing on ZStack\n    if (isZStack) {\n      continue\n    }\n\n    const next = childrenList[index + 1]\n\n    if (next && !isUnspaced(next)) {\n      if (separator) {\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_before_sep_spacer`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n        final.push(\n          React.isValidElement(separator)\n            ? React.cloneElement(separator, { key: `sep_${index}` })\n            : separator\n        )\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_after_sep_spacer`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}_spacer`,\n            direction,\n            space,\n            spaceFlex,\n          })\n        )\n      }\n    }\n  }\n\n  return final\n}\n\ntype CreateSpacerProps = SpacedChildrenProps & { key: string }\n\nfunction createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {\n  return (\n    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(spaceFlex && {\n        flex: spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: React.ReactNode) {\n  // console.log('unspaced?', child, getMedia())\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nfunction AbsoluteFill(props: { children?: any }) {\n  return (\n    <View pointerEvents=\"box-none\" style={StyleSheet.absoluteFill}>\n      {props.children}\n    </View>\n  )\n}\n\n// this can be done with CSS entirely right?\n// const shouldWrapTextAncestor = isWeb && isText && !hasTextAncestor\n// if (shouldWrapTextAncestor) {\n//   // from react-native-web\n//   content = createElement(TextAncestorContext.Provider, { value: true }, content)\n// }\n\nexport function processIDRefList(idRefList: string | Array<string>): string {\n  return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList\n}\n\nexport const accessibilityRoleToWebRole = {\n  adjustable: 'slider',\n  button: 'button',\n  header: 'heading',\n  image: 'img',\n  imagebutton: null,\n  keyboardkey: null,\n  label: null,\n  link: 'link',\n  none: 'presentation',\n  search: 'search',\n  summary: 'region',\n  text: null,\n}\n\nfunction addPseudoToStyles(\n  styles: any[],\n  initialPseudos: SplitStyleResult['pseudos'],\n  pseudos: any,\n  name: string,\n  force = false\n) {\n  // on web use pseudo object { hoverStyle } to keep specificity with concatClassName\n  const pseudoStyle = pseudos[name]\n  const shouldNestObject = isWeb && name !== 'enterStyle' && name !== 'exitStyle'\n  const defaultPseudoStyle = initialPseudos[name]\n  const style = defaultPseudoStyle ? { ...defaultPseudoStyle, ...pseudoStyle } : pseudoStyle\n  if (style) {\n    styles.push(shouldNestObject && !force ? { [name]: style } : style)\n  }\n}\n\nconst DefaultProps = new Map()\n\nfunction mergeConfigDefaultProps(\n  name: string,\n  props: Record<string, any>,\n  configDefaults: Record<string, Object>,\n  parentNames: (string | undefined)[],\n  conf: TamaguiInternalConfig\n) {\n  const len = parentNames.length\n  let prev\n\n  for (let i = 0; i < len; i++) {\n    const n = parentNames[i]\n    if (!n) continue\n    if (DefaultProps.has(n)) {\n      prev = DefaultProps.get(n)\n      continue\n    }\n    const props = configDefaults[n]\n    if (!props) {\n      if (prev) {\n        DefaultProps.set(n, prev)\n      }\n      continue\n    }\n    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]\n    DefaultProps.set(n, prev)\n  }\n\n  // overwrite the user defined defaults on top of internal defined defaults\n  const ourDefaultsMerged = DefaultProps.get(name)\n  if (ourDefaultsMerged) {\n    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]\n  }\n  return props\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/helpers/cssHash.js

@@ -1,51 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var cssHash_exports = {};
-__export(cssHash_exports, {
-  cssHash: () => cssHash
-});
-module.exports = __toCommonJS(cssHash_exports);
-var import_helpers = require("@tamagui/helpers");
-function cssHash(val, maxLen = 10) {
-  if (val.length < maxLen) {
-    let res = "";
-    for (let i = 0; i < val.length; i++) {
-      const char = val[i];
-      if (specials[char]) {
-        res += specials[char];
-      } else {
-        res += validCSS.test(char) ? char : "_" + char.charCodeAt(0).toString();
-      }
-    }
-    return res;
-  }
-  return (0, import_helpers.simpleHash)(val);
-}
-const validCSS = /[a-z0-9]/i;
-const specials = {
-  ".": "dot",
-  ",": "_",
-  "%": "pct",
-  "-": "neg"
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  cssHash
-});
-//# sourceMappingURL=cssHash.js.map

package/dist/cjs/helpers/cssHash.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/cssHash.ts"],
-  "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\n// not sure it's worth the extra weight, could be dev time though\n// affordances for simple values\nexport function cssHash(val: string, maxLen = 10) {\n  if (val.length < maxLen) {\n    let res = ''\n    for (let i = 0; i < val.length; i++) {\n      const char = val[i]\n      if (specials[char]) {\n        res += specials[char]\n      } else {\n        res += validCSS.test(char) ? char : '_' + char.charCodeAt(0).toString()\n      }\n    }\n    return res\n  }\n  return simpleHash(val)\n}\n\nconst validCSS = /[a-z0-9]/i\n\nconst specials = {\n  '.': 'dot',\n  ',': '_',\n  '%': 'pct',\n  '-': 'neg',\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA2B;AAIpB,SAAS,QAAQ,KAAa,SAAS,IAAI;AAChD,MAAI,IAAI,SAAS,QAAQ;AACvB,QAAI,MAAM;AACV,aAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;AACnC,YAAM,OAAO,IAAI;AACjB,UAAI,SAAS,OAAO;AAClB,eAAO,SAAS;AAAA,MAClB,OAAO;AACL,eAAO,SAAS,KAAK,IAAI,IAAI,OAAO,MAAM,KAAK,WAAW,CAAC,EAAE,SAAS;AAAA,MACxE;AAAA,IACF;AACA,WAAO;AAAA,EACT;AACA,aAAO,2BAAW,GAAG;AACvB;AAEA,MAAM,WAAW;AAEjB,MAAM,WAAW;AAAA,EACf,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;",
-  "names": []
-}

package/dist/cjs/helpers/useAnimationDriver.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=useAnimationDriver.js.map

package/dist/cjs/helpers/useAnimationDriver.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/cjs/hooks/useAnimationDriver.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=useAnimationDriver.js.map

package/dist/cjs/hooks/useAnimationDriver.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/cjs/hooks/useFeatures.js

@@ -1,89 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useFeatures_exports = {};
-__export(useFeatures_exports, {
-  useFeatures: () => useFeatures
-});
-module.exports = __toCommonJS(useFeatures_exports);
-var import_react = __toESM(require("react"));
-var import_platform = require("../constants/platform");
-var import_useMedia = require("./useMedia");
-const createDefinition = ({
-  Component,
-  propNames
-}) => ({
-  isEnabled: (props) => propNames.some((name) => !!props[name]),
-  Component
-});
-let featureDefinitions = null;
-const useFeatures = (props, utils) => {
-  if (!featureDefinitions) {
-    featureDefinitions = loadFeatures();
-  }
-  const elements = [];
-  const enabled = {};
-  for (const name in featureDefinitions) {
-    const { isEnabled, Component } = featureDefinitions[name];
-    if (isEnabled(props) && Component) {
-      enabled[name] = true;
-      elements.push(/* @__PURE__ */ import_react.default.createElement(Component, {
-        key: name,
-        ...props,
-        _utils: utils
-      }));
-    }
-  }
-  return {
-    elements,
-    enabled
-  };
-};
-function loadFeatures() {
-  return {
-    mediaQuery: loadMediaQueryFeature()
-  };
-}
-function loadMediaQueryFeature() {
-  const mediaPropNames = Object.keys(import_useMedia.mediaState);
-  return createDefinition({
-    Component: (props) => {
-      const mediaKeys = mediaPropNames.filter((x) => x in props);
-      (0, import_platform.useIsomorphicLayoutEffect)(() => {
-        for (const key of mediaKeys) {
-          (0, import_useMedia.addMediaQueryListener)(key, props._utils.forceUpdate);
-        }
-        return () => {
-          for (const key of mediaKeys) {
-            (0, import_useMedia.removeMediaQueryListener)(key, props._utils.forceUpdate);
-          }
-        };
-      }, [mediaKeys.join(",")]);
-      return null;
-    },
-    propNames: mediaPropNames
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useFeatures
-});
-//# sourceMappingURL=useFeatures.js.map