@tamagui/core 1.0.0-alpha.7 → 1.0.0-beta.172

package/dist/{index.js → esm/index.js}

@@ -1,3 +1,4 @@
+export * from "./Tamagui";
 export * from "./createComponent";
 export * from "./createShorthands";
 export * from "./createTheme";
@@ -7,26 +8,41 @@ import { createTokens } from "./createTokens";
 export * from "./createVariable";
 export * from "./styled";
 export * from "./types";
-export * from "./constants/pseudos";
+import { getHasConfigured, getConfig, getThemes, getTokens, onConfiguredOnce } from "./conf";
 export * from "./constants/constants";
 export * from "./constants/platform";
 export * from "./constants/rnw";
-export * from "./helpers/isObj";
+export * from "./helpers/getExpandedShorthands";
+export * from "./helpers/getSplitStyles";
 export * from "./helpers/getStylesAtomic";
+export * from "./helpers/isObj";
+export * from "./helpers/isTamaguiElement";
 export * from "./helpers/matchMedia";
 export * from "./helpers/themeable";
-export * from "./helpers/isTamaguiElement";
+export * from "./helpers/withStaticProperties";
+export * from "./contexts/ButtonInsideButtonContext";
+export * from "./hooks/useIsTouchDevice";
 export * from "./hooks/useConstant";
+export * from "./hooks/usePressable";
 export * from "./hooks/useMedia";
 export * from "./hooks/useTheme";
-export * from "./views/Animated";
+export * from "./hooks/useIsMounted";
+export * from "./hooks/useUnmountEffect";
+export * from "@tamagui/use-force-update";
 export * from "./views/Stack";
 export * from "./views/Text";
 export * from "./views/Theme";
+export * from "./views/ThemeReset";
 export * from "./views/ThemeInverse";
 export * from "./views/ThemeProvider";
 export * from "./views/TextAncestorContext";
+export * from "@tamagui/helpers";
 export {
-  createTokens
+  createTokens,
+  getConfig,
+  getHasConfigured,
+  getThemes,
+  getTokens,
+  onConfiguredOnce
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './Tamagui'\nexport * from './createComponent'\nexport * from './createShorthands'\nexport * from './createTheme'\nexport * from './createTamagui'\nexport * from './createFont'\nexport { createTokens } from './createTokens'\nexport * from './createVariable'\nexport * from './styled'\nexport * from './types'\nexport { getHasConfigured, getConfig, getThemes, getTokens, onConfiguredOnce } from './conf'\n\nexport * from './constants/constants'\nexport * from './constants/platform'\nexport * from './constants/rnw'\n\nexport * from './helpers/getExpandedShorthands'\nexport * from './helpers/getSplitStyles'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/isObj'\nexport * from './helpers/isTamaguiElement'\nexport * from './helpers/matchMedia'\nexport * from './helpers/themeable'\nexport * from './helpers/withStaticProperties'\n\nexport * from './contexts/ButtonInsideButtonContext'\n\nexport * from './hooks/useIsTouchDevice'\nexport * from './hooks/useConstant'\nexport * from './hooks/usePressable'\nexport * from './hooks/useMedia'\nexport * from './hooks/useTheme'\nexport * from './hooks/useIsMounted'\nexport * from './hooks/useUnmountEffect'\nexport * from '@tamagui/use-force-update'\n\nexport * from './views/Stack'\nexport * from './views/Text'\nexport * from './views/Theme'\nexport * from './views/ThemeReset'\nexport * from './views/ThemeInverse'\nexport * from './views/ThemeProvider'\nexport * from './views/TextAncestorContext'\n\nexport * from '@tamagui/helpers'\n"],
+  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;",
+  "names": []
+}

package/dist/esm/spacedChildren.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React, { Children, Fragment } from "react";
+import { AbsoluteFill, Spacer } from "./createComponent";
+function spacedChildren({
+  isZStack,
+  children,
+  space,
+  flexDirection,
+  spaceFlex
+}) {
+  var _a, _b;
+  if (!space && !isZStack) {
+    return children;
+  }
+  const childrenList = Children.toArray(children);
+  const len = childrenList.length;
+  if (len === 1) {
+    return children;
+  }
+  const next = [];
+  for (const [index, child] of childrenList.entries()) {
+    if (child === null || child === void 0) {
+      continue;
+    }
+    const key = `${(_a = child == null ? void 0 : child["key"]) != null ? _a : index}`;
+    next.push(/* @__PURE__ */ React.createElement(Fragment, {
+      key
+    }, isZStack ? /* @__PURE__ */ React.createElement(AbsoluteFill, null, child) : child));
+    if ((_b = child == null ? void 0 : child["type"]) == null ? void 0 : _b["isVisuallyHidden"]) {
+      continue;
+    }
+    if (index !== len - 1) {
+      if (space) {
+        next.push(/* @__PURE__ */ React.createElement(Spacer, {
+          key: `${key}_spacer`,
+          direction: flexDirection === "row" || flexDirection === "row-reverse" ? "horizontal" : "vertical",
+          size: space,
+          ...spaceFlex && {
+            flex: spaceFlex
+          }
+        }));
+      }
+    }
+  }
+  return next;
+}
+__name(spacedChildren, "spacedChildren");
+export {
+  spacedChildren
+};
+//# sourceMappingURL=spacedChildren.js.map

package/dist/esm/spacedChildren.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/spacedChildren.tsx"],
+  "sourcesContent": ["import React, { Children, Fragment } from 'react'\nimport { ViewStyle } from 'react-native'\n\nimport { AbsoluteFill, Spacer } from './createComponent'\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  flexDirection,\n  spaceFlex,\n}: {\n  isZStack?: boolean\n  children: any\n  space?: any\n  spaceFlex?: boolean | number\n  flexDirection?: ViewStyle['flexDirection']\n}) {\n  if (!space && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  const len = childrenList.length\n  if (len === 1) {\n    return children\n  }\n  const next: any[] = []\n  for (const [index, child] of childrenList.entries()) {\n    if (child === null || child === undefined) {\n      continue\n    }\n\n    const key = `${child?.['key'] ?? index}`\n\n    next.push(\n      <Fragment key={key}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n    )\n\n    // allows for custom visually hidden components that dont insert spacing\n    if (child?.['type']?.['isVisuallyHidden']) {\n      continue\n    }\n\n    if (index !== len - 1) {\n      if (space) {\n        next.push(\n          <Spacer\n            key={`${key}_spacer`}\n            direction={\n              flexDirection === 'row' || flexDirection === 'row-reverse' ? 'horizontal' : 'vertical'\n            }\n            size={space}\n            {...(spaceFlex && {\n              flex: spaceFlex,\n            })}\n          />\n        )\n      }\n    }\n  }\n  return next\n}\n"],
+  "mappings": ";;AAAA;AAGA;AAEO,wBAAwB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAOC;AAjBH;AAkBE,MAAI,CAAC,SAAS,CAAC,UAAU;AACvB,WAAO;AAAA,EACT;AACA,QAAM,eAAe,SAAS,QAAQ,QAAQ;AAC9C,QAAM,MAAM,aAAa;AACzB,MAAI,QAAQ,GAAG;AACb,WAAO;AAAA,EACT;AACA,QAAM,OAAc,CAAC;AACrB,aAAW,CAAC,OAAO,UAAU,aAAa,QAAQ,GAAG;AACnD,QAAI,UAAU,QAAQ,UAAU,QAAW;AACzC;AAAA,IACF;AAEA,UAAM,MAAM,GAAG,qCAAQ,WAAR,YAAkB;AAEjC,SAAK,KACH,oCAAC;AAAA,MAAS;AAAA,OAAW,WAAW,oCAAC,oBAAc,KAAM,IAAkB,KAAM,CAC/E;AAGA,QAAI,qCAAQ,YAAR,mBAAkB,qBAAqB;AACzC;AAAA,IACF;AAEA,QAAI,UAAU,MAAM,GAAG;AACrB,UAAI,OAAO;AACT,aAAK,KACH,oCAAC;AAAA,UACC,KAAK,GAAG;AAAA,UACR,WACE,kBAAkB,SAAS,kBAAkB,gBAAgB,eAAe;AAAA,UAE9E,MAAM;AAAA,aACD,aAAa;AAAA,YAChB,MAAM;AAAA,UACR;AAAA,SACF,CACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAxDgB;",
+  "names": []
+}

package/dist/{static.js → esm/static.js}

@@ -10,6 +10,5 @@ export * from "./helpers/isObj";
 export * from "./helpers/getStylesAtomic";
 export * from "./helpers/getSplitStyles";
 export * from "@tamagui/helpers";
-export * from "./constants/pseudos";
-export * from "./static/postProcessStyles";
+export * from "./constants/rnw";
 //# sourceMappingURL=static.js.map

package/dist/{static.js.map → esm/static.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/static.ts"],
-  "sourcesContent": ["// only stuff that gets extracted or needed by tamagui-static\n\nexport * from './styled'\nexport * from './createComponent'\nexport * from './createFont'\nexport * from './createTokens'\nexport * from './createTamagui'\nexport * from './constants/constants'\n\nexport * from './hooks/useMedia'\nexport * from './hooks/useTheme'\n\nexport * from './helpers/isObj'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/getSplitStyles'\nexport * from '@tamagui/helpers'\n\nexport * from './constants/pseudos'\n\n// -- below exports are only bundled compile-time --\n\nexport * from './static/postProcessStyles'\n"],
-  "mappings": "AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAIA;",
+  "sources": ["../../src/static.ts"],
+  "sourcesContent": ["// only stuff that gets extracted or needed by tamagui-static\n\nexport * from './styled'\nexport * from './createComponent'\nexport * from './createFont'\nexport * from './createTokens'\nexport * from './createTamagui'\nexport * from './constants/constants'\n\nexport * from './hooks/useMedia'\nexport * from './hooks/useTheme'\n\nexport * from './helpers/isObj'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/getSplitStyles'\nexport * from '@tamagui/helpers'\n\nexport * from './constants/rnw'\n"],
+  "mappings": "AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;",
   "names": []
 }

package/dist/esm/styled.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as ReactNative from "react-native";
+import { Image, Text, TextInput } from "react-native";
+import { createComponent } from "./createComponent";
+import { extendStaticConfig } from "./helpers/extendStaticConfig";
+const RNComponents = /* @__PURE__ */ new WeakMap();
+for (const key in ReactNative) {
+  const val = ReactNative[key];
+  if (typeof val === "object") {
+    RNComponents.set(val, true);
+  }
+}
+function styled(Component, options, staticExtractionOptions) {
+  const staticConfigProps = (() => {
+    if (options) {
+      const { variants, name, defaultVariants, ...defaultProps } = options;
+      if (defaultVariants) {
+        Object.assign(defaultProps, defaultVariants);
+      }
+      const isReactNativeWeb = RNComponents.has(Component);
+      const isTamagui = !isReactNativeWeb && "staticConfig" in Component;
+      const Comp = Component;
+      const isImage = !!(defaultProps.isImage || (!isTamagui ? Comp === Image : false));
+      const isInput = !!(defaultProps.isInput || (!isTamagui ? Comp === TextInput : false));
+      const isText = !!(defaultProps.isText || (!isTamagui ? isInput || Comp === Text : false));
+      const conf = {
+        ...staticExtractionOptions,
+        ...!isTamagui && {
+          Component: Comp
+        },
+        isTamagui,
+        variants,
+        defaultProps,
+        componentName: name,
+        isReactNativeWeb,
+        isInput,
+        isText,
+        isImage
+      };
+      return conf;
+    }
+    return {};
+  })();
+  const config = extendStaticConfig(Component, staticConfigProps);
+  const component = createComponent(config);
+  return component;
+}
+__name(styled, "styled");
+export {
+  styled
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx"],
+  "sourcesContent": ["import * as ReactNative from 'react-native'\nimport { Image, Text, TextInput } from 'react-native'\n\nimport { createComponent } from './createComponent'\nimport { extendStaticConfig } from './helpers/extendStaticConfig'\nimport {\n  GetProps,\n  GetVariantProps,\n  MediaPropKeys,\n  MediaProps,\n  PseudoProps,\n  PsuedoPropKeys,\n  StackProps,\n  StaticComponent,\n  StaticConfig,\n  StylableComponent,\n  VariantDefinitions,\n} from './types'\n\n// bye bye tree shaking... but only way to properly detect react-native components...\n// also neither rnw nor react support tree shaking atm\n// this takes about 0.1ms in node console so not bad\nconst RNComponents = new WeakMap()\nfor (const key in ReactNative) {\n  const val = ReactNative[key]\n  if (typeof val === 'object') {\n    RNComponents.set(val, true)\n  }\n}\n\nexport function styled<\n  ParentComponent extends StylableComponent = StaticComponent<StackProps>,\n  Variants extends VariantDefinitions<any> | symbol = VariantDefinitions<any> | symbol\n>(\n  Component: ParentComponent,\n  options?: GetProps<ParentComponent> & {\n    name?: string\n    variants?: Variants | undefined\n    defaultVariants?: Variants extends Object ? GetVariantProps<Variants> : never\n  },\n  staticExtractionOptions?: StaticConfig\n) {\n  const staticConfigProps = (() => {\n    if (options) {\n      const { variants, name, defaultVariants, ...defaultProps } = options\n      if (defaultVariants) {\n        Object.assign(defaultProps, defaultVariants)\n      }\n      const isReactNativeWeb = RNComponents.has(Component)\n      const isTamagui = !isReactNativeWeb && 'staticConfig' in Component\n      const Comp = Component as any\n      const isImage = !!(defaultProps.isImage || (!isTamagui ? Comp === Image : false))\n      const isInput = !!(defaultProps.isInput || (!isTamagui ? Comp === TextInput : false))\n      const isText = !!(defaultProps.isText || (!isTamagui ? isInput || Comp === Text : false))\n      const conf: StaticConfig = {\n        ...staticExtractionOptions,\n        ...(!isTamagui && {\n          Component: Comp,\n        }),\n        isTamagui,\n        variants,\n        defaultProps,\n        componentName: name,\n        isReactNativeWeb,\n        isInput,\n        isText,\n        isImage,\n      }\n      return conf\n    }\n    return {}\n  })()\n  const config = extendStaticConfig(Component, staticConfigProps)\n  const component = createComponent(config!) // error is good here its on init\n\n  type ParentProps = GetProps<ParentComponent>\n  type VariantProps = Variants extends symbol ? {} : Expand<GetVariantProps<Variants>>\n  type VariantKeys = Variants extends symbol ? never : keyof Variants[keyof Variants]\n  type ParentPropsWithoutOurVariants = VariantKeys extends never\n    ? ParentProps\n    : Omit<ParentProps, VariantKeys>\n  type StyleProps = VariantProps & ParentPropsWithoutOurVariants\n  type Props = Variants extends undefined | symbol\n    ? ParentProps\n    : Omit<\n        ParentProps extends Object ? ParentProps : {},\n        (VariantKeys extends never ? ImpossibleKey : VariantKeys) | MediaPropKeys | PsuedoPropKeys\n      > &\n        VariantProps &\n        MediaProps<StyleProps> &\n        PseudoProps<StyleProps>\n\n  return component as StaticComponent<Props, VariantProps>\n}\n\ntype ImpossibleKey = 1234556123312321\ntype Expand<T> = T extends infer O ? { [K in keyof O]?: O[K] } : never\n"],
+  "mappings": ";;AAAA;AACA;AAEA;AACA;AAkBA,MAAM,eAAe,oBAAI,QAAQ;AACjC,WAAW,OAAO,aAAa;AAC7B,QAAM,MAAM,YAAY;AACxB,MAAI,OAAO,QAAQ,UAAU;AAC3B,iBAAa,IAAI,KAAK,IAAI;AAAA,EAC5B;AACF;AAEO,gBAIL,WACA,SAKA,yBACA;AACA,QAAM,oBAAqB,OAAM;AAC/B,QAAI,SAAS;AACX,YAAM,EAAE,UAAU,MAAM,oBAAoB,iBAAiB;AAC7D,UAAI,iBAAiB;AACnB,eAAO,OAAO,cAAc,eAAe;AAAA,MAC7C;AACA,YAAM,mBAAmB,aAAa,IAAI,SAAS;AACnD,YAAM,YAAY,CAAC,oBAAoB,kBAAkB;AACzD,YAAM,OAAO;AACb,YAAM,UAAU,CAAC,CAAE,cAAa,WAAY,EAAC,YAAY,SAAS,QAAQ;AAC1E,YAAM,UAAU,CAAC,CAAE,cAAa,WAAY,EAAC,YAAY,SAAS,YAAY;AAC9E,YAAM,SAAS,CAAC,CAAE,cAAa,UAAW,EAAC,YAAY,WAAW,SAAS,OAAO;AAClF,YAAM,OAAqB;AAAA,WACtB;AAAA,WACC,CAAC,aAAa;AAAA,UAChB,WAAW;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,aAAO;AAAA,IACT;AACA,WAAO,CAAC;AAAA,EACV,GAAG;AACH,QAAM,SAAS,mBAAmB,WAAW,iBAAiB;AAC9D,QAAM,YAAY,gBAAgB,MAAO;AAmBzC,SAAO;AACT;AA/DgB;",
+  "names": []
+}

package/dist/esm/tamagui-base.css

@@ -0,0 +1,8 @@
+.tamagui-absolute-fill {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+/*# sourceMappingURL=tamagui-base.css.map */

package/dist/esm/tamagui-base.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tamagui-base.css"],
+  "sourcesContent": [".tamagui-absolute-fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n"],
+  "mappings": "AAAA;AACE;AACA;AACA;AACA;AACA;AAAA;",
+  "names": []
+}

package/dist/esm/types-rnw.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types-rnw.js.map

package/dist/esm/views/Stack.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Stack.tsx"],
+  "sourcesContent": ["import { View } from 'react-native'\n\nimport { stackDefaultStyles } from '../constants/constants'\nimport { createComponent } from '../createComponent'\nimport { StackProps } from '../types'\n\nexport const Stack = createComponent<StackProps, View>({\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n  },\n})\n\n// test types\n// export const YStack = styled(Stack, {\n//   flexDirection: 'column',\n// })\n// // test types\n// const x00 = <Stack missing={0} /> // should err\n// const x0 = <YStack missing={0} /> // should err\n// const x1 = (props: StackProps) => <YStack {...props} />\n// type ys = typeof YStack\n// type ysv = ys extends StaticComponent<any, infer V> ? V : unknown\n"],
+  "mappings": "AAEA;AACA;AAGO,MAAM,QAAQ,gBAAkC;AAAA,EACrD,cAAc;AAAA,OACT;AAAA,IACH,eAAe;AAAA,EACjB;AACF,CAAC;",
+  "names": []
+}

package/dist/{views → esm/views}/Text.js

@@ -1,6 +1,6 @@
+import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
 import { isWeb } from "../constants/platform";
 import { createComponent } from "../createComponent";
-import { stylePropsTextOnly, validStyles } from "../static";
 const ellipseStyle = {
   maxWidth: "100%",
   overflow: "hidden",
@@ -10,7 +10,7 @@ const ellipseStyle = {
 const Text = createComponent({
   isText: true,
   defaultProps: {
-    display: isWeb ? "inline" : "inline-flex",
+    display: isWeb ? "inline" : "flex",
     boxSizing: "border-box",
     fontFamily: "System",
     wordWrap: "break-word"
@@ -18,11 +18,12 @@ const Text = createComponent({
   variants: {
     numberOfLines: {
       1: ellipseStyle,
-      "[number]": (lines) => lines > 1 ? { WebkitLineClamp: 1 } : null
+      ":number": (lines) => lines > 1 ? { WebkitLineClamp: 1 } : null
     },
     selectable: {
       true: {
-        userSelect: "text"
+        userSelect: "text",
+        cursor: "text"
       },
       false: {
         userSelect: "none"

package/dist/esm/views/Text.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Text.tsx"],
+  "sourcesContent": ["import { stylePropsTextOnly, validStyles } from '@tamagui/helpers'\nimport { Text as TextView } from 'react-native'\n\nimport { isWeb } from '../constants/platform'\nimport { createComponent } from '../createComponent'\nimport { TextProps } from '../types'\n\nconst ellipseStyle = {\n  maxWidth: '100%',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}\n\nexport const Text = createComponent<TextProps, TextView>({\n  isText: true,\n  defaultProps: {\n    display: isWeb ? 'inline' : 'flex',\n    boxSizing: 'border-box',\n    fontFamily: 'System',\n    wordWrap: 'break-word',\n  },\n  variants: {\n    numberOfLines: {\n      1: ellipseStyle,\n      // TODO imply fn, test 1, could do types `>1` `<2`\n      ':number': (lines) => (lines > 1 ? { WebkitLineClamp: 1 } : null),\n    },\n\n    selectable: {\n      true: {\n        userSelect: 'text',\n        cursor: 'text',\n      },\n      false: {\n        userSelect: 'none',\n      },\n    },\n\n    pressable: {\n      true: {\n        cursor: 'pointer',\n      },\n    },\n\n    ellipse: {\n      true: isWeb\n        ? ellipseStyle\n        : {\n            numberOfLines: 1,\n            lineBreakMode: 'clip',\n          },\n    },\n  },\n  deoptProps: new Set(isWeb ? [] : ['ellipse']),\n  validStyles: {\n    ...validStyles,\n    ...stylePropsTextOnly,\n    ...(isWeb && {\n      userSelect: true,\n      textOverflow: true,\n      whiteSpace: true,\n      wordWrap: true,\n      selectable: true,\n      cursor: true,\n    }),\n  },\n})\n"],
+  "mappings": "AAAA;AAGA;AACA;AAGA,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd;AAEO,MAAM,OAAO,gBAAqC;AAAA,EACvD,QAAQ;AAAA,EACR,cAAc;AAAA,IACZ,SAAS,QAAQ,WAAW;AAAA,IAC5B,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,GAAG;AAAA,MAEH,WAAW,CAAC,UAAW,QAAQ,IAAI,EAAE,iBAAiB,EAAE,IAAI;AAAA,IAC9D;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM,QACF,eACA;AAAA,QACE,eAAe;AAAA,QACf,eAAe;AAAA,MACjB;AAAA,IACN;AAAA,EACF;AAAA,EACA,YAAY,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;AAAA,EAC5C,aAAa;AAAA,OACR;AAAA,OACA;AAAA,OACC,SAAS;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/esm/views/TextAncestorContext.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var _a, _b;
+import React, { createContext } from "react";
+import { rnw } from "../constants/rnw";
+const FallbackNativeContext = createContext(false);
+const TextAncestorContext = (_b = (_a = rnw) == null ? void 0 : _a.TextAncestorContext) != null ? _b : FallbackNativeContext;
+const TextAncestorProvider = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ React.createElement(TextAncestorContext.Provider, {
+    value: false
+  }, props.children);
+}, "TextAncestorProvider");
+export {
+  FallbackNativeContext,
+  TextAncestorContext,
+  TextAncestorProvider
+};
+//# sourceMappingURL=TextAncestorContext.js.map

package/dist/esm/views/TextAncestorContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/TextAncestorContext.tsx"],
+  "sourcesContent": ["import React, { createContext } from 'react'\n\nimport { rnw } from '../constants/rnw'\n\nexport const FallbackNativeContext = createContext(false)\n\nexport const TextAncestorContext = rnw?.TextAncestorContext ?? FallbackNativeContext\n\nexport const TextAncestorProvider = (props) => {\n  return <TextAncestorContext.Provider value={false}>{props.children}</TextAncestorContext.Provider>\n}\n"],
+  "mappings": ";;AAAA;AAAA;AAEA;AAEO,MAAM,wBAAwB,cAAc,KAAK;AAEjD,MAAM,sBAAsB,uCAAK,wBAAL,YAA4B;AAExD,MAAM,uBAAuB,wBAAC,UAAU;AAC7C,SAAO,oCAAC,oBAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,KAAQ,MAAM,QAAS;AACrE,GAFoC;",
+  "names": []
+}

package/dist/esm/views/Theme.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React, { memo, useMemo } from "react";
+import { isWeb } from "../constants/platform";
+import { wrapThemeManagerContext } from "../helpers/wrapThemeManagerContext";
+import { useChangeThemeEffect } from "../static";
+React["createElement"];
+const Theme = memo(/* @__PURE__ */ __name(function Theme2(props) {
+  var _a, _b;
+  const { name, theme, themeManager, themes, className } = useChangeThemeEffect(props.name, void 0, props);
+  const contents = useMemo(() => {
+    if (!name || !theme) {
+      return props.children;
+    }
+    return wrapThemeManagerContext(props.children, themeManager);
+  }, [props.children, themeManager]);
+  if (!themes) {
+    console.warn("Error, no themes in context", props);
+    return props.children;
+  }
+  if (!name || !theme) {
+    if (process.env.NODE_ENV === "development" && name && !theme) {
+      console.warn(`No theme found by name ${name}`);
+    }
+    return props.children;
+  }
+  if (isWeb) {
+    if (props.disableThemeClass) {
+      return contents;
+    }
+    return /* @__PURE__ */ React.createElement("div", {
+      className: props.className ? `${className || ""} ${props.className || ""}` : className || "",
+      style: {
+        display: "contents",
+        color: (_b = (_a = themes[name]) == null ? void 0 : _a.color) == null ? void 0 : _b.toString()
+      }
+    }, contents);
+  }
+  return contents;
+}, "Theme"));
+export {
+  Theme
+};
+//# sourceMappingURL=Theme.js.map

package/dist/esm/views/Theme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Theme.tsx"],
+  "sourcesContent": ["import React, { memo, useMemo } from 'react'\n\nimport { isWeb } from '../constants/platform'\nimport { wrapThemeManagerContext } from '../helpers/wrapThemeManagerContext'\nimport { useChangeThemeEffect } from '../static'\nimport { ThemeName } from '../types'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nexport type ThemeProps = {\n  className?: string\n  disableThemeClass?: boolean\n  name: Exclude<ThemeName, number> | null\n  children?: any\n  debug?: boolean\n}\n\nexport const Theme = memo(function Theme(props: ThemeProps) {\n  const { name, theme, themeManager, themes, className } = useChangeThemeEffect(\n    props.name,\n    undefined,\n    props\n  )\n\n  // memo here, changing theme without re-rendering all children is a critical optimization\n  // may require some effort of end user to memoize but without this memo they'd have no option\n  const contents = useMemo(() => {\n    if (!name || !theme) {\n      return props.children\n    }\n    return wrapThemeManagerContext(props.children, themeManager)\n  }, [props.children, themeManager])\n\n  if (!themes) {\n    console.warn('Error, no themes in context', props)\n    return props.children\n  }\n\n  if (!name || !theme) {\n    if (process.env.NODE_ENV === 'development' && name && !theme) {\n      console.warn(`No theme found by name ${name}`)\n    }\n    return props.children\n  }\n\n  if (isWeb) {\n    if (props.disableThemeClass) {\n      return contents\n    }\n    return (\n      <div\n        className={\n          props.className ? `${className || ''} ${props.className || ''}` : className || ''\n        }\n        style={{\n          display: 'contents',\n          // in order to provide currentColor, set color by default\n          color: themes[name]?.color?.toString(),\n        }}\n      >\n        {contents}\n      </div>\n    )\n  }\n\n  return contents\n})\n"],
+  "mappings": ";;AAAA;AAEA;AACA;AACA;AAIA,MAAM;AAUC,MAAM,QAAQ,KAAK,uCAAe,OAAmB;AAlB5D;AAmBE,QAAM,EAAE,MAAM,OAAO,cAAc,QAAQ,cAAc,qBACvD,MAAM,MACN,QACA,KACF;AAIA,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,CAAC,QAAQ,CAAC,OAAO;AACnB,aAAO,MAAM;AAAA,IACf;AACA,WAAO,wBAAwB,MAAM,UAAU,YAAY;AAAA,EAC7D,GAAG,CAAC,MAAM,UAAU,YAAY,CAAC;AAEjC,MAAI,CAAC,QAAQ;AACX,YAAQ,KAAK,+BAA+B,KAAK;AACjD,WAAO,MAAM;AAAA,EACf;AAEA,MAAI,CAAC,QAAQ,CAAC,OAAO;AACnB,QAAI,QAAQ,IAAI,aAAa,iBAAiB,QAAQ,CAAC,OAAO;AAC5D,cAAQ,KAAK,0BAA0B,MAAM;AAAA,IAC/C;AACA,WAAO,MAAM;AAAA,EACf;AAEA,MAAI,OAAO;AACT,QAAI,MAAM,mBAAmB;AAC3B,aAAO;AAAA,IACT;AACA,WACE,oCAAC;AAAA,MACC,WACE,MAAM,YAAY,GAAG,aAAa,MAAM,MAAM,aAAa,OAAO,aAAa;AAAA,MAEjF,OAAO;AAAA,QACL,SAAS;AAAA,QAET,OAAO,mBAAO,UAAP,mBAAc,UAAd,mBAAqB;AAAA,MAC9B;AAAA,OAEC,QACH;AAAA,EAEJ;AAEA,SAAO;AACT,GAjD0B,QAiDzB;",
+  "names": []
+}

package/dist/{views → esm/views}/ThemeInverse.js

@@ -14,7 +14,7 @@ __name(setThemeInversions, "setThemeInversions");
 const ThemeInverse = /* @__PURE__ */ __name((props) => {
   const themeName = useThemeName();
   const defaultTheme = useDefaultThemeName();
-  const name = inversions[themeName] || inversions[defaultTheme] || null;
+  const name = inversions[themeName] || inversions[defaultTheme || ""] || null;
   return /* @__PURE__ */ React.createElement(Theme, {
     name
   }, props.children);

package/dist/{views → esm/views}/ThemeInverse.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/views/ThemeInverse.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\ntype StringRecord = { [key: string]: string }\n\nlet inversions: StringRecord = {\n  light: 'dark',\n  dark: 'light',\n}\n\nexport function setThemeInversions(next: StringRecord) {\n  inversions = next\n}\n\nexport const ThemeInverse = (props: { children: any }) => {\n  const themeName = useThemeName()\n  const defaultTheme = useDefaultThemeName()\n  const name = inversions[themeName] || inversions[defaultTheme] || null\n  return <Theme name={name}>{props.children}</Theme>\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AAIA,IAAI,aAA2B;AAAA,EAC7B,OAAO;AAAA,EACP,MAAM;AAAA;AAGD,4BAA4B,MAAoB;AACrD,eAAa;AAAA;AADC;AAIT,MAAM,eAAe,wBAAC,UAA6B;AACxD,QAAM,YAAY;AAClB,QAAM,eAAe;AACrB,QAAM,OAAO,WAAW,cAAc,WAAW,iBAAiB;AAClE,SAAO,oCAAC,OAAD;AAAA,IAAO;AAAA,KAAa,MAAM;AAAA,GAJP;",
+  "sources": ["../../../src/views/ThemeInverse.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\ntype StringRecord = { [key: string]: string }\n\nlet inversions: StringRecord = {\n  light: 'dark',\n  dark: 'light',\n}\n\nexport function setThemeInversions(next: StringRecord) {\n  inversions = next\n}\n\nexport const ThemeInverse = (props: { children: any }) => {\n  const themeName = useThemeName()\n  const defaultTheme = useDefaultThemeName()\n  const name = inversions[themeName] || inversions[defaultTheme || ''] || null\n  return <Theme name={name}>{props.children}</Theme>\n}\n"],
+  "mappings": ";;AAAA;AAEA;AACA;AAIA,IAAI,aAA2B;AAAA,EAC7B,OAAO;AAAA,EACP,MAAM;AACR;AAEO,4BAA4B,MAAoB;AACrD,eAAa;AACf;AAFgB;AAIT,MAAM,eAAe,wBAAC,UAA6B;AACxD,QAAM,YAAY,aAAa;AAC/B,QAAM,eAAe,oBAAoB;AACzC,QAAM,OAAO,WAAW,cAAc,WAAW,gBAAgB,OAAO;AACxE,SAAO,oCAAC;AAAA,IAAM;AAAA,KAAa,MAAM,QAAS;AAC5C,GAL4B;",
   "names": []
 }

package/dist/esm/views/ThemeProvider.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React, { useLayoutEffect, useMemo } from "react";
+import { getHasConfigured } from "../conf";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
+import { ThemeContext } from "../ThemeContext";
+import { Theme } from "./Theme";
+React["createElement"];
+const ThemeProvider = /* @__PURE__ */ __name((props) => {
+  if (!getHasConfigured()) {
+    throw new Error(`Missing configureThemes() call, add to your root file`);
+  }
+  if (typeof document !== "undefined") {
+    useLayoutEffect(() => {
+      if (props.disableRootThemeClass) {
+        return;
+      }
+      const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
+      document.body.classList.add(cn);
+      return () => {
+        document.body.classList.remove(cn);
+      };
+    }, []);
+  }
+  const themeContext = useMemo(() => {
+    return {
+      themes: props.themes,
+      defaultTheme: props.defaultTheme
+    };
+  }, [props.themes]);
+  return /* @__PURE__ */ React.createElement(ThemeContext.Provider, {
+    value: themeContext
+  }, /* @__PURE__ */ React.createElement(Theme, {
+    name: props.defaultTheme,
+    disableThemeClass: props.disableRootThemeClass
+  }, props.children));
+}, "ThemeProvider");
+export {
+  ThemeProvider
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/esm/views/ThemeProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/ThemeProvider.tsx"],
+  "sourcesContent": ["import React, { useLayoutEffect, useMemo } from 'react'\n\nimport { getHasConfigured } from '../conf'\nimport { THEME_CLASSNAME_PREFIX } from '../constants/constants'\nimport { ThemeContext } from '../ThemeContext'\nimport { Theme } from './Theme'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nexport type ThemeProviderProps = {\n  themes: any\n  defaultTheme: string\n  disableRootThemeClass?: boolean\n  children?: any\n}\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n  if (!getHasConfigured()) {\n    throw new Error(`Missing configureThemes() call, add to your root file`)\n  }\n\n  // ensure theme is attached to root body node as well to work with modals by default\n  if (typeof document !== 'undefined') {\n    useLayoutEffect(() => {\n      if (props.disableRootThemeClass) {\n        return\n      }\n      const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`\n      document.body.classList.add(cn)\n      return () => {\n        document.body.classList.remove(cn)\n      }\n    }, [])\n  }\n\n  const themeContext = useMemo(() => {\n    return {\n      themes: props.themes,\n      defaultTheme: props.defaultTheme,\n    }\n  }, [props.themes])\n\n  return (\n    <ThemeContext.Provider value={themeContext}>\n      <Theme name={props.defaultTheme} disableThemeClass={props.disableRootThemeClass}>\n        {props.children}\n      </Theme>\n    </ThemeContext.Provider>\n  )\n}\n"],
+  "mappings": ";;AAAA;AAEA;AACA;AACA;AACA;AAGA,MAAM;AASC,MAAM,gBAAgB,wBAAC,UAA8B;AAC1D,MAAI,CAAC,iBAAiB,GAAG;AACvB,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AAGA,MAAI,OAAO,aAAa,aAAa;AACnC,oBAAgB,MAAM;AACpB,UAAI,MAAM,uBAAuB;AAC/B;AAAA,MACF;AACA,YAAM,KAAK,GAAG,yBAAyB,MAAM;AAC7C,eAAS,KAAK,UAAU,IAAI,EAAE;AAC9B,aAAO,MAAM;AACX,iBAAS,KAAK,UAAU,OAAO,EAAE;AAAA,MACnC;AAAA,IACF,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO;AAAA,MACL,QAAQ,MAAM;AAAA,MACd,cAAc,MAAM;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,CAAC;AAEjB,SACE,oCAAC,aAAa,UAAb;AAAA,IAAsB,OAAO;AAAA,KAC5B,oCAAC;AAAA,IAAM,MAAM,MAAM;AAAA,IAAc,mBAAmB,MAAM;AAAA,KACvD,MAAM,QACT,CACF;AAEJ,GAjC6B;",
+  "names": []
+}

package/dist/esm/views/ThemeReset.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React, { useContext, useLayoutEffect, useState } from "react";
+import { isWeb } from "../constants/platform";
+import { ThemeManagerContext } from "../ThemeManager";
+import { Theme } from "./Theme";
+React["createElement"];
+const ThemeReset = /* @__PURE__ */ __name((props) => {
+  const themeManager = useContext(ThemeManagerContext);
+  const [name, setName] = useState(null);
+  if (!isWeb || typeof document !== "undefined") {
+    useLayoutEffect(() => {
+      if (!themeManager)
+        return;
+      if (name !== themeManager.parentName) {
+        setName(themeManager.parentName);
+      }
+    }, [themeManager == null ? void 0 : themeManager.parentName]);
+    useLayoutEffect(() => {
+      if (!themeManager)
+        return;
+      return themeManager.onChangeTheme(() => {
+        setName(themeManager.parentName);
+      });
+    }, []);
+  }
+  if (!themeManager || !props.children) {
+    return props.children || null;
+  }
+  return /* @__PURE__ */ React.createElement(Theme, {
+    className: "tui-theme-reset",
+    name
+  }, props.children);
+}, "ThemeReset");
+export {
+  ThemeReset
+};
+//# sourceMappingURL=ThemeReset.js.map

package/dist/esm/views/ThemeReset.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/ThemeReset.tsx"],
+  "sourcesContent": ["import React, { useContext, useLayoutEffect, useState } from 'react'\n\nimport { isWeb } from '../constants/platform'\nimport { ThemeManagerContext } from '../ThemeManager'\nimport { Theme } from './Theme'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\n// resets the theme to the parent theme\nexport const ThemeReset = (props: { children?: any }) => {\n  const themeManager = useContext(ThemeManagerContext)\n  const [name, setName] = useState<string | null>(null)\n\n  // this component doesn't work with SSR, so must run only client side\n  // we could at least prevent more flickering by having the ssr head script\n  // that changes to dark initially also go through and change all of these\n  if (!isWeb || typeof document !== 'undefined') {\n    useLayoutEffect(() => {\n      if (!themeManager) return\n      if (name !== themeManager.parentName) {\n        setName(themeManager.parentName)\n      }\n    }, [themeManager?.parentName])\n\n    useLayoutEffect(() => {\n      if (!themeManager) return\n      return themeManager.onChangeTheme(() => {\n        setName(themeManager.parentName)\n      })\n    }, [])\n  }\n\n  if (!themeManager || !props.children) {\n    return props.children || null\n  }\n\n  return (\n    <Theme className=\"tui-theme-reset\" name={name}>\n      {props.children}\n    </Theme>\n  )\n}\n"],
+  "mappings": ";;AAAA;AAEA;AACA;AACA;AAGA,MAAM;AAGC,MAAM,aAAa,wBAAC,UAA8B;AACvD,QAAM,eAAe,WAAW,mBAAmB;AACnD,QAAM,CAAC,MAAM,WAAW,SAAwB,IAAI;AAKpD,MAAI,CAAC,SAAS,OAAO,aAAa,aAAa;AAC7C,oBAAgB,MAAM;AACpB,UAAI,CAAC;AAAc;AACnB,UAAI,SAAS,aAAa,YAAY;AACpC,gBAAQ,aAAa,UAAU;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,6CAAc,UAAU,CAAC;AAE7B,oBAAgB,MAAM;AACpB,UAAI,CAAC;AAAc;AACnB,aAAO,aAAa,cAAc,MAAM;AACtC,gBAAQ,aAAa,UAAU;AAAA,MACjC,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,MAAI,CAAC,gBAAgB,CAAC,MAAM,UAAU;AACpC,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,SACE,oCAAC;AAAA,IAAM,WAAU;AAAA,IAAkB;AAAA,KAChC,MAAM,QACT;AAEJ,GAhC0B;",
+  "names": []
+}

package/dist/jsx/Tamagui.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { rnw } from "./constants/rnw";
+import { getAllSelectors, getAllTransforms } from "./helpers/insertStyleRule";
+class TamaguiManager {
+  constructor() {
+    this.config = null;
+    this.rnw = rnw;
+  }
+  get allSelectors() {
+    return getAllSelectors();
+  }
+  get allTransforms() {
+    return getAllTransforms();
+  }
+  get identifierToValue() {
+    return identifierToValue;
+  }
+}
+__name(TamaguiManager, "TamaguiManager");
+const Tamagui = new TamaguiManager();
+const identifierToValue = /* @__PURE__ */ new Map();
+const getValueFromIdentifier = /* @__PURE__ */ __name((identifier) => {
+  return identifierToValue.get(identifier);
+}, "getValueFromIdentifier");
+const setIdentifierValue = /* @__PURE__ */ __name((identifier, value) => {
+  identifierToValue.set(identifier, value);
+}, "setIdentifierValue");
+export {
+  Tamagui,
+  getValueFromIdentifier,
+  setIdentifierValue
+};

package/dist/jsx/ThemeContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const ThemeContext = createContext(null);
+export {
+  ThemeContext
+};