@tamagui/web 1.22.6 → 1.22.8

package/dist/esm/views/FontLanguage.native.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { FontLanguageContext } from "../contexts/FontLanguageContext.js";
+import { FontLanguageContext } from "../contexts/FontLanguageContext";
 const FontLanguage = ({ children, ...props }) => {
   const value = useMemo(() => props, [JSON.stringify(props)]);
   return /* @__PURE__ */ jsx(FontLanguageContext.Provider, { value, children });

package/dist/esm/views/Stack.js

@@ -1,5 +1,5 @@
-import { stackDefaultStyles } from "../constants/constants.js";
-import { createComponent } from "../createComponent.js";
+import { stackDefaultStyles } from "../constants/constants";
+import { createComponent } from "../createComponent";
 const Stack = createComponent({
   acceptsClassName: true,
   defaultProps: {

package/dist/esm/views/Stack.mjs

@@ -1,5 +1,5 @@
-import { stackDefaultStyles } from "../constants/constants.js";
-import { createComponent } from "../createComponent.js";
+import { stackDefaultStyles } from "../constants/constants";
+import { createComponent } from "../createComponent";
 const Stack = createComponent({
   acceptsClassName: true,
   defaultProps: {

package/dist/esm/views/TamaguiProvider.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
 import * as React from "react";
-import { ButtonNestingContext } from "../contexts/ButtonNestingContext.js";
-import { TextAncestorContext } from "../contexts/TextAncestorContext.js";
-import { useMediaListeners } from "../hooks/useMedia.js";
-import { ThemeProvider } from "./ThemeProvider.js";
-import { AnimationDriverContext } from "../contexts/AnimationDriverContext.js";
+import { ButtonNestingContext } from "../contexts/ButtonNestingContext";
+import { TextAncestorContext } from "../contexts/TextAncestorContext";
+import { useMediaListeners } from "../hooks/useMedia";
+import { ThemeProvider } from "./ThemeProvider";
+import { AnimationDriverContext } from "../contexts/AnimationDriverContext";
 function TamaguiProvider({
   children,
   disableInjectCSS,

package/dist/esm/views/TamaguiProvider.mjs

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
 import * as React from "react";
-import { ButtonNestingContext } from "../contexts/ButtonNestingContext.js";
-import { TextAncestorContext } from "../contexts/TextAncestorContext.js";
-import { useMediaListeners } from "../hooks/useMedia.js";
-import { ThemeProvider } from "./ThemeProvider.js";
-import { AnimationDriverContext } from "../contexts/AnimationDriverContext.js";
+import { ButtonNestingContext } from "../contexts/ButtonNestingContext";
+import { TextAncestorContext } from "../contexts/TextAncestorContext";
+import { useMediaListeners } from "../hooks/useMedia";
+import { ThemeProvider } from "./ThemeProvider";
+import { AnimationDriverContext } from "../contexts/AnimationDriverContext";
 function TamaguiProvider({
   children,
   disableInjectCSS,

package/dist/esm/views/Text.js

@@ -1,6 +1,6 @@
 import { isWeb } from "@tamagui/constants";
 import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
-import { createComponent } from "../createComponent.js";
+import { createComponent } from "../createComponent";
 const ellipseStyle = {
   maxWidth: "100%",
   overflow: "hidden",

package/dist/esm/views/Text.mjs

@@ -1,6 +1,6 @@
 import { isWeb } from "@tamagui/constants";
 import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
-import { createComponent } from "../createComponent.js";
+import { createComponent } from "../createComponent";
 const ellipseStyle = {
   maxWidth: "100%",
   overflow: "hidden",

package/dist/esm/views/Theme.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { isWeb } from "@tamagui/constants";
 import { Children, cloneElement, isValidElement, useMemo } from "react";
-import { variableToString } from "../createVariable.js";
-import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
-import { useServerRef } from "../hooks/useServerHooks.js";
-import { useChangeThemeEffect } from "../hooks/useTheme.js";
+import { variableToString } from "../createVariable";
+import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
+import { useServerRef } from "../hooks/useServerHooks";
+import { useChangeThemeEffect } from "../hooks/useTheme";
 import { ThemeDebug } from "./ThemeDebug";
 function Theme(props) {
   if (props.disable) {

package/dist/esm/views/Theme.mjs

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { isWeb } from "@tamagui/constants";
 import { Children, cloneElement, isValidElement, useMemo } from "react";
-import { variableToString } from "../createVariable.js";
-import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
-import { useServerRef } from "../hooks/useServerHooks.js";
-import { useChangeThemeEffect } from "../hooks/useTheme.js";
+import { variableToString } from "../createVariable";
+import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
+import { useServerRef } from "../hooks/useServerHooks";
+import { useChangeThemeEffect } from "../hooks/useTheme";
 import { ThemeDebug } from "./ThemeDebug";
 function Theme(props) {
   if (props.disable) {

package/dist/esm/views/ThemeDebug.js

@@ -45,7 +45,7 @@ function ThemeDebug({
       });
     }, [themeState.themeManager]);
     useEffect(() => {
-      const tm = setInterval(rerender, 100);
+      const tm = setInterval(rerender, 1e3);
       return () => clearTimeout(tm);
     }, []);
     return /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeDebug.tsx"],
-  "mappings": "AA+DM,mBA+BE,KA7BE,YAFJ;AA/DN,SAAS,sBAAsB;AAC/B,SAAS,WAAW,OAAO,gBAAgB;AAC3C,SAAS,oBAAoB;AAK7B,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAjBH;AAmBE,MAAI,WAAW,qBAAqB,GAAG;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,UAAM,WAAW,eAAe;AAChC,UAAM,KAAK,MAAM;AAEjB,QAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,aAAa,aAAa;AAC7E,UAAI,CAAC,MAAM;AACT,eAAO,SAAS,cAAc,KAAK;AACnC,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,YAAY;AACvB,aAAK,MAAM,WAAW;AACtB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,MAAM;AACjB,aAAK,MAAM,OAAO;AAClB,aAAK,MAAM,QAAQ;AACnB,aAAK,MAAM,UAAU;AACrB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,gBAAgB;AAC3B,aAAK,MAAM,aAAa;AACxB,iBAAS,KAAK,YAAY,IAAI;AAAA,MAChC;AAAA,IACF;AAEA,cAAU,MAAM;AA9CpB,UAAAA,KAAAC;AA+CM,OAAAA,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC,cAAc,CAAC,MAAM,YAAY;AA/C/E,YAAAD,KAAAC,KAAAC;AAgDQ,yBAAiB,CAAC,MAAM,EAAE,CAAC;AAC3B,gBAAQ;AAAA,UACN,sBAAqBF,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,mBAAkBE,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC;AAAA,UACxG;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,cAAU,MAAM;AAEd,YAAM,KAAK,YAAY,UAAU,GAAG;AACpC,aAAO,MAAM,aAAa,EAAE;AAAA,IAC9B,GAAG,CAAC,CAAC;AAEL,WACE,iCACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,MAAM,WAAW;AAAA,kBACjB,WAAW,WAAW;AAAA,kBACtB,SAAS,WAAW;AAAA,kBACpB,gBAAgB,WAAW;AAAA,kBAC3B,SAAQ,gBAAW,iBAAX,mBAAyB,MAAM;AAAA,kBACvC,KAAI,gBAAW,iBAAX,mBAAyB;AAAA,kBAC7B,WAAU,sBAAW,iBAAX,mBAAyB,kBAAzB,mBAAwC;AAAA,kBAClD,OAAO,WAAW;AAAA,kBAClB;AAAA,kBACA,WAAW,CAAC,KAAI,gBAAW,iBAAX,mBAA0B,qBAAoB,CAAC,CAAE,EAAE;AAAA,oBACjE;AAAA,kBACF;AAAA,kBACA,uBAAsB,gBAAW,iBAAX,mBAA0B;AAAA,gBAClD;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,MAEA,oBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAAI,cAAG;AAAA,MAEjC;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "mappings": "AA+DM,mBA+BE,KA7BE,YAFJ;AA/DN,SAAS,sBAAsB;AAC/B,SAAS,WAAW,OAAO,gBAAgB;AAC3C,SAAS,oBAAoB;AAK7B,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAjBH;AAmBE,MAAI,WAAW,qBAAqB,GAAG;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,UAAM,WAAW,eAAe;AAChC,UAAM,KAAK,MAAM;AAEjB,QAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,aAAa,aAAa;AAC7E,UAAI,CAAC,MAAM;AACT,eAAO,SAAS,cAAc,KAAK;AACnC,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,YAAY;AACvB,aAAK,MAAM,WAAW;AACtB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,MAAM;AACjB,aAAK,MAAM,OAAO;AAClB,aAAK,MAAM,QAAQ;AACnB,aAAK,MAAM,UAAU;AACrB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,gBAAgB;AAC3B,aAAK,MAAM,aAAa;AACxB,iBAAS,KAAK,YAAY,IAAI;AAAA,MAChC;AAAA,IACF;AAEA,cAAU,MAAM;AA9CpB,UAAAA,KAAAC;AA+CM,OAAAA,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC,cAAc,CAAC,MAAM,YAAY;AA/C/E,YAAAD,KAAAC,KAAAC;AAgDQ,yBAAiB,CAAC,MAAM,EAAE,CAAC;AAC3B,gBAAQ;AAAA,UACN,sBAAqBF,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,mBAAkBE,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC;AAAA,UACxG;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,cAAU,MAAM;AAEd,YAAM,KAAK,YAAY,UAAU,GAAI;AACrC,aAAO,MAAM,aAAa,EAAE;AAAA,IAC9B,GAAG,CAAC,CAAC;AAEL,WACE,iCACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,MAAM,WAAW;AAAA,kBACjB,WAAW,WAAW;AAAA,kBACtB,SAAS,WAAW;AAAA,kBACpB,gBAAgB,WAAW;AAAA,kBAC3B,SAAQ,gBAAW,iBAAX,mBAAyB,MAAM;AAAA,kBACvC,KAAI,gBAAW,iBAAX,mBAAyB;AAAA,kBAC7B,WAAU,sBAAW,iBAAX,mBAAyB,kBAAzB,mBAAwC;AAAA,kBAClD,OAAO,WAAW;AAAA,kBAClB;AAAA,kBACA,WAAW,CAAC,KAAI,gBAAW,iBAAX,mBAA0B,qBAAoB,CAAC,CAAE,EAAE;AAAA,oBACjE;AAAA,kBACF;AAAA,kBACA,uBAAsB,gBAAW,iBAAX,mBAA0B;AAAA,gBAClD;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,MAEA,oBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAAI,cAAG;AAAA,MAEjC;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;",
   "names": ["_a", "_b", "_c"]
 }

package/dist/esm/views/ThemeDebug.mjs

@@ -45,7 +45,7 @@ function ThemeDebug({
       });
     }, [themeState.themeManager]);
     useEffect(() => {
-      const tm = setInterval(rerender, 100);
+      const tm = setInterval(rerender, 1e3);
       return () => clearTimeout(tm);
     }, []);
     return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/esm/views/ThemeDebug.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeDebug.tsx"],
-  "mappings": "AA+DM,mBA+BE,KA7BE,YAFJ;AA/DN,SAAS,sBAAsB;AAC/B,SAAS,WAAW,OAAO,gBAAgB;AAC3C,SAAS,oBAAoB;AAK7B,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAjBH;AAmBE,MAAI,WAAW,qBAAqB,GAAG;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,UAAM,WAAW,eAAe;AAChC,UAAM,KAAK,MAAM;AAEjB,QAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,aAAa,aAAa;AAC7E,UAAI,CAAC,MAAM;AACT,eAAO,SAAS,cAAc,KAAK;AACnC,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,YAAY;AACvB,aAAK,MAAM,WAAW;AACtB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,MAAM;AACjB,aAAK,MAAM,OAAO;AAClB,aAAK,MAAM,QAAQ;AACnB,aAAK,MAAM,UAAU;AACrB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,gBAAgB;AAC3B,aAAK,MAAM,aAAa;AACxB,iBAAS,KAAK,YAAY,IAAI;AAAA,MAChC;AAAA,IACF;AAEA,cAAU,MAAM;AA9CpB,UAAAA,KAAAC;AA+CM,OAAAA,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC,cAAc,CAAC,MAAM,YAAY;AA/C/E,YAAAD,KAAAC,KAAAC;AAgDQ,yBAAiB,CAAC,MAAM,EAAE,CAAC;AAC3B,gBAAQ;AAAA,UACN,sBAAqBF,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,mBAAkBE,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC;AAAA,UACxG;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,cAAU,MAAM;AAEd,YAAM,KAAK,YAAY,UAAU,GAAG;AACpC,aAAO,MAAM,aAAa,EAAE;AAAA,IAC9B,GAAG,CAAC,CAAC;AAEL,WACE,iCACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,MAAM,WAAW;AAAA,kBACjB,WAAW,WAAW;AAAA,kBACtB,SAAS,WAAW;AAAA,kBACpB,gBAAgB,WAAW;AAAA,kBAC3B,SAAQ,gBAAW,iBAAX,mBAAyB,MAAM;AAAA,kBACvC,KAAI,gBAAW,iBAAX,mBAAyB;AAAA,kBAC7B,WAAU,sBAAW,iBAAX,mBAAyB,kBAAzB,mBAAwC;AAAA,kBAClD,OAAO,WAAW;AAAA,kBAClB;AAAA,kBACA,WAAW,CAAC,KAAI,gBAAW,iBAAX,mBAA0B,qBAAoB,CAAC,CAAE,EAAE;AAAA,oBACjE;AAAA,kBACF;AAAA,kBACA,uBAAsB,gBAAW,iBAAX,mBAA0B;AAAA,gBAClD;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,MAEA,oBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAAI,cAAG;AAAA,MAEjC;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "mappings": "AA+DM,mBA+BE,KA7BE,YAFJ;AA/DN,SAAS,sBAAsB;AAC/B,SAAS,WAAW,OAAO,gBAAgB;AAC3C,SAAS,oBAAoB;AAK7B,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAjBH;AAmBE,MAAI,WAAW,qBAAqB,GAAG;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,UAAM,WAAW,eAAe;AAChC,UAAM,KAAK,MAAM;AAEjB,QAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,aAAa,aAAa;AAC7E,UAAI,CAAC,MAAM;AACT,eAAO,SAAS,cAAc,KAAK;AACnC,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,YAAY;AACvB,aAAK,MAAM,WAAW;AACtB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,MAAM;AACjB,aAAK,MAAM,OAAO;AAClB,aAAK,MAAM,QAAQ;AACnB,aAAK,MAAM,UAAU;AACrB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,gBAAgB;AAC3B,aAAK,MAAM,aAAa;AACxB,iBAAS,KAAK,YAAY,IAAI;AAAA,MAChC;AAAA,IACF;AAEA,cAAU,MAAM;AA9CpB,UAAAA,KAAAC;AA+CM,OAAAA,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC,cAAc,CAAC,MAAM,YAAY;AA/C/E,YAAAD,KAAAC,KAAAC;AAgDQ,yBAAiB,CAAC,MAAM,EAAE,CAAC;AAC3B,gBAAQ;AAAA,UACN,sBAAqBF,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,mBAAkBE,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC;AAAA,UACxG;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,cAAU,MAAM;AAEd,YAAM,KAAK,YAAY,UAAU,GAAI;AACrC,aAAO,MAAM,aAAa,EAAE;AAAA,IAC9B,GAAG,CAAC,CAAC;AAEL,WACE,iCACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,MAAM,WAAW;AAAA,kBACjB,WAAW,WAAW;AAAA,kBACtB,SAAS,WAAW;AAAA,kBACpB,gBAAgB,WAAW;AAAA,kBAC3B,SAAQ,gBAAW,iBAAX,mBAAyB,MAAM;AAAA,kBACvC,KAAI,gBAAW,iBAAX,mBAAyB;AAAA,kBAC7B,WAAU,sBAAW,iBAAX,mBAAyB,kBAAzB,mBAAwC;AAAA,kBAClD,OAAO,WAAW;AAAA,kBAClB;AAAA,kBACA,WAAW,CAAC,KAAI,gBAAW,iBAAX,mBAA0B,qBAAoB,CAAC,CAAE,EAAE;AAAA,oBACjE;AAAA,kBACF;AAAA,kBACA,uBAAsB,gBAAW,iBAAX,mBAA0B;AAAA,gBAClD;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,MAEA,oBAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAAI,cAAG;AAAA,MAEjC;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;",
   "names": ["_a", "_b", "_c"]
 }

package/dist/esm/views/ThemeProvider.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { isClient } from "@tamagui/constants";
 import { createContext, useLayoutEffect, useMemo } from "react";
-import { THEME_CLASSNAME_PREFIX } from "../constants/constants.js";
-import { Theme } from "./Theme.js";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
+import { Theme } from "./Theme";
 const ThemeProviderRootContext = createContext(null);
 const ThemeProvider = (props) => {
   if (isClient) {

package/dist/esm/views/ThemeProvider.mjs

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { isClient } from "@tamagui/constants";
 import { createContext, useLayoutEffect, useMemo } from "react";
-import { THEME_CLASSNAME_PREFIX } from "../constants/constants.js";
-import { Theme } from "./Theme.js";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
+import { Theme } from "./Theme";
 const ThemeProviderRootContext = createContext(null);
 const ThemeProvider = (props) => {
   if (isClient) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "1.22.6",
+  "version": "1.22.8",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -27,19 +27,19 @@
     "reset.css"
   ],
   "dependencies": {
-    "@tamagui/compose-refs": "1.22.6",
-    "@tamagui/constants": "1.22.6",
-    "@tamagui/helpers": "1.22.6",
-    "@tamagui/normalize-css-color": "1.22.6",
-    "@tamagui/use-did-finish-ssr": "1.22.6",
-    "@tamagui/use-event": "1.22.6",
-    "@tamagui/use-force-update": "1.22.6"
+    "@tamagui/compose-refs": "1.22.8",
+    "@tamagui/constants": "1.22.8",
+    "@tamagui/helpers": "1.22.8",
+    "@tamagui/normalize-css-color": "1.22.8",
+    "@tamagui/use-did-finish-ssr": "1.22.8",
+    "@tamagui/use-event": "1.22.8",
+    "@tamagui/use-force-update": "1.22.8"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.22.6",
+    "@tamagui/build": "1.22.8",
     "@testing-library/react": "^13.4.0",
     "csstype": "^3.0.10",
     "react": "^18.2.0",

package/src/Tamagui.ts

@@ -1,12 +1,12 @@
 import * as Helpers from '@tamagui/helpers'
 
-import { getConfig } from './config.js'
+import { getConfig } from './config'
 import {
   getAllRules,
   getAllSelectors,
   getAllTransforms,
-} from './helpers/insertStyleRule.js'
-import { mediaState } from './hooks/useMedia.js'
+} from './helpers/insertStyleRule'
+import { mediaState } from './hooks/useMedia'
 
 // easy introspection
 // only included in dev mode

package/src/config.ts

@@ -1,4 +1,4 @@
-import { ConfigListener, TamaguiInternalConfig, TokensMerged } from './types.js'
+import { ConfigListener, TamaguiInternalConfig, TokensMerged } from './types'
 
 let conf: TamaguiInternalConfig | null
 

package/src/contexts/FontLanguageContext.tsx

@@ -1,5 +1,5 @@
 import { createContext } from 'react'
 
-import type { LanguageContextType } from '../views/FontLanguage.types.js'
+import type { LanguageContextType } from '../views/FontLanguage.types'
 
 export const FontLanguageContext = createContext<LanguageContextType | null>(null)

package/src/createComponent.tsx

@@ -15,27 +15,26 @@ import React, {
   memo,
   useCallback,
   useContext,
-  useEffect,
   useId,
   useRef,
 } from 'react'
 
-import { onConfiguredOnce } from './config.js'
-import { stackDefaultStyles } from './constants/constants.js'
-import { FontLanguageContext } from './contexts/FontLanguageContext.js'
-import { TextAncestorContext } from './contexts/TextAncestorContext.js'
-import { didGetVariableValue, setDidGetVariableValue } from './createVariable.js'
-import { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig.js'
-import { useSplitStyles } from './helpers/getSplitStyles.js'
-import { mergeProps } from './helpers/mergeProps.js'
-import { proxyThemeVariables } from './helpers/proxyThemeVariables.js'
-import { themeable } from './helpers/themeable.js'
-import { useShallowSetState } from './helpers/useShallowSetState.js'
-import { useAnimationDriver } from './hooks/useAnimationDriver.js'
-import { setMediaShouldUpdate, useMedia } from './hooks/useMedia.js'
-import { useServerRef, useServerState } from './hooks/useServerHooks.js'
-import { useThemeWithState } from './hooks/useTheme.js'
-import { hooks } from './setupHooks.js'
+import { onConfiguredOnce } from './config'
+import { stackDefaultStyles } from './constants/constants'
+import { FontLanguageContext } from './contexts/FontLanguageContext'
+import { TextAncestorContext } from './contexts/TextAncestorContext'
+import { didGetVariableValue, setDidGetVariableValue } from './createVariable'
+import { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'
+import { useSplitStyles } from './helpers/getSplitStyles'
+import { mergeProps } from './helpers/mergeProps'
+import { proxyThemeVariables } from './helpers/proxyThemeVariables'
+import { themeable } from './helpers/themeable'
+import { useShallowSetState } from './helpers/useShallowSetState'
+import { useAnimationDriver } from './hooks/useAnimationDriver'
+import { setMediaShouldUpdate, useMedia } from './hooks/useMedia'
+import { useServerRef, useServerState } from './hooks/useServerHooks'
+import { useThemeWithState } from './hooks/useTheme'
+import { hooks } from './setupHooks'
 import {
   DebugProp,
   SpaceDirection,
@@ -47,14 +46,13 @@ import {
   TamaguiComponent,
   TamaguiComponentEvents,
   TamaguiComponentState,
-  TamaguiConfig,
   TamaguiElement,
   TamaguiInternalConfig,
   UseAnimationHook,
   UseAnimationProps,
 } from './types'
-import { Slot } from './views/Slot.js'
-import { useThemedChildren } from './views/Theme.js'
+import { Slot } from './views/Slot'
+import { useThemedChildren } from './views/Theme'
 import { ThemeDebug } from './views/ThemeDebug'
 
 // let t
@@ -128,6 +126,7 @@ export function createComponent<
 ) {
   const staticConfig = (() => {
     const next = extendStaticConfig(configIn, ParentComponent)
+
     if ('parsed' in next) {
       return next
     } else {
@@ -138,7 +137,7 @@ export function createComponent<
   const { isHOC } = staticConfig
 
   const defaultComponentClassName = `is_${staticConfig.componentName}`
-  let tamaguiDefaultProps: any
+  let defaultProps: any
   let defaultTag: string | undefined
 
   // see onConfiguredOnce below which attaches a name then to this component
@@ -167,8 +166,8 @@ export function createComponent<
     // React inserts default props after your props for some reason...
     // order important so we do loops, you can't just spread because JS does weird things
     let props: any
-    if (tamaguiDefaultProps && !propsIn.asChild) {
-      props = mergeProps(tamaguiDefaultProps, propsIn)[0]
+    if (defaultProps && !propsIn.asChild) {
+      props = mergeProps(defaultProps, propsIn)[0]
     } else {
       props = propsIn
     }
@@ -827,7 +826,7 @@ export function createComponent<
         if (typeof window !== 'undefined') {
           // prettier-ignore
           // rome-ignore lint/nursery/noConsoleLog: <explanation>
-          console.log({ state, themeState, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, staticConfig, tamaguiConfig, shouldForcePseudo })
+          console.log({ state, themeState, isAnimated, isAnimatedReactNativeWeb, defaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, staticConfig, tamaguiConfig, shouldForcePseudo })
         }
         console.groupEnd()
         console.groupEnd()
@@ -877,35 +876,14 @@ export function createComponent<
 
     const debug = defaultPropsIn['debug']
 
-    // remove all classNames
-    const [ourProps, ourClassNames] = mergeProps(defaultPropsIn)
-
-    if (ourProps.tag) {
-      defaultTag = ourProps.tag
+    if (defaultPropsIn.tag) {
+      defaultTag = defaultPropsIn.tag
     }
 
     const noClassNames = !staticConfig.acceptsClassName
-    const { name, variants, defaultVariants, ...restProps } = ourProps
-
-    // must preserve prop order
-    // leave out className because we handle that already with initialSplitStyles.classNames
-    // otherwise it confuses variant functions getting className props
-    const [defaults, defaultsClassnames] = mergeProps(
-      component.defaultProps as any,
-      restProps
-    )
-
-    // split - keep variables on props to be processed using theme values at runtime (native)
-    if (process.env.TAMAGUI_TARGET === 'native') {
-      for (const key in staticConfig.defaultProps) {
-        const val = staticConfig.defaultProps[key]
-        if (validPseudoKeys[key]) continue
-        defaults[key] = val
-      }
-    }
+    const { name, variants, defaultVariants, ...restProps } = defaultPropsIn
 
-    // set to global
-    tamaguiDefaultProps = defaults
+    defaultProps = restProps
 
     // add debug logs
     if (process.env.NODE_ENV === 'development' && debug) {
@@ -913,17 +891,9 @@ export function createComponent<
         // rome-ignore lint/nursery/noConsoleLog: <explanation>
         console.log(`🐛 [${staticConfig.componentName || 'Component'}]`, {
           staticConfig,
-          tamaguiDefaultProps,
-          defaults,
           defaultPropsIn,
-          defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps),
-          defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [
-            k,
-            defaultPropsIn[k],
-          ]),
-          ourProps,
-          ourClassNames,
-          defaultsClassnames,
+          defaultProps,
+          defaultPropsKeyOrder: Object.keys(defaultProps),
           defaultTag,
           noClassNames,
         })
@@ -939,40 +909,37 @@ export function createComponent<
     res = memo(res) as any
   }
 
+  // is this necessary?
   res.staticConfig = {
     validStyles: staticConfig.validStyles || stylePropsView,
     ...staticConfig,
   }
 
-  function extendStyledConfig(Component: any, conf?: Partial<StaticConfig>) {
+  function extendStyledConfig() {
     return extendStaticConfig(
       {
-        Component: Component as any,
-        ...conf,
+        ...staticConfig,
         neverFlatten: true,
         isHOC: true,
-        defaultProps: mergeProps(Component['defaultProps'], conf?.defaultProps)[0],
       },
       res
     )
   }
 
-  function extractable(Component, conf?: Partial<StaticConfig>) {
-    const extendedConfig = extendStyledConfig(Component, conf)
-    Component.staticConfig = extendedConfig
+  function extractable(Component: any) {
+    Component.staticConfig = extendStyledConfig()
     Component.styleable = styleable
     return Component
   }
 
-  function styleable(Component: any, conf?: Partial<StaticConfig>) {
+  function styleable(Component: any) {
     const isForwardedRefAlready = Component.render?.length === 2
     const ComponentForwardedRef = isForwardedRefAlready
       ? (Component as any)
       : forwardRef(Component as any)
 
-    const extendedConfig = extendStyledConfig(Component, conf)
+    const extendedConfig = extendStyledConfig()
     const out = themeable(ComponentForwardedRef, extendedConfig) as any
-    extendedConfig.Component = out
     out.staticConfig = extendedConfig
     out.styleable = styleable
     return out

package/src/createFont.ts

@@ -1,4 +1,4 @@
-import { FontWeightSteps, GenericFont } from './types.js'
+import { FontWeightSteps, GenericFont } from './types'
 
 const fontWeights: FontWeightSteps[] = [
   '100',

package/src/createShorthands.ts

@@ -1,4 +1,4 @@
-import { CreateShorthands } from './types.js'
+import { CreateShorthands } from './types'
 
 // just a type helper util
 

package/src/createTamagui.ts

@@ -1,28 +1,28 @@
 import { isRSC, isWeb } from '@tamagui/constants'
 
-import { configListeners, setConfig } from './config.js'
-import { createVariables, tokensKeysOrdered } from './createVariables.js'
-import { getThemeCSSRules } from './helpers/getThemeCSSRules.js'
+import { configListeners, setConfig } from './config'
+import { createVariables, tokensKeysOrdered } from './createVariables'
+import { getThemeCSSRules } from './helpers/getThemeCSSRules'
 import {
   getAllRules,
   listenForSheetChanges,
   scanAllSheets,
-} from './helpers/insertStyleRule.js'
+} from './helpers/insertStyleRule'
 import {
   registerCSSVariable,
   tokensValueToVariable,
   variableToCSS,
-} from './helpers/registerCSSVariable.js'
-import { ensureThemeVariable, proxyThemeToParents } from './helpers/themes.js'
-import { configureMedia } from './hooks/useMedia.js'
-import { parseFont, registerFontVariables } from './insertFont.js'
-import { Tamagui } from './Tamagui.js'
+} from './helpers/registerCSSVariable'
+import { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'
+import { configureMedia } from './hooks/useMedia'
+import { parseFont, registerFontVariables } from './insertFont'
+import { Tamagui } from './Tamagui'
 import {
   CreateTamaguiProps,
   InferTamaguiConfig,
   TamaguiInternalConfig,
   ThemeParsed,
-} from './types.js'
+} from './types'
 
 // config is re-run by the @tamagui/static, dont double validate
 const createdConfigs = new WeakMap<any, boolean>()

package/src/createTheme.ts

@@ -1,4 +1,4 @@
-import type { Variable } from './createVariable.js'
+import type { Variable } from './createVariable'
 
 type GenericTheme = { [key: string]: string | Variable }
 

package/src/createTokens.ts

@@ -1,6 +1,6 @@
-import { Variable } from './createVariable.js'
-import { createVariables } from './createVariables.js'
-import { CreateTokens } from './types.js'
+import { Variable } from './createVariable'
+import { createVariables } from './createVariables'
+import { CreateTokens } from './types'
 
 // tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }
 export function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {

package/src/createVariable.ts

@@ -1,7 +1,7 @@
 import { isWeb } from '@tamagui/constants'
 import { simpleHash } from '@tamagui/helpers'
 
-import { getConfig } from './config.js'
+import { getConfig } from './config'
 
 /**
  * Should rename this to Token

package/src/createVariables.ts

@@ -1,6 +1,6 @@
 import { simpleHash } from '@tamagui/helpers'
 
-import { Variable, createVariable, isVariable } from './createVariable.js'
+import { Variable, createVariable, isVariable } from './createVariable'
 
 type DeepTokenObject<Val extends string | number = any> = {
   [key: string]: Val | DeepTokenObject<Val>

package/src/helpers/ThemeManager.tsx

@@ -1,7 +1,7 @@
-import { getThemes, getTokens } from '../config.js'
-import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants.js'
-import { getThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'
-import { ThemeParsed, ThemeProps } from '../types.js'
+import { getThemes, getTokens } from '../config'
+import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants'
+import { getThemeUnwrapped } from '../hooks/getThemeUnwrapped'
+import { ThemeParsed, ThemeProps } from '../types'
 
 type ThemeListener = (name: string | null, themeManager: ThemeManager) => void
 

package/src/helpers/ThemeManagerContext.tsx

@@ -1,5 +1,5 @@
 import { createContext } from 'react'
 
-import { ThemeManager } from './ThemeManager.js'
+import { ThemeManager } from './ThemeManager'
 
 export const ThemeManagerContext = createContext<ThemeManager | null>(null)

package/src/helpers/createMediaStyle.ts

@@ -1,5 +1,5 @@
-import { mediaObjectToString } from '../hooks/useMedia.js'
-import type { MediaQueries, MediaStyleObject, StyleObject } from '../types.js'
+import { mediaObjectToString } from '../hooks/useMedia'
+import type { MediaQueries, MediaStyleObject, StyleObject } from '../types'
 
 // TODO have this be used by extractMediaStyle in tamagui static
 // not synced to static/constants for now