@tamagui/core 1.0.1-beta.19 → 1.0.1-beta.190

package/dist/jsx/helpers/insertStyleRule.js

@@ -1,94 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const allSelectors = {};
-const insertedSelectors = {};
-const insertedTransforms = {};
-const getAllSelectors = /* @__PURE__ */ __name(() => allSelectors, "getAllSelectors");
-const getInsertedRules = /* @__PURE__ */ __name(() => Object.values(insertedSelectors), "getInsertedRules");
-const getAllTransforms = /* @__PURE__ */ __name(() => insertedTransforms, "getAllTransforms");
-function addTransform(identifier, css, rule) {
-  const s = css.indexOf("transform:");
-  if (s === -1) {
-    if (process.env.NODE_ENV === "development") {
-      console.groupCollapsed(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`);
-      console.log("rule:", rule);
-      console.trace();
-      console.groupEnd();
-    } else {
-      console.error(`Missing transform`, identifier, css, rule);
-    }
-    return;
-  }
-  const startI = s + "transform:".length;
-  const endI = css.indexOf(";");
-  const value = css.slice(startI, endI);
-  insertedTransforms[identifier] = value;
-}
-__name(addTransform, "addTransform");
-const isClient = typeof document !== "undefined";
-let hasInsertedSinceUpdate = true;
-function updateInserted() {
-  if (!isClient)
-    return;
-  if (!hasInsertedSinceUpdate) {
-    console.warn("hasnt inserted since");
-    return;
-  }
-  const sheets = document.styleSheets;
-  if (!sheets)
-    return;
-  for (let i = 0; i < sheets.length; i++) {
-    const rules = sheets[i].cssRules;
-    const firstRule = rules[0];
-    if (!(firstRule instanceof CSSStyleRule))
-      continue;
-    const firstSelector = firstRule.selectorText;
-    if (!firstSelector)
-      continue;
-    if (firstSelector === ":root" || firstSelector.startsWith("._")) {
-      for (let i2 = 0; i2 < rules.length; i2++) {
-        const rule = rules.item(i2);
-        if (!(rule instanceof CSSStyleRule))
-          continue;
-        const identifier = rule.selectorText.slice(1);
-        if (!allSelectors[identifier]) {
-          allSelectors[identifier] = process.env.NODE_ENV === "development" ? rule.cssText : true;
-          if (identifier.startsWith("_transform")) {
-            addTransform(identifier, rule.cssText, rule);
-          }
-        }
-      }
-    }
-  }
-  hasInsertedSinceUpdate = false;
-}
-__name(updateInserted, "updateInserted");
-updateInserted();
-const sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
-function updateInsertedCache(identifier, rule) {
-  if (insertedSelectors[identifier])
-    return;
-  insertedSelectors[identifier] = rule;
-  if (identifier.startsWith("_transform")) {
-    addTransform(identifier, rule);
-  }
-}
-__name(updateInsertedCache, "updateInsertedCache");
-function insertStyleRule(identifier, rule) {
-  if (allSelectors[identifier])
-    return;
-  hasInsertedSinceUpdate = true;
-  updateInsertedCache(identifier, rule);
-  allSelectors[identifier] = process.env.NODE_ENV === "development" ? rule : true;
-  sheet == null ? void 0 : sheet.insertRule(rule, sheet.cssRules.length);
-}
-__name(insertStyleRule, "insertStyleRule");
-export {
-  getAllSelectors,
-  getAllTransforms,
-  getInsertedRules,
-  insertStyleRule,
-  insertedTransforms,
-  updateInserted,
-  updateInsertedCache
-};

package/dist/jsx/helpers/isObj.js

@@ -1,6 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const isObj = /* @__PURE__ */ __name((x) => x && !Array.isArray(x) && typeof x === "object", "isObj");
-export {
-  isObj
-};

package/dist/jsx/helpers/isTamaguiElement.js

@@ -1,10 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { isValidElement } from "react";
-const isTamaguiElement = /* @__PURE__ */ __name((child) => {
-  var _a;
-  return isValidElement(child) && !!((_a = child.type["staticConfig"]) == null ? void 0 : _a.parsed);
-}, "isTamaguiElement");
-export {
-  isTamaguiElement
-};

package/dist/jsx/helpers/matchMedia.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const matchMedia = typeof window !== "undefined" && window.matchMedia || /* @__PURE__ */ __name(function matchMediaFallback(query) {
-  return {
-    addListener() {
-      if (process.env.NODE_ENV === "development" && !process.env.IS_STATIC && process.env.TAMAGUI_TARGET !== "web") {
-        console.log("warning: matchMedia not loading! Is native picking up .native.js files?");
-      }
-    },
-    removeListener() {
-    },
-    matches: false
-  };
-}, "matchMediaFallback");
-export {
-  matchMedia
-};

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

@@ -1,8 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import MediaQueryList from "@expo/match-media/build/MediaQueryList.js";
-const matchMedia = /* @__PURE__ */ __name((media) => new MediaQueryList(media), "matchMedia");
-globalThis["matchMedia"] = matchMedia;
-export {
-  matchMedia
-};

package/dist/jsx/helpers/nativeGestureHandler.js

@@ -1,6 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const BaseButton = /* @__PURE__ */ __name((props) => props.children, "BaseButton");
-export {
-  BaseButton
-};

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

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

package/dist/jsx/helpers/proxyThemeVariables.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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));
-    }
-  });
-}
-__name(proxyThemeVariables, "proxyThemeVariables");
-const removeStarting$ = /* @__PURE__ */ __name((str) => typeof str === "string" && str[0] === "$" ? str.slice(1) : str, "removeStarting$");
-export {
-  proxyThemeVariables
-};

package/dist/jsx/helpers/themeable.js

@@ -1,24 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import React, { forwardRef } from "react";
-import { Theme } from "../views/Theme";
-import { ThemeInverse } from "../views/ThemeInverse";
-function themeable(component, opts) {
-  const withThemeComponent = forwardRef(/* @__PURE__ */ __name(function WithTheme({ themeInverse, theme, ...rest }, ref) {
-    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;
-  }, "WithTheme"));
-  const withTheme = withThemeComponent;
-  withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`;
-  return withTheme;
-}
-__name(themeable, "themeable");
-export {
-  themeable
-};

package/dist/jsx/helpers/validate.js

@@ -1,75 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const { default: ow } = require("@tamagui/ow/dev-only");
-let Config;
-let Tokens;
-let FontRequired;
-let FontOptional;
-const validateConfig = /* @__PURE__ */ __name((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);
-  }
-}, "validateConfig");
-const validateTokens = /* @__PURE__ */ __name((tokens) => {
-  try {
-    ow(tokens, Tokens);
-  } catch (err) {
-    console.warn("Given tokens:\n", JSON.stringify(tokens, null, 2), err);
-  }
-}, "validateTokens");
-const validateFont = /* @__PURE__ */ __name((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);
-  }
-}, "validateFont");
-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.string)
-  };
-  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.number),
-    space: ow.object.nonEmpty.valuesOfType(ow.number),
-    zIndex: ow.object.nonEmpty.valuesOfType(ow.number),
-    radius: ow.object.nonEmpty.valuesOfType(ow.number),
-    color: ow.object.nonEmpty.valuesOfType(ow.string)
-  });
-}
-export {
-  validateConfig,
-  validateFont,
-  validateTokens
-};

package/dist/jsx/helpers/withStaticProperties.js

@@ -1,9 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const withStaticProperties = /* @__PURE__ */ __name(function(component, staticProps) {
-  Object.assign(component, staticProps);
-  return component;
-}, "withStaticProperties");
-export {
-  withStaticProperties
-};

package/dist/jsx/helpers/wrapThemeManagerContext.js

@@ -1,10 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { ThemeManagerContext } from "../ThemeManager";
-function wrapThemeManagerContext(children, themeManager) {
-  return themeManager ? <ThemeManagerContext.Provider value={themeManager}>{children}</ThemeManagerContext.Provider> : children;
-}
-__name(wrapThemeManagerContext, "wrapThemeManagerContext");
-export {
-  wrapThemeManagerContext
-};

package/dist/jsx/hooks/useConstant.js

@@ -1,14 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useRef } from "react";
-function useConstant(fn) {
-  const ref = useRef();
-  if (!ref.current) {
-    ref.current = { v: fn() };
-  }
-  return ref.current.v;
-}
-__name(useConstant, "useConstant");
-export {
-  useConstant
-};

package/dist/jsx/hooks/useFeatures.js

@@ -1,167 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useIsomorphicLayoutEffect } from "../constants/platform";
-import { getSubStyle } from "../helpers/getSplitStyles";
-import { addMediaQueryListener, mediaState, removeMediaQueryListener } from "./useMedia";
-const createDefinition = /* @__PURE__ */ __name(({
-  Component,
-  propNames
-}) => ({
-  isEnabled: (props) => propNames.some((name) => !!props[name]),
-  Component
-}), "createDefinition");
-let featureDefinitions = null;
-const useFeatures = /* @__PURE__ */ __name((props, utils) => {
-  if (!featureDefinitions) {
-    featureDefinitions = loadFeatures();
-  }
-  const features = [];
-  for (const name in featureDefinitions) {
-    const { isEnabled, Component } = featureDefinitions[name];
-    if (isEnabled(props) && Component) {
-      features.push(<Component key={name} {...props} _utils={utils} />);
-    }
-  }
-  return features;
-}, "useFeatures");
-function loadFeatures() {
-  return {
-    animation: loadAnimationFeature(),
-    mediaQuery: loadMediaQueryFeature()
-  };
-}
-__name(loadFeatures, "loadFeatures");
-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({ isEntering, exitVariant, enterVariant } = {}) {
-          var _a, _b, _c, _d;
-          const style = inStyle || {};
-          const enterStyle = isEntering === true || state.mounted === false ? 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 = isEntering === false ? 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"]
-  });
-}
-__name(loadAnimationFeature, "loadAnimationFeature");
-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];
-        }
-      }
-    }
-  }
-}
-__name(ensureBaseHasDefaults, "ensureBaseHasDefaults");
-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);
-    }
-  }
-}
-__name(merge, "merge");
-function loadMediaQueryFeature() {
-  const mediaPropNames = Object.keys(mediaState);
-  return createDefinition({
-    Component: (props) => {
-      const keys = mediaPropNames.filter((x) => x in props);
-      useIsomorphicLayoutEffect(() => {
-        for (const key of keys) {
-          addMediaQueryListener(key, props._utils.forceUpdate);
-        }
-        return () => {
-          for (const key of keys) {
-            removeMediaQueryListener(key, props._utils.forceUpdate);
-          }
-        };
-      }, [keys.join(",")]);
-      return null;
-    },
-    propNames: mediaPropNames
-  });
-}
-__name(loadMediaQueryFeature, "loadMediaQueryFeature");
-export {
-  useFeatures
-};

package/dist/jsx/hooks/useId.js

@@ -1,34 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import * as React from "react";
-import { useIsomorphicLayoutEffect } from "../constants/platform";
-let serverHandoffComplete = false;
-let id = 0;
-function genId() {
-  return ++id;
-}
-__name(genId, "genId");
-function useId(providedId) {
-  var _a;
-  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;
-}
-__name(useId, "useId");
-export {
-  useId
-};

package/dist/jsx/hooks/useIsMounted.js

@@ -1,18 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useIsomorphicLayoutEffect } from "@tamagui/core";
-import { useRef } from "react";
-function useIsMounted() {
-  const isMounted = useRef(false);
-  useIsomorphicLayoutEffect(() => {
-    isMounted.current = true;
-    return () => {
-      isMounted.current = false;
-    };
-  }, []);
-  return isMounted;
-}
-__name(useIsMounted, "useIsMounted");
-export {
-  useIsMounted
-};

package/dist/jsx/hooks/useIsTouchDevice.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useState } from "react";
-import { isTouchDevice, useIsomorphicLayoutEffect } from "../constants/platform";
-const useIsTouchDevice = /* @__PURE__ */ __name(() => {
-  const [touchOnly, setTouchOnly] = useState(false);
-  useIsomorphicLayoutEffect(() => {
-    if (isTouchDevice) {
-      setTouchOnly(true);
-    }
-  }, []);
-  return touchOnly;
-}, "useIsTouchDevice");
-export {
-  useIsTouchDevice
-};