@tamagui/web 1.30.25 → 1.30.27

package/dist/cjs/helpers/createStyledContext.js

@@ -23,6 +23,7 @@ __export(createStyledContext_exports, {
 module.exports = __toCommonJS(createStyledContext_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
+var import_objectIdentityKey = require("./objectIdentityKey");
 function createStyledContext(props) {
   const OGContext = (0, import_react.createContext)(null);
   const OGProvider = OGContext.Provider;
@@ -31,7 +32,8 @@ function createStyledContext(props) {
     children,
     ...values
   }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OGProvider, { value: (0, import_react.useMemo)(() => values, Object.values(values)), children });
+    const value = (0, import_react.useMemo)(() => values, [(0, import_objectIdentityKey.objectIdentityKey)(values)]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OGProvider, { value, children });
   };
   Context.Provider = Provider;
   Context.props = props;

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/createStyledContext.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BM;AA1BN,mBAA0D;AAcnD,SAAS,oBACd,OAC6B;AAC7B,QAAM,gBAAY,4BAAmB,IAAI;AACzC,QAAM,aAAa,UAAU;AAC7B,QAAM,UAAU;AAEhB,QAAM,WAAW,CAAC;AAAA,IAChB;AAAA,IACA,GAAG;AAAA,EACL,MAAqD;AACnD,WACE,4CAAC,cAAW,WAAO,sBAAQ,MAAM,QAAQ,OAAO,OAAO,MAAM,CAAC,GAC3D,UACH;AAAA,EAEJ;AAGA,UAAQ,WAAW;AACnB,UAAQ,QAAQ;AAEhB,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BW;AA5BX,mBAA0D;AAE1D,+BAAkC;AAc3B,SAAS,oBACd,OAC6B;AAC7B,QAAM,gBAAY,4BAAmB,IAAI;AACzC,QAAM,aAAa,UAAU;AAC7B,QAAM,UAAU;AAEhB,QAAM,WAAW,CAAC;AAAA,IAChB;AAAA,IACA,GAAG;AAAA,EACL,MAAqD;AACnD,UAAM,YAAQ,sBAAQ,MAAM,QAAQ,KAAC,4CAAkB,MAAM,CAAC,CAAC;AAC/D,WAAO,4CAAC,cAAW,OAAe,UAAS;AAAA,EAC7C;AAGA,UAAQ,WAAW;AACnB,UAAQ,QAAQ;AAEhB,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/helpers/objectIdentityKey.js

@@ -0,0 +1,47 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var objectIdentityKey_exports = {};
+__export(objectIdentityKey_exports, {
+  objectIdentityKey: () => objectIdentityKey
+});
+module.exports = __toCommonJS(objectIdentityKey_exports);
+function objectIdentityKey(obj) {
+  let k = "";
+  for (const key in obj) {
+    k += key;
+    const arg = obj[key];
+    let type = typeof arg;
+    if (!arg || type !== "object") {
+      k += type + arg;
+    } else if (cache.has(arg)) {
+      k += cache.get(arg);
+    } else {
+      let v = Math.random();
+      cache.set(arg, v);
+      k += v;
+    }
+  }
+  return k;
+}
+const cache = /* @__PURE__ */ new WeakMap();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  objectIdentityKey
+});
+//# sourceMappingURL=objectIdentityKey.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/objectIdentityKey.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,kBAAkB,KAAa;AAC7C,MAAI,IAAI;AACR,aAAW,OAAO,KAAK;AACrB,SAAK;AACL,UAAM,MAAM,IAAI,GAAG;AACnB,QAAI,OAAO,OAAO;AAClB,QAAI,CAAC,OAAO,SAAS,UAAU;AAC7B,WAAK,OAAO;AAAA,IACd,WAAW,MAAM,IAAI,GAAG,GAAG;AACzB,WAAK,MAAM,IAAI,GAAG;AAAA,IACpB,OAAO;AACL,UAAI,IAAI,KAAK,OAAO;AACpB,YAAM,IAAI,KAAK,CAAC;AAChB,WAAK;AAAA,IACP;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,QAAQ,oBAAI,QAAQ;",
+  "names": []
+}

package/dist/esm/helpers/createStyledContext.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, useMemo } from "react";
+import { objectIdentityKey } from "./objectIdentityKey";
 function createStyledContext(props) {
   const OGContext = createContext(null);
   const OGProvider = OGContext.Provider;
@@ -8,7 +9,8 @@ function createStyledContext(props) {
     children,
     ...values
   }) => {
-    return /* @__PURE__ */ jsx(OGProvider, { value: useMemo(() => values, Object.values(values)), children });
+    const value = useMemo(() => values, [objectIdentityKey(values)]);
+    return /* @__PURE__ */ jsx(OGProvider, { value, children });
   };
   Context.Provider = Provider;
   Context.props = props;

package/dist/esm/helpers/createStyledContext.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/createStyledContext.tsx"],
-  "mappings": "AA0BM;AA1BN,SAAgB,eAA2B,eAAe;AAcnD,SAAS,oBACd,OAC6B;AAC7B,QAAM,YAAY,cAAmB,IAAI;AACzC,QAAM,aAAa,UAAU;AAC7B,QAAM,UAAU;AAEhB,QAAM,WAAW,CAAC;AAAA,IAChB;AAAA,IACA,GAAG;AAAA,EACL,MAAqD;AACnD,WACE,oBAAC,cAAW,OAAO,QAAQ,MAAM,QAAQ,OAAO,OAAO,MAAM,CAAC,GAC3D,UACH;AAAA,EAEJ;AAGA,UAAQ,WAAW;AACnB,UAAQ,QAAQ;AAEhB,SAAO;AACT;",
+  "mappings": "AA4BW;AA5BX,SAAgB,eAA2B,eAAe;AAE1D,SAAS,yBAAyB;AAc3B,SAAS,oBACd,OAC6B;AAC7B,QAAM,YAAY,cAAmB,IAAI;AACzC,QAAM,aAAa,UAAU;AAC7B,QAAM,UAAU;AAEhB,QAAM,WAAW,CAAC;AAAA,IAChB;AAAA,IACA,GAAG;AAAA,EACL,MAAqD;AACnD,UAAM,QAAQ,QAAQ,MAAM,QAAQ,CAAC,kBAAkB,MAAM,CAAC,CAAC;AAC/D,WAAO,oBAAC,cAAW,OAAe,UAAS;AAAA,EAC7C;AAGA,UAAQ,WAAW;AACnB,UAAQ,QAAQ;AAEhB,SAAO;AACT;",
   "names": []
 }

package/dist/esm/helpers/objectIdentityKey.js

@@ -0,0 +1,23 @@
+function objectIdentityKey(obj) {
+  let k = "";
+  for (const key in obj) {
+    k += key;
+    const arg = obj[key];
+    let type = typeof arg;
+    if (!arg || type !== "object") {
+      k += type + arg;
+    } else if (cache.has(arg)) {
+      k += cache.get(arg);
+    } else {
+      let v = Math.random();
+      cache.set(arg, v);
+      k += v;
+    }
+  }
+  return k;
+}
+const cache = /* @__PURE__ */ new WeakMap();
+export {
+  objectIdentityKey
+};
+//# sourceMappingURL=objectIdentityKey.js.map

package/dist/esm/helpers/objectIdentityKey.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/objectIdentityKey.tsx"],
+  "mappings": "AAAO,SAAS,kBAAkB,KAAa;AAC7C,MAAI,IAAI;AACR,aAAW,OAAO,KAAK;AACrB,SAAK;AACL,UAAM,MAAM,IAAI,GAAG;AACnB,QAAI,OAAO,OAAO;AAClB,QAAI,CAAC,OAAO,SAAS,UAAU;AAC7B,WAAK,OAAO;AAAA,IACd,WAAW,MAAM,IAAI,GAAG,GAAG;AACzB,WAAK,MAAM,IAAI,GAAG;AAAA,IACpB,OAAO;AACL,UAAI,IAAI,KAAK,OAAO;AACpB,YAAM,IAAI,KAAK,CAAC;AAChB,WAAK;AAAA,IACP;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,QAAQ,oBAAI,QAAQ;",
+  "names": []
+}

package/package.json

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

package/src/helpers/createStyledContext.tsx

@@ -1,5 +1,7 @@
 import React, { createContext, useContext, useMemo } from 'react'
 
+import { objectIdentityKey } from './objectIdentityKey'
+
 export type StyledContext<Props extends Object = any> = Omit<
   React.Context<Props>,
   'Provider'
@@ -23,11 +25,8 @@ export function createStyledContext<VariantProps extends Record<string, any>>(
     children,
     ...values
   }: VariantProps & { children?: React.ReactNode }) => {
-    return (
-      <OGProvider value={useMemo(() => values, Object.values(values))}>
-        {children}
-      </OGProvider>
-    )
+    const value = useMemo(() => values, [objectIdentityKey(values)])
+    return <OGProvider value={value}>{children}</OGProvider>
   }
 
   // @ts-ignore

package/src/helpers/objectIdentityKey.tsx

@@ -0,0 +1,20 @@
+export function objectIdentityKey(obj: Object) {
+  let k = ''
+  for (const key in obj) {
+    k += key
+    const arg = obj[key]
+    let type = typeof arg
+    if (!arg || type !== 'object') {
+      k += type + arg
+    } else if (cache.has(arg)) {
+      k += cache.get(arg)
+    } else {
+      let v = Math.random()
+      cache.set(arg, v)
+      k += v
+    }
+  }
+  return k
+}
+
+const cache = new WeakMap()

package/types/helpers/createStyledContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createStyledContext.d.ts","sourceRoot":"","sources":["../../src/helpers/createStyledContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAEjE,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,GAAG,IAAI,IAAI,CAC1D,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EACpB,UAAU,CACX,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,uBAAuB,CACrC,OAAO,CAAC,KAAK,CAAC,GAAG;QACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAC3B,CACF,CAAA;CACF,CAAA;AAED,wBAAgB,mBAAmB,CAAC,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1E,KAAK,EAAE,YAAY,GAClB,aAAa,CAAC,YAAY,CAAC,CAqB7B"}
+{"version":3,"file":"createStyledContext.d.ts","sourceRoot":"","sources":["../../src/helpers/createStyledContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAIjE,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,GAAG,IAAI,IAAI,CAC1D,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EACpB,UAAU,CACX,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,uBAAuB,CACrC,OAAO,CAAC,KAAK,CAAC,GAAG;QACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAC3B,CACF,CAAA;CACF,CAAA;AAED,wBAAgB,mBAAmB,CAAC,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1E,KAAK,EAAE,YAAY,GAClB,aAAa,CAAC,YAAY,CAAC,CAkB7B"}

package/types/helpers/objectIdentityKey.d.ts

@@ -0,0 +1,2 @@
+export declare function objectIdentityKey(obj: Object): string;
+//# sourceMappingURL=objectIdentityKey.d.ts.map

package/types/helpers/objectIdentityKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"objectIdentityKey.d.ts","sourceRoot":"","sources":["../../src/helpers/objectIdentityKey.tsx"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,UAiB5C"}