@tamagui/web 1.13.3 → 1.14.0

package/dist/cjs/hooks/useMedia.js

@@ -1,265 +1,2 @@
-"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 useMedia_exports = {};
-__export(useMedia_exports, {
-  configureMedia: () => configureMedia,
-  getInitialMediaState: () => getInitialMediaState,
-  getMedia: () => getMedia,
-  getMediaImportanceIfMoreImportant: () => getMediaImportanceIfMoreImportant,
-  getMediaKeyImportance: () => getMediaKeyImportance,
-  mediaKeysWithAndWithout$: () => mediaKeysWithAndWithout$,
-  mediaObjectToString: () => mediaObjectToString,
-  mediaQueryConfig: () => mediaQueryConfig,
-  mediaState: () => mediaState,
-  mergeMediaByImportance: () => mergeMediaByImportance,
-  setMediaShouldUpdate: () => setMediaShouldUpdate,
-  setupMediaListeners: () => setupMediaListeners,
-  useMedia: () => useMedia,
-  useMediaListeners: () => useMediaListeners,
-  useMediaPropsActive: () => useMediaPropsActive
-});
-module.exports = __toCommonJS(useMedia_exports);
-var import_react = require("react");
-var import_config = require("../config.js");
-var import_createProxy = require("../helpers/createProxy.js");
-var import_matchMedia = require("../helpers/matchMedia");
-var import_useSafeRef = require("./useSafeRef.js");
-let mediaState = (
-  // development only safeguard
-  process.env.NODE_ENV === "development" ? (0, import_createProxy.createProxy)(
-    {},
-    {
-      get(target, key) {
-        if (typeof key === "string" && key[0] === "$" && // dont error on $$typeof
-        key[1] !== "$") {
-          throw new Error(`Access mediaState should not use "$": ${key}`);
-        }
-        return Reflect.get(target, key);
-      }
-    }
-  ) : {}
-);
-const mediaQueryConfig = {};
-const getMedia = () => mediaState;
-const mediaKeysWithAndWithout$ = /* @__PURE__ */ new Set();
-let initState;
-const getInitialMediaState = () => {
-  return ((0, import_config.getConfig)().disableSSR ? mediaState : initState) || {};
-};
-let mediaKeysOrdered;
-const getMediaKeyImportance = (key) => {
-  if (process.env.NODE_ENV === "development" && key[0] === "$") {
-    throw new Error("use short key");
-  }
-  return mediaKeysOrdered.indexOf(key) + 2;
-};
-const dispose = /* @__PURE__ */ new Set();
-const configureMedia = (config) => {
-  const { media, mediaQueryDefaultActive } = config;
-  if (!media)
-    return;
-  for (const key in media) {
-    mediaState[key] = (mediaQueryDefaultActive == null ? void 0 : mediaQueryDefaultActive[key]) || false;
-    mediaKeysWithAndWithout$.add(key);
-    mediaKeysWithAndWithout$.add(`$${key}`);
-  }
-  Object.assign(mediaQueryConfig, media);
-  initState = { ...mediaState };
-  updateCurrentState();
-  mediaKeysOrdered = Object.keys(media);
-  if (config.disableSSR) {
-    setupMediaListeners();
-  }
-};
-function unlisten() {
-  dispose.forEach((cb) => cb());
-  dispose.clear();
-}
-let configuredKey = "";
-function setupMediaListeners() {
-  const nextKey = JSON.stringify(mediaQueryConfig);
-  if (nextKey === configuredKey)
-    return;
-  configuredKey = nextKey;
-  unlisten();
-  for (const key in mediaQueryConfig) {
-    let update2 = function() {
-      const next = !!getMatch().matches;
-      if (next === mediaState[key])
-        return;
-      mediaState = { ...mediaState, [key]: next };
-      updateCurrentState();
-    };
-    var update = update2;
-    const str = mediaObjectToString(mediaQueryConfig[key]);
-    const getMatch = () => (0, import_matchMedia.matchMedia)(str);
-    const match = getMatch();
-    if (!match) {
-      throw new Error("\u26A0\uFE0F No match");
-    }
-    match.addListener(update2);
-    dispose.add(() => {
-      match.removeListener(update2);
-    });
-    update2();
-  }
-}
-function useMediaListeners(config) {
-  if (config.disableSSR)
-    return;
-  (0, import_react.useEffect)(() => {
-    setupMediaListeners();
-  }, []);
-}
-const listeners = /* @__PURE__ */ new Set();
-let flushing = false;
-function updateCurrentState() {
-  if (flushing)
-    return;
-  flushing = true;
-  Promise.resolve().then(() => {
-    flushing = false;
-    (0, import_react.startTransition)(() => {
-      listeners.forEach((cb) => cb(mediaState));
-    });
-  });
-}
-const shouldUpdate = /* @__PURE__ */ new WeakMap();
-function setMediaShouldUpdate(ref, props) {
-  return shouldUpdate.set(ref, props);
-}
-function subscribe(subscriber) {
-  listeners.add(subscriber);
-  return () => listeners.delete(subscriber);
-}
-function useMedia(uid, debug) {
-  const internal = (0, import_useSafeRef.useSafeRef)(void 0);
-  if (!internal.current) {
-    internal.current = {
-      prev: initState
-    };
-  }
-  const state = (0, import_react.useSyncExternalStore)(
-    subscribe,
-    () => {
-      const { touched, prev } = internal.current;
-      const componentState = uid ? shouldUpdate.get(uid) : void 0;
-      if ((componentState == null ? void 0 : componentState.enabled) === false) {
-        return prev;
-      }
-      const testKeys = (componentState == null ? void 0 : componentState.keys) ?? ((!componentState || componentState.enabled) && touched ? [...touched] : null);
-      const hasntUpdated = testKeys == null ? void 0 : testKeys.every((key) => mediaState[key] === prev[key]);
-      if (hasntUpdated) {
-        return prev;
-      }
-      internal.current.prev = mediaState;
-      return mediaState;
-    },
-    () => initState
-  );
-  return (0, import_react.useMemo)(() => {
-    return new Proxy(state, {
-      get(_, key) {
-        var _a;
-        if (typeof key === "string") {
-          (_a = internal.current).touched || (_a.touched = /* @__PURE__ */ new Set());
-          internal.current.touched.add(key);
-        }
-        return Reflect.get(state, key);
-      }
-    });
-  }, [state]);
-}
-function useMediaPropsActive(props) {
-  const media = useMedia();
-  return (0, import_react.useMemo)(() => {
-    const next = {};
-    const importancesUsed = {};
-    const propNames = Object.keys(props);
-    for (let i = propNames.length - 1; i >= 0; i--) {
-      const key = propNames[i];
-      const val = props[key];
-      if (key[0] === "$") {
-        const mediaKey = key.slice(1);
-        if (!media[mediaKey])
-          continue;
-        if (val && typeof val === "object") {
-          const subKeys = Object.keys(val);
-          for (let j = subKeys.length; j--; j >= 0) {
-            const subKey = subKeys[j];
-            mergeMediaByImportance(next, mediaKey, subKey, val[subKey], importancesUsed);
-          }
-        }
-      } else {
-        mergeMediaByImportance(next, "", key, val, importancesUsed);
-      }
-    }
-    return next;
-  }, [media, props]);
-}
-const getMediaImportanceIfMoreImportant = (mediaKey, key, importancesUsed) => {
-  const importance = getMediaKeyImportance(mediaKey);
-  return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null;
-};
-function mergeMediaByImportance(onto, mediaKey, key, value, importancesUsed) {
-  const importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed);
-  if (importance === null) {
-    return false;
-  }
-  importancesUsed[key] = importance;
-  onto[key] = value;
-  return true;
-}
-function camelToHyphen(str) {
-  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase();
-}
-function mediaObjectToString(query) {
-  if (typeof query === "string") {
-    return query;
-  }
-  return Object.entries(query).map(([feature, value]) => {
-    feature = camelToHyphen(feature);
-    if (typeof value === "string") {
-      return `(${feature}: ${value})`;
-    }
-    if (typeof value === "number" && /[height|width]$/.test(feature)) {
-      value = `${value}px`;
-    }
-    return `(${feature}: ${value})`;
-  }).join(" and ");
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  configureMedia,
-  getInitialMediaState,
-  getMedia,
-  getMediaImportanceIfMoreImportant,
-  getMediaKeyImportance,
-  mediaKeysWithAndWithout$,
-  mediaObjectToString,
-  mediaQueryConfig,
-  mediaState,
-  mergeMediaByImportance,
-  setMediaShouldUpdate,
-  setupMediaListeners,
-  useMedia,
-  useMediaListeners,
-  useMediaPropsActive
-});
+"use strict";var l=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})},k=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of L(t))!T.call(e,o)&&o!==n&&l(e,o,{get:()=>t[o],enumerable:!(r=N(t,o))||r.enumerable});return e};var W=e=>k(l({},"__esModule",{value:!0}),e);var G={};P(G,{configureMedia:()=>B,getInitialMediaState:()=>V,getMedia:()=>_,getMediaImportanceIfMoreImportant:()=>v,getMediaKeyImportance:()=>A,mediaKeysWithAndWithout$:()=>h,mediaObjectToString:()=>C,mediaQueryConfig:()=>f,mediaState:()=>c,mergeMediaByImportance:()=>b,setMediaShouldUpdate:()=>H,setupMediaListeners:()=>x,useMedia:()=>R,useMediaListeners:()=>F,useMediaPropsActive:()=>Z});module.exports=W(G);var d=require("react"),E=require("../config.js"),I=require("../helpers/createProxy.js"),Q=require("../helpers/matchMedia"),U=require("./useSafeRef.js");let c=process.env.NODE_ENV==="development"?(0,I.createProxy)({},{get(e,t){if(typeof t=="string"&&t[0]==="$"&&t[1]!=="$")throw new Error(`Access mediaState should not use "$": ${t}`);return Reflect.get(e,t)}}):{};const f={},_=()=>c,h=new Set;let p;const V=()=>((0,E.getConfig)().disableSSR?c:p)||{};let w;const A=e=>{if(process.env.NODE_ENV==="development"&&e[0]==="$")throw new Error("use short key");return w.indexOf(e)+2},m=new Set,B=e=>{const{media:t,mediaQueryDefaultActive:n}=e;if(t){for(const r in t)c[r]=(n==null?void 0:n[r])||!1,h.add(r),h.add(`$${r}`);Object.assign(f,t),p={...c},O(),w=Object.keys(t),e.disableSSR&&x()}};function D(){m.forEach(e=>e()),m.clear()}let K="";function x(){const e=JSON.stringify(f);if(e!==K){K=e,D();for(const n in f){let i=function(){const a=!!o().matches;a!==c[n]&&(c={...c,[n]:a},O())};var t=i;const r=C(f[n]),o=()=>(0,Q.matchMedia)(r),s=o();if(!s)throw new Error("\u26A0\uFE0F No match");s.addListener(i),m.add(()=>{s.removeListener(i)}),i()}}}function F(e){e.disableSSR||(0,d.useEffect)(()=>{x()},[])}const M=new Set;let S=!1;function O(){S||(S=!0,Promise.resolve().then(()=>{S=!1,(0,d.startTransition)(()=>{M.forEach(e=>e(c))})}))}const j=new WeakMap;function H(e,t){return j.set(e,t)}function J(e){return M.add(e),()=>M.delete(e)}function R(e,t){const n=(0,U.useSafeRef)(void 0);n.current||(n.current={prev:p});const r=(0,d.useSyncExternalStore)(J,()=>{const{touched:o,prev:s}=n.current,i=e?j.get(e):void 0;if((i==null?void 0:i.enabled)===!1)return s;const a=(i==null?void 0:i.keys)??((!i||i.enabled)&&o?[...o]:null);return(a==null?void 0:a.every(u=>c[u]===s[u]))?s:(n.current.prev=c,c)},()=>p);return(0,d.useMemo)(()=>new Proxy(r,{get(o,s){var i;return typeof s=="string"&&((i=n.current).touched||(i.touched=new Set),n.current.touched.add(s)),Reflect.get(r,s)}}),[r])}function Z(e){const t=R();return(0,d.useMemo)(()=>{const n={},r={},o=Object.keys(e);for(let s=o.length-1;s>=0;s--){const i=o[s],a=e[i];if(i[0]==="$"){const y=i.slice(1);if(!t[y])continue;if(a&&typeof a=="object"){const u=Object.keys(a);for(let g=u.length;g--;g>=0){const $=u[g];b(n,y,$,a[$],r)}}}else b(n,"",i,a,r)}return n},[t,e])}const v=(e,t,n)=>{const r=A(e);return!n[t]||r>n[t]?r:null};function b(e,t,n,r,o){const s=v(t,n,o);return s===null?!1:(o[n]=s,e[n]=r,!0)}function z(e){return e.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`).toLowerCase()}function C(e){return typeof e=="string"?e:Object.entries(e).map(([t,n])=>(t=z(t),typeof n=="string"?`(${t}: ${n})`:(typeof n=="number"&&/[height|width]$/.test(t)&&(n=`${n}px`),`(${t}: ${n})`))).join(" and ")}0&&(module.exports={configureMedia,getInitialMediaState,getMedia,getMediaImportanceIfMoreImportant,getMediaKeyImportance,mediaKeysWithAndWithout$,mediaObjectToString,mediaQueryConfig,mediaState,mergeMediaByImportance,setMediaShouldUpdate,setupMediaListeners,useMedia,useMediaListeners,useMediaPropsActive});
 //# sourceMappingURL=useMedia.js.map

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": ["update"]
+  "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"]
 }

package/dist/cjs/hooks/useSafeRef.js

@@ -1,59 +1,2 @@
-"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
-});
+"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});
 //# 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": ";;;;;;;;;;;;;;;;;;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": []
+  "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"]
 }

package/dist/cjs/hooks/useServerHooks.js

@@ -1,36 +1,2 @@
-"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
-});
+"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});
 //# 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": ";;;;;;;;;;;;;;;;;;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": []
+  "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"]
 }

package/dist/cjs/hooks/useStyle.js

@@ -1,61 +1,2 @@
-"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
-});
+"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});
 //# 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": ";;;;;;;;;;;;;;;;;;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": []
+  "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"]
 }