@tamagui/web 1.14.0 → 1.14.2

package/dist/cjs/hooks/useMedia.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useMedia.tsx"],
   "sourcesContent": ["import { startTransition, useEffect, useMemo, useSyncExternalStore } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { createProxy } from '../helpers/createProxy.js'\nimport { matchMedia } from '../helpers/matchMedia'\nimport type {\n  MediaQueries,\n  MediaQueryKey,\n  MediaQueryObject,\n  MediaQueryState,\n  TamaguiInternalConfig,\n} from '../types.js'\nimport { useSafeRef } from './useSafeRef.js'\n\nexport let mediaState: MediaQueryState =\n  // development only safeguard\n  process.env.NODE_ENV === 'development'\n    ? createProxy(\n        {},\n        {\n          get(target, key) {\n            if (\n              typeof key === 'string' &&\n              key[0] === '$' &&\n              // dont error on $$typeof\n              key[1] !== '$'\n            ) {\n              throw new Error(`Access mediaState should not use \"$\": ${key}`)\n            }\n            return Reflect.get(target, key)\n          },\n        }\n      )\n    : ({} as any)\n\nexport const mediaQueryConfig: MediaQueries = {}\nexport const getMedia = () => mediaState\nexport const mediaKeysWithAndWithout$ = new Set<string>()\n\n// for SSR capture it at time of startup\nlet initState: MediaQueryState\nexport const getInitialMediaState = () => {\n  return (getConfig().disableSSR ? mediaState : initState) || {}\n}\n\nlet mediaKeysOrdered: string[]\nexport const getMediaKeyImportance = (key: string) => {\n  if (process.env.NODE_ENV === 'development' && key[0] === '$') {\n    throw new Error('use short key')\n  }\n  // + 2 because we set base usedKeys=1 in getSplitStyles and all media go above 1\n  return mediaKeysOrdered.indexOf(key) + 2\n}\n\nconst dispose = new Set<Function>()\n\nexport const configureMedia = (config: TamaguiInternalConfig) => {\n  const { media, mediaQueryDefaultActive } = config\n  if (!media) return\n  for (const key in media) {\n    mediaState[key] = mediaQueryDefaultActive?.[key] || false\n    mediaKeysWithAndWithout$.add(key)\n    mediaKeysWithAndWithout$.add(`$${key}`)\n  }\n  Object.assign(mediaQueryConfig, media)\n  initState = { ...mediaState }\n  updateCurrentState()\n  mediaKeysOrdered = Object.keys(media)\n  if (config.disableSSR) {\n    setupMediaListeners()\n  }\n}\n\nfunction unlisten() {\n  dispose.forEach((cb) => cb())\n  dispose.clear()\n}\n\n/**\n * Note: This should *not* set the state on the first render!\n * Because to avoid hydration issues SSR must match the server\n * *and then* re-render with the actual media query state.\n */\nlet configuredKey = ''\nexport function setupMediaListeners() {\n  // avoid setting up more than once per config\n  const nextKey = JSON.stringify(mediaQueryConfig)\n  if (nextKey === configuredKey) return\n  configuredKey = nextKey\n\n  // hmr, undo existing before re-binding\n  unlisten()\n\n  for (const key in mediaQueryConfig) {\n    const str = mediaObjectToString(mediaQueryConfig[key])\n    const getMatch = () => matchMedia(str)\n    const match = getMatch()\n    if (!match) {\n      throw new Error('\u26A0\uFE0F No match')\n    }\n    // react native needs these deprecated apis for now\n    match.addListener(update)\n    dispose.add(() => {\n      match.removeListener(update)\n    })\n\n    update()\n\n    function update() {\n      const next = !!getMatch().matches\n      if (next === mediaState[key]) return\n      mediaState = { ...mediaState, [key]: next }\n      updateCurrentState()\n    }\n  }\n}\n\nexport function useMediaListeners(config: TamaguiInternalConfig) {\n  if (config.disableSSR) return\n  useEffect(() => {\n    setupMediaListeners()\n  }, [])\n}\n\nconst listeners = new Set<any>()\nlet flushing = false\nfunction updateCurrentState() {\n  if (flushing) return\n  flushing = true\n  Promise.resolve().then(() => {\n    flushing = false\n    startTransition(() => {\n      listeners.forEach((cb) => cb(mediaState))\n    })\n  })\n}\n\ntype MediaKeysState = {\n  [key: string]: any\n}\n\ntype UseMediaState = {\n  [key in MediaQueryKey]: boolean\n}\n\ntype UpdateState = {\n  enabled: boolean\n  keys: MediaQueryKey[]\n}\n\nconst shouldUpdate = new WeakMap<any, UpdateState>()\n\nexport function setMediaShouldUpdate(ref: any, props: UpdateState) {\n  return shouldUpdate.set(ref, props)\n}\n\ntype UseMediaInternalState = {\n  prev: MediaKeysState\n  touched?: Set<string>\n}\n\nfunction subscribe(subscriber: any) {\n  listeners.add(subscriber)\n  return () => listeners.delete(subscriber)\n}\n\nexport function useMedia(uid?: any, debug?: any): UseMediaState {\n  const internal = useSafeRef<UseMediaInternalState>(undefined as any)\n  if (!internal.current) {\n    internal.current = {\n      prev: initState,\n    }\n  }\n  const state = useSyncExternalStore<MediaQueryState>(\n    subscribe,\n    () => {\n      const { touched, prev } = internal.current\n      const componentState = uid ? shouldUpdate.get(uid) : undefined\n      if (componentState?.enabled === false) {\n        return prev\n      }\n\n      const testKeys =\n        componentState?.keys ??\n        ((!componentState || componentState.enabled) && touched ? [...touched] : null)\n\n      const hasntUpdated = testKeys?.every((key) => mediaState[key] === prev[key])\n      if (hasntUpdated) {\n        return prev\n      }\n\n      internal.current.prev = mediaState\n      return mediaState\n    },\n    () => initState\n  )\n\n  return useMemo(() => {\n    return new Proxy(state, {\n      get(_, key) {\n        if (typeof key === 'string') {\n          internal.current.touched ||= new Set()\n          internal.current.touched.add(key)\n        }\n        return Reflect.get(state, key)\n      },\n    })\n  }, [state])\n}\n\n/**\n * Useful for more complex components that need access to the currently active props,\n * accounting for the currently active media queries.\n *\n * Use sparingly, it will loop props and trigger re-render on all media queries.\n *\n * */\nexport function useMediaPropsActive<A extends Object>(\n  props: A\n): {\n  // remove all media\n  [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key]\n} {\n  const media = useMedia()\n\n  return useMemo(() => {\n    const next = {} as A\n    const importancesUsed = {}\n    const propNames = Object.keys(props)\n\n    for (let i = propNames.length - 1; i >= 0; i--) {\n      const key = propNames[i]\n      const val = props[key]\n      if (key[0] === '$') {\n        const mediaKey = key.slice(1)\n        if (!media[mediaKey]) continue\n        if (val && typeof val === 'object') {\n          const subKeys = Object.keys(val)\n          for (let j = subKeys.length; j--; j >= 0) {\n            const subKey = subKeys[j]\n            mergeMediaByImportance(next, mediaKey, subKey, val[subKey], importancesUsed)\n          }\n        }\n      } else {\n        mergeMediaByImportance(next, '', key, val, importancesUsed)\n      }\n    }\n\n    return next\n  }, [media, props])\n}\n\nexport const getMediaImportanceIfMoreImportant = (\n  mediaKey: string,\n  key: string,\n  importancesUsed: Record<string, number>\n) => {\n  const importance = getMediaKeyImportance(mediaKey)\n  return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null\n}\n\nexport function mergeMediaByImportance(\n  onto: Record<string, any>,\n  mediaKey: string,\n  key: string,\n  value: any,\n  importancesUsed: Record<string, number>\n) {\n  const importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed)\n  if (importance === null) {\n    return false\n  }\n  importancesUsed[key] = importance\n  onto[key] = value\n  return true\n}\n\nfunction camelToHyphen(str: string) {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n  if (typeof query === 'string') {\n    return query\n  }\n  return Object.entries(query)\n    .map(([feature, value]) => {\n      feature = camelToHyphen(feature)\n      if (typeof value === 'string') {\n        return `(${feature}: ${value})`\n      }\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = `${value}px`\n      }\n      return `(${feature}: ${value})`\n    })\n    .join(' and ')\n}\n"],
-  "mappings": "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",
-  "names": ["useMedia_exports", "__export", "configureMedia", "getInitialMediaState", "getMedia", "getMediaImportanceIfMoreImportant", "getMediaKeyImportance", "mediaKeysWithAndWithout$", "mediaObjectToString", "mediaQueryConfig", "mediaState", "mergeMediaByImportance", "setMediaShouldUpdate", "setupMediaListeners", "useMedia", "useMediaListeners", "useMediaPropsActive", "__toCommonJS", "import_react", "import_config", "import_createProxy", "import_matchMedia", "import_useSafeRef", "target", "key", "initState", "mediaKeysOrdered", "dispose", "config", "media", "mediaQueryDefaultActive", "updateCurrentState", "unlisten", "cb", "configuredKey", "nextKey", "update", "next", "getMatch", "str", "match", "listeners", "flushing", "shouldUpdate", "ref", "props", "subscribe", "subscriber", "uid", "debug", "internal", "state", "touched", "prev", "componentState", "testKeys", "_", "_a", "importancesUsed", "propNames", "i", "val", "mediaKey", "subKeys", "j", "subKey", "importance", "onto", "value", "camelToHyphen", "m", "query", "feature"]
+  "mappings": "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",
+  "names": ["update"]
 }

package/dist/cjs/hooks/useSafeRef.js

@@ -1,2 +1,59 @@
-"use strict";var c=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var r in e)c(t,r,{get:e[r],enumerable:!0})},x=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let u of T(e))!a.call(t,u)&&u!==r&&c(t,u,{get:()=>e[u],enumerable:!(o=s(e,u))||o.enumerable});return t};var d=t=>x(c({},"__esModule",{value:!0}),t);var R={};h(R,{useSafeRef:()=>l});module.exports=d(R);var n=require("@tamagui/constants"),f=require("react");const l=t=>{const e=(0,f.useRef)();e.current||(e.current={hold:!0,next:t,cur:t,ref:{get current(){return r.hold?r.cur:r.next},set current(o){r.hold||(r.next=o),r.cur=o}}});const r=e.current;return r.hold=!0,r.cur=r.next,(0,n.useIsomorphicLayoutEffect)(()=>{r.hold=!1,r.next=r.cur}),r.ref};0&&(module.exports={useSafeRef});
+"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 useSafeRef_exports = {};
+__export(useSafeRef_exports, {
+  useSafeRef: () => useSafeRef
+});
+module.exports = __toCommonJS(useSafeRef_exports);
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+const useSafeRef = (initialValue) => {
+  const rawRef = (0, import_react.useRef)();
+  if (!rawRef.current) {
+    rawRef.current = {
+      hold: true,
+      next: initialValue,
+      cur: initialValue,
+      ref: {
+        get current() {
+          return raw.hold ? raw.cur : raw.next;
+        },
+        set current(v) {
+          if (!raw.hold) {
+            raw.next = v;
+          }
+          raw.cur = v;
+        }
+      }
+    };
+  }
+  const raw = rawRef.current;
+  raw.hold = true;
+  raw.cur = raw.next;
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    raw.hold = false;
+    raw.next = raw.cur;
+  });
+  return raw.ref;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSafeRef
+});
 //# sourceMappingURL=useSafeRef.js.map

package/dist/cjs/hooks/useSafeRef.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useSafeRef.ts"],
   "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useRef } from 'react'\n\n// dai-shi \uD83D\uDE4F\n// https://dev.to/uhyo_/a-concurrent-mode-safe-version-of-useref-1325\n// probably can live without it though to save a bit of b\n\ntype Raw<T> = {\n  hold: boolean\n  next: T\n  cur: T\n  ref: { current: T }\n}\n\nexport const useSafeRef = <T>(initialValue: T) => {\n  const rawRef = useRef<Raw<T>>()\n  if (!rawRef.current) {\n    rawRef.current = {\n      hold: true,\n      next: initialValue,\n      cur: initialValue,\n      ref: {\n        get current() {\n          return raw.hold ? raw.cur : raw.next\n        },\n        set current(v) {\n          if (!raw.hold) {\n            raw.next = v\n          }\n          raw.cur = v\n        },\n      },\n    }\n  }\n\n  const raw: Raw<T> = rawRef.current\n  raw.hold = true\n  raw.cur = raw.next\n  useIsomorphicLayoutEffect(() => {\n    raw.hold = false\n    raw.next = raw.cur\n  })\n\n  return raw.ref\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA0C,8BAC1CC,EAAuB,iBAahB,MAAMH,EAAiBI,GAAoB,CAChD,MAAMC,KAAS,UAAe,EACzBA,EAAO,UACVA,EAAO,QAAU,CACf,KAAM,GACN,KAAMD,EACN,IAAKA,EACL,IAAK,CACH,IAAI,SAAU,CACZ,OAAOE,EAAI,KAAOA,EAAI,IAAMA,EAAI,IAClC,EACA,IAAI,QAAQC,EAAG,CACRD,EAAI,OACPA,EAAI,KAAOC,GAEbD,EAAI,IAAMC,CACZ,CACF,CACF,GAGF,MAAMD,EAAcD,EAAO,QAC3B,OAAAC,EAAI,KAAO,GACXA,EAAI,IAAMA,EAAI,QACd,6BAA0B,IAAM,CAC9BA,EAAI,KAAO,GACXA,EAAI,KAAOA,EAAI,GACjB,CAAC,EAEMA,EAAI,GACb",
-  "names": ["useSafeRef_exports", "__export", "useSafeRef", "__toCommonJS", "import_constants", "import_react", "initialValue", "rawRef", "raw", "v"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C;AAC1C,mBAAuB;AAahB,MAAM,aAAa,CAAI,iBAAoB;AAChD,QAAM,aAAS,qBAAe;AAC9B,MAAI,CAAC,OAAO,SAAS;AACnB,WAAO,UAAU;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AAAA,QACH,IAAI,UAAU;AACZ,iBAAO,IAAI,OAAO,IAAI,MAAM,IAAI;AAAA,QAClC;AAAA,QACA,IAAI,QAAQ,GAAG;AACb,cAAI,CAAC,IAAI,MAAM;AACb,gBAAI,OAAO;AAAA,UACb;AACA,cAAI,MAAM;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,MAAc,OAAO;AAC3B,MAAI,OAAO;AACX,MAAI,MAAM,IAAI;AACd,kDAA0B,MAAM;AAC9B,QAAI,OAAO;AACX,QAAI,OAAO,IAAI;AAAA,EACjB,CAAC;AAED,SAAO,IAAI;AACb;",
+  "names": []
 }

package/dist/cjs/hooks/useServerHooks.js

@@ -1,2 +1,36 @@
-"use strict";var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:!0})},i=(e,t,n,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of p(t))!S.call(e,s)&&s!==n&&r(e,s,{get:()=>t[s],enumerable:!(u=f(t,s))||u.enumerable});return e};var m=e=>i(r({},"__esModule",{value:!0}),e);var v={};c(v,{useServerRef:()=>R,useServerState:()=>y});module.exports=m(v);var a=require("@tamagui/constants"),o=require("react");const y=a.isRSC?e=>[e,k]:o.useState,R=a.isRSC?e=>({current:e}):o.useRef,k=()=>{};0&&(module.exports={useServerRef,useServerState});
+"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 useServerHooks_exports = {};
+__export(useServerHooks_exports, {
+  useServerRef: () => useServerRef,
+  useServerState: () => useServerState
+});
+module.exports = __toCommonJS(useServerHooks_exports);
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+const useServerState = import_constants.isRSC ? (val) => [val, idFn] : import_react.useState;
+const useServerRef = import_constants.isRSC ? (val) => ({ current: val }) : import_react.useRef;
+const idFn = () => {
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useServerRef,
+  useServerState
+});
 //# sourceMappingURL=useServerHooks.js.map

package/dist/cjs/hooks/useServerHooks.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useServerHooks.tsx"],
   "sourcesContent": ["import { isRSC } from '@tamagui/constants'\nimport { useRef, useState } from 'react'\n\nexport const useServerState = isRSC\n  ? (((val: any) => [val, idFn]) as unknown as typeof useState)\n  : useState\n\nexport const useServerRef = isRSC\n  ? (((val: any) => ({ current: val })) as unknown as typeof useRef)\n  : useRef\n\nconst idFn = () => {}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,EAAA,mBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAsB,8BACtBC,EAAiC,iBAE1B,MAAMH,EAAiB,QACvBI,GAAa,CAACA,EAAKC,CAAI,EAC1B,WAESN,EAAe,QACrBK,IAAc,CAAE,QAASA,CAAI,GAChC,SAEEC,EAAO,IAAM,CAAC",
-  "names": ["useServerHooks_exports", "__export", "useServerRef", "useServerState", "__toCommonJS", "import_constants", "import_react", "val", "idFn"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AACtB,mBAAiC;AAE1B,MAAM,iBAAiB,yBACxB,CAAC,QAAa,CAAC,KAAK,IAAI,IAC1B;AAEG,MAAM,eAAe,yBACtB,CAAC,SAAc,EAAE,SAAS,IAAI,KAChC;AAEJ,MAAM,OAAO,MAAM;AAAC;",
+  "names": []
 }

package/dist/cjs/hooks/useStyle.js

@@ -1,2 +1,61 @@
-"use strict";var m=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var o in t)m(e,o,{get:t[o],enumerable:!0})},T=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of C(t))!d.call(e,s)&&s!==o&&m(e,s,{get:()=>t[s],enumerable:!(n=x(t,s))||n.enumerable});return e};var b=e=>T(m({},"__esModule",{value:!0}),e);var N={};P(N,{useStyle:()=>h});module.exports=b(N);var r=require("@tamagui/constants"),l=require("react"),i=require("../contexts/FontLanguageContext.js"),p=require("../contexts/TextAncestorContext.js"),u=require("../helpers/getSplitStyles.js"),y=require("./useMedia.js"),S=require("./useTheme.js");function h(e,t,o){const n=e.staticConfig.isText,s=!!(r.isWeb&&n&&(0,l.useContext)(p.TextAncestorContext)),c=r.isRSC?null:(0,l.useContext)(i.FontLanguageContext),f=(0,S.useTheme)(),g=(0,y.useMedia)(),a=(0,u.useSplitStyles)(t,e.staticConfig,f,{...o,mediaState:g,hasTextAncestor:s,resolveVariablesAs:"auto"},null,c||void 0,n?"span":"div",o==null?void 0:o.debug);return{style:Object.keys(a.style).length?a.style:null,classNames:a.classNames}}0&&(module.exports={useStyle});
+"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 useStyle_exports = {};
+__export(useStyle_exports, {
+  useStyle: () => useStyle
+});
+module.exports = __toCommonJS(useStyle_exports);
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+var import_FontLanguageContext = require("../contexts/FontLanguageContext.js");
+var import_TextAncestorContext = require("../contexts/TextAncestorContext.js");
+var import_getSplitStyles = require("../helpers/getSplitStyles.js");
+var import_useMedia = require("./useMedia.js");
+var import_useTheme = require("./useTheme.js");
+function useStyle(base, style, options) {
+  const isText = base.staticConfig.isText;
+  const hasTextAncestor = !!(import_constants.isWeb && isText ? (0, import_react.useContext)(import_TextAncestorContext.TextAncestorContext) : false);
+  const languageContext = import_constants.isRSC ? null : (0, import_react.useContext)(import_FontLanguageContext.FontLanguageContext);
+  const theme = (0, import_useTheme.useTheme)();
+  const media = (0, import_useMedia.useMedia)();
+  const out = (0, import_getSplitStyles.useSplitStyles)(
+    style,
+    base.staticConfig,
+    theme,
+    {
+      ...options,
+      mediaState: media,
+      hasTextAncestor,
+      resolveVariablesAs: "auto"
+    },
+    null,
+    languageContext || void 0,
+    isText ? "span" : "div",
+    options == null ? void 0 : options.debug
+  );
+  return {
+    style: Object.keys(out.style).length ? out.style : null,
+    classNames: out.classNames
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyle
+});
 //# sourceMappingURL=useStyle.js.map

package/dist/cjs/hooks/useStyle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useStyle.tsx"],
   "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\nimport { useContext } from 'react'\n\nimport { FontLanguageContext } from '../contexts/FontLanguageContext.js'\nimport { TextAncestorContext } from '../contexts/TextAncestorContext.js'\nimport { useSplitStyles } from '../helpers/getSplitStyles.js'\nimport {\n  DebugProp,\n  GetProps,\n  SplitStyleState,\n  TamaguiComponent,\n  TextNonStyleProps,\n} from '../types'\nimport { useMedia } from './useMedia.js'\nimport { useTheme } from './useTheme.js'\n\nexport function useStyle<\n  Component extends TamaguiComponent,\n  StyleProps = Omit<GetProps<Component>, keyof TextNonStyleProps>\n>(\n  base: Component,\n  style: StyleProps,\n  options?: Partial<SplitStyleState> & { debug?: DebugProp }\n) {\n  const isText = base.staticConfig.isText\n  const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n  const languageContext = isRSC ? null : useContext(FontLanguageContext)\n  const theme = useTheme()\n  const media = useMedia()\n  const out = useSplitStyles(\n    style as any,\n    base.staticConfig,\n    theme,\n    {\n      ...(options as any),\n      mediaState: media,\n      hasTextAncestor,\n      resolveVariablesAs: 'auto',\n    },\n    null,\n    languageContext || undefined,\n    isText ? 'span' : 'div',\n    options?.debug\n  )\n  return {\n    style: Object.keys(out.style).length ? out.style : null,\n    classNames: out.classNames,\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,8BAC7BC,EAA2B,iBAE3BC,EAAoC,8CACpCC,EAAoC,8CACpCC,EAA+B,wCAQ/BC,EAAyB,yBACzBC,EAAyB,yBAElB,SAASR,EAIdS,EACAC,EACAC,EACA,CACA,MAAMC,EAASH,EAAK,aAAa,OAC3BI,EAAkB,CAAC,EAAE,SAASD,MAAS,cAAW,qBAAmB,GACrEE,EAAkB,QAAQ,QAAO,cAAW,qBAAmB,EAC/DC,KAAQ,YAAS,EACjBC,KAAQ,YAAS,EACjBC,KAAM,kBACVP,EACAD,EAAK,aACLM,EACA,CACE,GAAIJ,EACJ,WAAYK,EACZ,gBAAAH,EACA,mBAAoB,MACtB,EACA,KACAC,GAAmB,OACnBF,EAAS,OAAS,MAClBD,GAAA,YAAAA,EAAS,KACX,EACA,MAAO,CACL,MAAO,OAAO,KAAKM,EAAI,KAAK,EAAE,OAASA,EAAI,MAAQ,KACnD,WAAYA,EAAI,UAClB,CACF",
-  "names": ["useStyle_exports", "__export", "useStyle", "__toCommonJS", "import_constants", "import_react", "import_FontLanguageContext", "import_TextAncestorContext", "import_getSplitStyles", "import_useMedia", "import_useTheme", "base", "style", "options", "isText", "hasTextAncestor", "languageContext", "theme", "media", "out"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA6B;AAC7B,mBAA2B;AAE3B,iCAAoC;AACpC,iCAAoC;AACpC,4BAA+B;AAQ/B,sBAAyB;AACzB,sBAAyB;AAElB,SAAS,SAId,MACA,OACA,SACA;AACA,QAAM,SAAS,KAAK,aAAa;AACjC,QAAM,kBAAkB,CAAC,EAAE,0BAAS,aAAS,yBAAW,8CAAmB,IAAI;AAC/E,QAAM,kBAAkB,yBAAQ,WAAO,yBAAW,8CAAmB;AACrE,QAAM,YAAQ,0BAAS;AACvB,QAAM,YAAQ,0BAAS;AACvB,QAAM,UAAM;AAAA,IACV;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,MACE,GAAI;AAAA,MACJ,YAAY;AAAA,MACZ;AAAA,MACA,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,SAAS,SAAS;AAAA,IAClB,mCAAS;AAAA,EACX;AACA,SAAO;AAAA,IACL,OAAO,OAAO,KAAK,IAAI,KAAK,EAAE,SAAS,IAAI,QAAQ;AAAA,IACnD,YAAY,IAAI;AAAA,EAClB;AACF;",
+  "names": []
 }

package/dist/cjs/hooks/useTheme.js

@@ -1,2 +1,277 @@
-"use strict";var M=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var H=(t,n)=>{for(var o in n)M(t,o,{get:n[o],enumerable:!0})},J=(t,n,o,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of A(n))!F.call(t,e)&&e!==o&&M(t,e,{get:()=>n[e],enumerable:!(s=z(n,e))||s.enumerable});return t};var L=t=>J(M({},"__esModule",{value:!0}),t);var Z={};H(Z,{activeThemeManagers:()=>P,getThemeProxied:()=>w,useChangeThemeEffect:()=>I,useTheme:()=>Y,useThemeWithState:()=>B});module.exports=L(Z);var c=require("@tamagui/constants"),h=require("react"),D=require("../config.js"),O=require("../constants/isDevTools.js"),V=require("../helpers/createProxy.js"),b=require("../helpers/ThemeManager.js"),v=require("../helpers/ThemeManagerContext.js"),$=require("./getThemeUnwrapped.js"),j=require("./useServerHooks.js");const Q={name:null};function X(){const t=(0,D.getConfig)(),n=Object.keys(t.themes)[0];return w({theme:t.themes[n],name:n})}const Y=(t=Q)=>{var n;return(c.isRSC?null:(n=B(t))==null?void 0:n.theme)||X()},B=t=>{const n=(0,j.useServerRef)([]),o=I(t,!1,n.current,c.isClient?()=>{var m;return((m=t.shouldUpdate)==null?void 0:m.call(t))??n.current.length===0}:void 0),{themeManager:s,theme:e,name:u,className:f}=o;if(process.env.NODE_ENV==="development"&&t.debug==="verbose"){console.groupCollapsed("  \u{1F539} useTheme =>",u);const m={...t,name:u,className:f,...O.isDevTools&&{theme:e}};for(const g in m)console.log("  ",g,m[g]);console.groupEnd()}if(!o.theme)return process.env.NODE_ENV==="development"&&console.warn("No theme found",u,t,s),null;const l=(0,h.useMemo)(()=>w(o,n.current),[e,u,f,s]);return{...o,theme:l}};function w({theme:t,themeManager:n},o){return(0,V.createProxy)(t,{has(s,e){return typeof e=="string"?(e[0]==="$"&&(e=e.slice(1)),n==null?void 0:n.allKeys.has(e)):Reflect.has(t,e)},get(s,e){if(e===$.GetThemeUnwrapped)return t;if(e==="__proto__"||e==="$typeof"||typeof e!="string"||!n)return Reflect.get(s,e);const u=e[0]==="$"?e.slice(1):e,f=n.getValue(u);return f&&o?new Proxy(f,{get(l,m){return m==="val"&&!o.includes(u)&&o.push(u),Reflect.get(f,m)}}):f}})}const P=new Set,I=(t,n=!1,o,s)=>{if(c.isRSC)return{isNewTheme:!1,...S().state,themeManager:null};const e=(0,h.useContext)(v.ThemeManagerContext),{debug:u,disable:f}=t;if(f){if(!e)throw"\u274C";return{isNewTheme:!1,...e.state,themeManager:e}}const[l,m]=(0,h.useState)(S),{state:g,themeManager:i,mounted:W,isNewTheme:T}=l,C=Boolean(!l.mounted&&t.inverse),G=C;function K(r=i){return r.getState(t,e===i?e.parentManager:e)}function E(r=i){const a=K(r);if(a&&(s==null?void 0:s())!==!0&&r.getStateShouldChange(a,g))return a}if(c.isServer||((0,h.useEffect)(()=>{if(t.inverse&&!W){m({...l,mounted:!0});return}if(T&&i)return P.add(i),()=>{P.delete(i)}},[T,i,g,u]),(0,h.useLayoutEffect)(()=>{const r=E(i);r&&(T&&i.updateState(r,!0),m(S));const a=e==null?void 0:e.onChangeTheme((d,N)=>{(o!=null&&o.length||T)&&(process.env.NODE_ENV==="development"&&t.debug&&(o!=null&&o.length)&&console.log("onChangeTheme",{props:t,name:d,manager:N,parentManager:e,keys:o}),m(S))});return()=>{a==null||a()}},[e,T,t.componentName,t.inverse,t.name,t.reset])),G){if(!e)throw"impossible";return{isNewTheme:!1,...e.state,className:C?"":e.state.className,themeManager:e}}return{...g,isNewTheme:T,themeManager:i};function S(r){if(r&&(s!=null&&s()))return r;let a,d;const N=()=>new b.ThemeManager(t,n?"root":e);if(r!=null&&r.themeManager){a=r.themeManager;const x=E(a);x&&(d=x,!r.isNewTheme||!c.isWeb?a=N():a.updateState(x,!0))}else a=N();const _=Boolean(a!==e||r&&a.state.name!==r.state.name),q=t.inverse?n||(r==null?void 0:r.mounted):!0;d||(d=_?{...a.state}:{...e.state});const R={state:d,themeManager:a,isNewTheme:_,mounted:q};return process.env.NODE_ENV==="development"&&t.debug&&(console.groupCollapsed(" \u{1F537} useChangeThemeEffect createState"),console.log({props:t,parentManager:e,themeManager:a,prev:r,response:R}),console.groupEnd()),R}};0&&(module.exports={activeThemeManagers,getThemeProxied,useChangeThemeEffect,useTheme,useThemeWithState});
+"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 useTheme_exports = {};
+__export(useTheme_exports, {
+  activeThemeManagers: () => activeThemeManagers,
+  getThemeProxied: () => getThemeProxied,
+  useChangeThemeEffect: () => useChangeThemeEffect,
+  useTheme: () => useTheme,
+  useThemeWithState: () => useThemeWithState
+});
+module.exports = __toCommonJS(useTheme_exports);
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+var import_config = require("../config.js");
+var import_isDevTools = require("../constants/isDevTools.js");
+var import_createProxy = require("../helpers/createProxy.js");
+var import_ThemeManager = require("../helpers/ThemeManager.js");
+var import_ThemeManagerContext = require("../helpers/ThemeManagerContext.js");
+var import_getThemeUnwrapped = require("./getThemeUnwrapped.js");
+var import_useServerHooks = require("./useServerHooks.js");
+const emptyProps = { name: null };
+function getDefaultThemeProxied() {
+  const config = (0, import_config.getConfig)();
+  const name = Object.keys(config.themes)[0];
+  return getThemeProxied({
+    theme: config.themes[name],
+    name
+  });
+}
+const useTheme = (props = emptyProps) => {
+  var _a;
+  return (import_constants.isRSC ? null : (_a = useThemeWithState(props)) == null ? void 0 : _a.theme) || getDefaultThemeProxied();
+};
+const useThemeWithState = (props) => {
+  const keys = (0, import_useServerHooks.useServerRef)([]);
+  const changedTheme = useChangeThemeEffect(
+    props,
+    false,
+    keys.current,
+    import_constants.isClient ? () => {
+      var _a;
+      return ((_a = props.shouldUpdate) == null ? void 0 : _a.call(props)) ?? keys.current.length === 0;
+    } : void 0
+  );
+  const { themeManager, theme, name, className } = changedTheme;
+  if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+    console.groupCollapsed("  \u{1F539} useTheme =>", name);
+    const logs = { ...props, name, className, ...import_isDevTools.isDevTools && { theme } };
+    for (const key in logs) {
+      console.log("  ", key, logs[key]);
+    }
+    console.groupEnd();
+  }
+  if (!changedTheme.theme) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn("No theme found", name, props, themeManager);
+    }
+    return null;
+  }
+  const proxiedTheme = (0, import_react.useMemo)(() => {
+    return getThemeProxied(changedTheme, keys.current);
+  }, [theme, name, className, themeManager]);
+  return {
+    ...changedTheme,
+    theme: proxiedTheme
+  };
+};
+function getThemeProxied({
+  theme,
+  themeManager
+}, keys) {
+  return (0, import_createProxy.createProxy)(theme, {
+    has(_, key) {
+      if (typeof key === "string") {
+        if (key[0] === "$")
+          key = key.slice(1);
+        return themeManager == null ? void 0 : themeManager.allKeys.has(key);
+      }
+      return Reflect.has(theme, key);
+    },
+    get(_, key) {
+      if (key === import_getThemeUnwrapped.GetThemeUnwrapped) {
+        return theme;
+      }
+      if (key === "__proto__" || key === "$typeof" || typeof key !== "string" || !themeManager) {
+        return Reflect.get(_, key);
+      }
+      const keyString = key[0] === "$" ? key.slice(1) : key;
+      const val = themeManager.getValue(keyString);
+      if (val && keys) {
+        return new Proxy(val, {
+          // when they touch the actual value we only track it
+          // if its a variable (web), its ignored!
+          get(_2, subkey) {
+            if (subkey === "val" && !keys.includes(keyString)) {
+              keys.push(keyString);
+            }
+            return Reflect.get(val, subkey);
+          }
+        });
+      }
+      return val;
+    }
+  });
+}
+const activeThemeManagers = /* @__PURE__ */ new Set();
+const useChangeThemeEffect = (props, root = false, keys, disableUpdate) => {
+  if (import_constants.isRSC) {
+    return {
+      isNewTheme: false,
+      ...createState().state,
+      themeManager: null
+    };
+  }
+  const parentManager = (0, import_react.useContext)(import_ThemeManagerContext.ThemeManagerContext);
+  const {
+    debug,
+    // @ts-expect-error internal use only
+    disable
+  } = props;
+  if (disable) {
+    if (!parentManager)
+      throw `\u274C`;
+    return {
+      isNewTheme: false,
+      ...parentManager.state,
+      themeManager: parentManager
+    };
+  }
+  const [themeState, setThemeState] = (0, import_react.useState)(createState);
+  const { state, themeManager, mounted, isNewTheme } = themeState;
+  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse);
+  const shouldReturnParentState = isInversingOnMount;
+  function getNextThemeManagerState(manager = themeManager) {
+    const next = manager.getState(
+      props,
+      parentManager === themeManager ? parentManager.parentManager : parentManager
+    );
+    return next;
+  }
+  function getThemeManagerNextStateIfChanged(manager = themeManager) {
+    const next = getNextThemeManagerState(manager);
+    if (!next)
+      return;
+    if ((disableUpdate == null ? void 0 : disableUpdate()) === true)
+      return;
+    if (!manager.getStateShouldChange(next, state))
+      return;
+    return next;
+  }
+  if (!import_constants.isServer) {
+    (0, import_react.useEffect)(() => {
+      if (props.inverse && !mounted) {
+        setThemeState({ ...themeState, mounted: true });
+        return;
+      }
+      if (!isNewTheme)
+        return;
+      if (!themeManager)
+        return;
+      activeThemeManagers.add(themeManager);
+      return () => {
+        activeThemeManagers.delete(themeManager);
+      };
+    }, [isNewTheme, themeManager, state, debug]);
+    (0, import_react.useLayoutEffect)(() => {
+      const nextState = getThemeManagerNextStateIfChanged(themeManager);
+      if (nextState) {
+        if (isNewTheme) {
+          themeManager.updateState(nextState, true);
+        }
+        setThemeState(createState);
+      }
+      const disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme((name, manager) => {
+        if ((keys == null ? void 0 : keys.length) || isNewTheme) {
+          if (process.env.NODE_ENV === "development" && props["debug"] && (keys == null ? void 0 : keys.length)) {
+            console.log(`onChangeTheme`, { props, name, manager, parentManager, keys });
+          }
+          setThemeState(createState);
+        }
+      });
+      return () => {
+        disposeChangeListener == null ? void 0 : disposeChangeListener();
+      };
+    }, [
+      parentManager,
+      isNewTheme,
+      props.componentName,
+      props.inverse,
+      props.name,
+      props.reset
+    ]);
+  }
+  if (shouldReturnParentState) {
+    if (!parentManager)
+      throw "impossible";
+    return {
+      isNewTheme: false,
+      ...parentManager.state,
+      className: isInversingOnMount ? "" : parentManager.state.className,
+      themeManager: parentManager
+    };
+  }
+  return {
+    ...state,
+    isNewTheme,
+    themeManager
+  };
+  function createState(prev) {
+    if (prev && (disableUpdate == null ? void 0 : disableUpdate())) {
+      return prev;
+    }
+    let themeManager2;
+    let state2;
+    const getNewThemeManager = () => {
+      return new import_ThemeManager.ThemeManager(props, root ? "root" : parentManager);
+    };
+    if (prev == null ? void 0 : prev.themeManager) {
+      themeManager2 = prev.themeManager;
+      const nextState = getThemeManagerNextStateIfChanged(themeManager2);
+      if (nextState) {
+        state2 = nextState;
+        if (!prev.isNewTheme || !import_constants.isWeb) {
+          themeManager2 = getNewThemeManager();
+        } else {
+          themeManager2.updateState(nextState, true);
+        }
+      }
+    } else {
+      themeManager2 = getNewThemeManager();
+    }
+    const isNewTheme2 = Boolean(
+      themeManager2 !== parentManager || prev && themeManager2.state.name !== prev.state.name
+    );
+    const mounted2 = !props.inverse ? true : root || (prev == null ? void 0 : prev.mounted);
+    if (!state2) {
+      state2 = isNewTheme2 ? { ...themeManager2.state } : { ...parentManager.state };
+    }
+    const response = {
+      state: state2,
+      themeManager: themeManager2,
+      isNewTheme: isNewTheme2,
+      mounted: mounted2
+    };
+    if (process.env.NODE_ENV === "development" && props["debug"]) {
+      console.groupCollapsed(` \u{1F537} useChangeThemeEffect createState`);
+      console.log({ props, parentManager, themeManager: themeManager2, prev, response });
+      console.groupEnd();
+    }
+    return response;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  activeThemeManagers,
+  getThemeProxied,
+  useChangeThemeEffect,
+  useTheme,
+  useThemeWithState
+});
 //# sourceMappingURL=useTheme.js.map