@tamagui/core 1.0.1-beta.76 → 1.0.1-beta.77

package/dist/jsx/helpers/nativeGestureHandler.native.js

@@ -1 +0,0 @@
-export * from "react-native-gesture-handler";

package/dist/jsx/helpers/proxyThemeVariables.js

@@ -1,14 +0,0 @@
-function proxyThemeVariables(obj) {
-  return new Proxy(obj, {
-    has(target, key) {
-      return Reflect.has(target, removeStarting$(key));
-    },
-    get(target, key) {
-      return Reflect.get(target, removeStarting$(key));
-    }
-  });
-}
-const removeStarting$ = (str) => typeof str === "string" && str[0] === "$" ? str.slice(1) : str;
-export {
-  proxyThemeVariables
-};

package/dist/jsx/helpers/pseudos.js

@@ -1,17 +0,0 @@
-const pseudos = {
-  hoverStyle: {
-    name: "hover",
-    priority: 1
-  },
-  pressStyle: {
-    name: "active",
-    priority: 2
-  },
-  focusStyle: {
-    name: "focus",
-    priority: 3
-  }
-};
-export {
-  pseudos
-};

package/dist/jsx/helpers/registerCSSVariable.js

@@ -1,14 +0,0 @@
-import { createCSSVariable } from "../createVariable";
-const registerCSSVariable = (v) => {
-  tokensValueToVariable.set(v.val, v);
-  const val = `--${createCSSVariable(v.name, false)}:${typeof v.val === "number" ? `${v.val}px` : v.val}`;
-  tokenRules.add(val);
-  return val;
-};
-const tokensValueToVariable = /* @__PURE__ */ new Map();
-const tokenRules = /* @__PURE__ */ new Set();
-export {
-  registerCSSVariable,
-  tokenRules,
-  tokensValueToVariable
-};

package/dist/jsx/helpers/themeable.js

@@ -1,22 +0,0 @@
-import React, { forwardRef } from "react";
-import { Theme } from "../views/Theme";
-import { ThemeInverse } from "../views/ThemeInverse";
-function themeable(component, opts) {
-  const withThemeComponent = forwardRef(function WithTheme(props, ref) {
-    const { themeInverse, theme, ...rest } = props;
-    const element = React.createElement(component, { ...rest, ref });
-    if (themeInverse) {
-      return <ThemeInverse>{element}</ThemeInverse>;
-    }
-    if (theme || opts) {
-      return <Theme componentName={opts == null ? void 0 : opts.componentName} name={theme || null}>{element}</Theme>;
-    }
-    return element;
-  });
-  const withTheme = withThemeComponent;
-  withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`;
-  return withTheme;
-}
-export {
-  themeable
-};

package/dist/jsx/helpers/validate.js

@@ -1,73 +0,0 @@
-const { default: ow } = require("@tamagui/ow/dev-only");
-let Config;
-let Tokens;
-let FontRequired;
-let FontOptional;
-const validateConfig = (conf) => {
-  if (!conf) {
-    console.warn("no conf?");
-    return;
-  }
-  try {
-    ow(conf, Config);
-  } catch (err) {
-    console.warn("Given config:\n", JSON.stringify(conf, null, 2), err);
-  }
-};
-const validateTokens = (tokens) => {
-  try {
-    ow(tokens, Tokens);
-  } catch (err) {
-    console.warn("Given tokens:\n", JSON.stringify(tokens, null, 2), err);
-  }
-};
-const validateFont = (font) => {
-  try {
-    const { style, transform, color, ...required } = font;
-    ow(required, FontRequired);
-    ow({ style, transform, color }, FontOptional);
-  } catch (err) {
-    console.warn("Given font:\n", JSON.stringify(font, null, 2), err);
-  }
-};
-if (process.env.NODE_ENV === "development") {
-  const fontReq = {
-    family: ow.string,
-    size: ow.object.nonEmpty.valuesOfType(ow.number),
-    lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),
-    weight: ow.object.nonEmpty.valuesOfType(ow.string),
-    letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number)
-  };
-  const fontOpt = {
-    style: ow.optional.object.valuesOfType(ow.string),
-    transform: ow.optional.object.valuesOfType(ow.string),
-    color: ow.optional.object.valuesOfType(ow.any(ow.string, ow.object))
-  };
-  Config = ow.object.exactShape({
-    defaultTheme: ow.optional.string,
-    disableRootThemeClass: ow.optional.boolean,
-    shorthands: ow.optional.object.valuesOfType(ow.string),
-    themes: ow.object.valuesOfType(ow.object),
-    tokens: ow.object.valuesOfType(ow.object),
-    media: ow.object.valuesOfType(ow.object),
-    animations: ow.object.valuesOfType(ow.object),
-    fonts: ow.object.valuesOfType(ow.object.partialShape({
-      ...fontReq,
-      ...fontOpt
-    }))
-  });
-  FontRequired = ow.object.exactShape(fontReq);
-  FontOptional = ow.object.partialShape(fontOpt);
-  Tokens = ow.object.exactShape({
-    size: ow.object.nonEmpty.valuesOfType(ow.any(ow.number, ow.object)),
-    space: ow.object.nonEmpty.valuesOfType(ow.any(ow.number, ow.object)),
-    zIndex: ow.object.nonEmpty.valuesOfType(ow.any(ow.number, ow.object)),
-    radius: ow.object.nonEmpty.valuesOfType(ow.any(ow.number, ow.object)),
-    color: ow.object.nonEmpty.valuesOfType(ow.any(ow.string, ow.object))
-  });
-}
-export {
-  validateConfig,
-  validateFont,
-  validateTokens
-};

package/dist/jsx/helpers/withStaticProperties.js

@@ -1,7 +0,0 @@
-const withStaticProperties = function(component, staticProps) {
-  Object.assign(component, staticProps);
-  return component;
-};
-export {
-  withStaticProperties
-};

package/dist/jsx/helpers/wrapThemeManagerContext.js

@@ -1,7 +0,0 @@
-import { ThemeManagerContext } from "../ThemeManager";
-function wrapThemeManagerContext(children, themeManager) {
-  return themeManager ? <ThemeManagerContext.Provider value={themeManager}>{children}</ThemeManagerContext.Provider> : children;
-}
-export {
-  wrapThemeManagerContext
-};

package/dist/jsx/hooks/useConstant.js

@@ -1,11 +0,0 @@
-import { useRef } from "react";
-function useConstant(fn) {
-  const ref = useRef();
-  if (!ref.current) {
-    ref.current = { v: fn() };
-  }
-  return ref.current.v;
-}
-export {
-  useConstant
-};

package/dist/jsx/hooks/useFeatures.js

@@ -1,165 +0,0 @@
-import { useIsomorphicLayoutEffect } from "../constants/platform";
-import { getSubStyle } from "../helpers/getSplitStyles";
-import { addMediaQueryListener, mediaState, removeMediaQueryListener } from "./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(<Component key={name} {...props} _utils={utils} />);
-    }
-  }
-  return {
-    elements,
-    enabled
-  };
-};
-function loadFeatures() {
-  return {
-    animation: loadAnimationFeature(),
-    mediaQuery: loadMediaQueryFeature()
-  };
-}
-function loadAnimationFeature() {
-  return createDefinition({
-    Component: ({ _utils, ...props }) => {
-      const {
-        state,
-        useAnimations,
-        pseudos,
-        style: inStyle,
-        setStateShallow,
-        staticConfig,
-        theme,
-        onDidAnimate
-      } = _utils;
-      if (!useAnimations) {
-        console.error("no useAnimations hook provided");
-        return null;
-      }
-      const propsWithAnimation = props;
-      const res = useAnimations(propsWithAnimation, {
-        state,
-        pseudos,
-        onDidAnimate,
-        staticConfig,
-        getStyle({ isExiting, isEntering, exitVariant, enterVariant } = {}) {
-          var _a, _b, _c, _d;
-          const style = inStyle || {};
-          const enterStyle = isEntering ? enterVariant && ((_a = staticConfig.variants) == null ? void 0 : _a[enterVariant]["true"]) ? getSubStyle((_b = staticConfig.variants) == null ? void 0 : _b[enterVariant]["true"], staticConfig, theme, props, state) || pseudos.enterStyle : pseudos.enterStyle : null;
-          const exitStyle = isExiting ? exitVariant && ((_c = staticConfig.variants) == null ? void 0 : _c[exitVariant]["true"]) ? getSubStyle((_d = staticConfig.variants) == null ? void 0 : _d[exitVariant]["true"], staticConfig, theme, props, state) || pseudos.exitStyle : pseudos.exitStyle : null;
-          ensureBaseHasDefaults(style, enterStyle, pseudos.hoverStyle, pseudos.focusStyle, pseudos.pressStyle, pseudos.pressStyle);
-          enterStyle && merge(style, enterStyle);
-          state.hover && pseudos.hoverStyle && merge(style, pseudos.hoverStyle);
-          state.focus && pseudos.focusStyle && merge(style, pseudos.focusStyle);
-          state.press && pseudos.pressStyle && merge(style, pseudos.pressStyle);
-          exitStyle && merge(style, exitStyle);
-          return style;
-        }
-      });
-      useIsomorphicLayoutEffect(() => {
-        setStateShallow({
-          animation: res
-        });
-      }, [res]);
-      return null;
-    },
-    propNames: ["animation"]
-  });
-}
-const defaults = {
-  left: 0,
-  right: 0,
-  top: 0,
-  bottom: 0,
-  opacity: 1,
-  translateX: 0,
-  translateY: 0,
-  skew: 0,
-  skewX: 0,
-  skewY: 0,
-  scale: 1,
-  rotate: "0deg",
-  rotateY: "0deg",
-  rotateX: "0deg"
-};
-function ensureBaseHasDefaults(base, ...pseudos) {
-  for (const pseudo of pseudos) {
-    if (!pseudo)
-      continue;
-    for (const key in pseudo) {
-      const val = pseudo[key];
-      if (key === "transform") {
-        for (const t of val) {
-          const tkey = Object.keys(t)[0];
-          const defaultVal = defaults[tkey];
-          const tDefaultVal = { [tkey]: defaultVal };
-          if (!base.transform) {
-            base.transform = [tDefaultVal];
-          } else {
-            if (!base.transform.find((x) => x[tkey])) {
-              base.transform.push(tDefaultVal);
-            }
-          }
-        }
-      } else {
-        if (!(key in base)) {
-          base[key] = defaults[key];
-        }
-      }
-    }
-  }
-}
-function merge(base, next) {
-  if (!next.transform || !base.transform) {
-    Object.assign(base, next);
-    return;
-  }
-  const { transform, ...rest } = next;
-  Object.assign(base, rest);
-  for (const t of transform) {
-    const key = Object.keys(t)[0];
-    const existing = base.transform.find((x) => key in x);
-    if (existing) {
-      existing[key] = t[key];
-    } else {
-      base.transform.push(t);
-    }
-  }
-}
-function loadMediaQueryFeature() {
-  const mediaPropNames = Object.keys(mediaState);
-  return createDefinition({
-    Component: (props) => {
-      const mediaKeys = mediaPropNames.filter((x) => x in props);
-      useIsomorphicLayoutEffect(() => {
-        for (const key of mediaKeys) {
-          addMediaQueryListener(key, props._utils.forceUpdate);
-        }
-        return () => {
-          for (const key of mediaKeys) {
-            removeMediaQueryListener(key, props._utils.forceUpdate);
-          }
-        };
-      }, [mediaKeys.join(",")]);
-      return null;
-    },
-    propNames: mediaPropNames
-  });
-}
-export {
-  useFeatures
-};

package/dist/jsx/hooks/useId.js

@@ -1,32 +0,0 @@
-import * as React from "react";
-import { isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
-let serverHandoffComplete = false;
-let id = 0;
-function genId() {
-  return ++id;
-}
-function useId(providedId) {
-  var _a;
-  if (isWeb) {
-    if (typeof React.useId === "function") {
-      let id3 = React.useId(providedId);
-      return providedId != null ? providedId : id3;
-    }
-  }
-  let initialId = providedId != null ? providedId : serverHandoffComplete ? genId() : null;
-  let [id2, setId] = React.useState(initialId);
-  useIsomorphicLayoutEffect(() => {
-    if (id2 === null) {
-      setId(genId());
-    }
-  }, []);
-  React.useEffect(() => {
-    if (serverHandoffComplete === false) {
-      serverHandoffComplete = true;
-    }
-  }, []);
-  return (_a = providedId != null ? providedId : id2) != null ? _a : void 0;
-}
-export {
-  useId
-};

package/dist/jsx/hooks/useIsMounted.js

@@ -1,15 +0,0 @@
-import { useRef } from "react";
-import { useIsomorphicLayoutEffect } from "../constants/platform";
-function useIsMounted() {
-  const isMounted = useRef(false);
-  useIsomorphicLayoutEffect(() => {
-    isMounted.current = true;
-    return () => {
-      isMounted.current = false;
-    };
-  }, []);
-  return isMounted;
-}
-export {
-  useIsMounted
-};

package/dist/jsx/hooks/useIsTouchDevice.js

@@ -1,14 +0,0 @@
-import { useState } from "react";
-import { isTouchable, useIsomorphicLayoutEffect } from "../constants/platform";
-const useIsTouchDevice = () => {
-  const [touchOnly, setTouchOnly] = useState(false);
-  useIsomorphicLayoutEffect(() => {
-    if (isTouchable) {
-      setTouchOnly(true);
-    }
-  }, []);
-  return touchOnly;
-};
-export {
-  useIsTouchDevice
-};

package/dist/jsx/hooks/useMedia.js

@@ -1,153 +0,0 @@
-import { useForceUpdate } from "@tamagui/use-force-update";
-import { useRef } from "react";
-import { useIsomorphicLayoutEffect } from "../constants/platform";
-import { matchMedia } from "../helpers/matchMedia";
-import { useConstant } from "./useConstant";
-const mediaState = {};
-const mediaQueryListeners = {};
-const addMediaQueryListener = (key, cb) => {
-  mediaQueryListeners[key] = mediaQueryListeners[key] || /* @__PURE__ */ new Set();
-  mediaQueryListeners[key].add(cb);
-};
-const removeMediaQueryListener = (key, cb) => {
-  var _a;
-  (_a = mediaQueryListeners[key]) == null ? void 0 : _a.delete(cb);
-};
-let hasConfigured = false;
-const mediaQueryConfig = {};
-const getMedia = () => {
-  return mediaState;
-};
-const configureMedia = ({
-  queries,
-  defaultActive = ["sm", "xs"]
-} = {}) => {
-  var _a;
-  if (hasConfigured) {
-    console.warn(`Already configured mediaQueries once (you may have called getMedia() before configureMedia())`);
-  }
-  if (queries) {
-    Object.assign(mediaQueryConfig, queries);
-    hasConfigured = true;
-  }
-  for (const key in queries) {
-    const str = mediaObjectToString(queries[key]);
-    const propKey = `$${key}`;
-    try {
-      let update = function() {
-        const next = !!getMatch().matches;
-        if (next === mediaState[propKey])
-          return;
-        mediaState[propKey] = next;
-        const listeners = mediaQueryListeners[propKey];
-        if (listeners == null ? void 0 : listeners.size) {
-          for (const cb of [...listeners]) {
-            cb();
-          }
-        }
-      };
-      const getMatch = () => matchMedia(str);
-      const match = getMatch();
-      if (!match || typeof match.addListener !== "function") {
-        throw new Error("\u26A0\uFE0F No match (seeing this in RN sometimes)");
-      }
-      mediaState[propKey] = !!match.matches;
-      match.addListener(update);
-      update();
-    } catch (err) {
-      console.error("Error running media query", str, err.message, err.stack);
-      const isDefaultActive = (_a = defaultActive == null ? void 0 : defaultActive.includes(key)) != null ? _a : true;
-      mediaState[propKey] = isDefaultActive;
-    }
-  }
-};
-const useMedia = () => {
-  const forceUpdate = useForceUpdate();
-  const state = useRef();
-  if (!state.current) {
-    state.current = {
-      selections: {},
-      nextSelections: {},
-      isUnmounted: false,
-      isRendering: true
-    };
-  }
-  state.current.isRendering = true;
-  useIsomorphicLayoutEffect(() => {
-    const st = state.current;
-    st.isRendering = false;
-    for (const key in st.selections) {
-      if (!(key in st.nextSelections)) {
-        removeMediaQueryListener(key, forceUpdate);
-      }
-    }
-    for (const key in st.nextSelections) {
-      if (!(key in st.selections)) {
-        addMediaQueryListener(key, forceUpdate);
-      }
-    }
-  });
-  useIsomorphicLayoutEffect(() => {
-    return () => {
-      const st = state.current;
-      st.isUnmounted = true;
-      const allKeys = {
-        ...st.selections,
-        ...st.nextSelections
-      };
-      for (const key in allKeys) {
-        removeMediaQueryListener(key, forceUpdate);
-      }
-    };
-  }, []);
-  return useConstant(() => {
-    const st = state.current;
-    return new Proxy(mediaState, {
-      get(target, key) {
-        if (key[0] !== "$") {
-          key = `$${key}`;
-        }
-        if (!(key in mediaState)) {
-          return Reflect.get(target, key);
-        }
-        if (!st.isUnmounted) {
-          if (st.isRendering) {
-            st.nextSelections[key] = true;
-          }
-        }
-        if (key in mediaState) {
-          return mediaState[key];
-        }
-        return Reflect.get(mediaState, key);
-      }
-    });
-  });
-};
-function camelToHyphen(str) {
-  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase();
-}
-function mediaObjectToString(query) {
-  if (typeof query === "string") {
-    return query;
-  }
-  return Object.entries(query).map(([feature, value]) => {
-    feature = camelToHyphen(feature);
-    if (typeof value === "string") {
-      return `(${feature}: ${value})`;
-    }
-    if (typeof value === "number" && /[height|width]$/.test(feature)) {
-      value = `${value}px`;
-    }
-    return `(${feature}: ${value})`;
-  }).join(" and ");
-}
-export {
-  addMediaQueryListener,
-  configureMedia,
-  getMedia,
-  mediaObjectToString,
-  mediaQueryConfig,
-  mediaState,
-  removeMediaQueryListener,
-  useMedia
-};

package/dist/jsx/hooks/usePressable.js

@@ -1,11 +0,0 @@
-var _a, _b;
-import { Pressable } from "react-native";
-const getPressable = (_b = (_a = Pressable) == null ? void 0 : _a["type"]) == null ? void 0 : _b["render"];
-const usePressable = (props) => {
-  const out = getPressable(props);
-  const { children, style, ...pressableProps } = out.props;
-  return [pressableProps, style];
-};
-export {
-  usePressable
-};