@tamagui/web 1.14.1 → 1.14.3

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useTheme.tsx"],
   "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { isDevTools } from '../constants/isDevTools.js'\nimport { isVariable } from '../createVariable.js'\nimport { createProxy } from '../helpers/createProxy.js'\nimport {\n  ThemeManager,\n  ThemeManagerState,\n  hasNoThemeUpdatingProps,\n} from '../helpers/ThemeManager.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport type { ThemeParsed, ThemeProps } from '../types.js'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped.js'\nimport { useServerRef } from './useServerHooks.js'\n\nexport type ChangedThemeResponse = {\n  isNewTheme: boolean\n  themeManager: ThemeManager | null\n  name: string\n  theme?: ThemeParsed | null\n  className?: string\n}\n\ntype State = {\n  state: ThemeManagerState\n  themeManager: ThemeManager\n  isNewTheme: boolean\n  mounted?: boolean\n}\n\nconst emptyProps = { name: null }\n\nfunction getDefaultThemeProxied() {\n  const config = getConfig()\n  const name = Object.keys(config.themes)[0]\n  return getThemeProxied({\n    theme: config.themes[name],\n    name,\n  })\n}\n\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n  return (isRSC ? null : useThemeWithState(props)?.theme) || getDefaultThemeProxied()\n}\n\nexport const useThemeWithState = (props: ThemeProps) => {\n  const keys = useServerRef<string[]>([])\n\n  const changedTheme = useChangeThemeEffect(\n    props,\n    false,\n    keys.current,\n    isClient\n      ? () => {\n          return props.shouldUpdate?.() ?? keys.current.length === 0\n        }\n      : undefined\n  )\n\n  const { themeManager, theme, name, className } = changedTheme\n\n  if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {\n    console.groupCollapsed('  \uD83D\uDD39 useTheme =>', name)\n    const logs = { ...props, name, className, ...(isDevTools && { theme }) }\n    for (const key in logs) {\n      console.log('  ', key, logs[key])\n    }\n    console.groupEnd()\n  }\n\n  if (!changedTheme.theme) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('No theme found', name, props, themeManager)\n    }\n    return null\n  }\n\n  const proxiedTheme = useMemo(() => {\n    return getThemeProxied(changedTheme as any, keys.current)\n  }, [theme, name, className, themeManager])\n\n  return {\n    ...changedTheme,\n    theme: proxiedTheme,\n  }\n}\n\nexport function getThemeProxied(\n  {\n    theme,\n    themeManager,\n  }: Partial<ChangedThemeResponse> & {\n    theme: ThemeParsed\n  },\n  keys?: string[]\n) {\n  return createProxy(theme, {\n    has(_, key) {\n      if (typeof key === 'string') {\n        if (key[0] === '$') key = key.slice(1)\n        return themeManager?.allKeys.has(key)\n      }\n      return Reflect.has(theme, key)\n    },\n    get(_, key) {\n      if (key === GetThemeUnwrapped) {\n        return theme\n      }\n      if (\n        key === '__proto__' ||\n        key === '$typeof' ||\n        typeof key !== 'string' ||\n        !themeManager\n      ) {\n        return Reflect.get(_, key)\n      }\n\n      // auto convert variables to plain\n      const keyString = key[0] === '$' ? key.slice(1) : key\n      const val = themeManager.getValue(keyString)\n\n      if (val && keys) {\n        return new Proxy(val as any, {\n          // when they touch the actual value we only track it\n          // if its a variable (web), its ignored!\n          get(_, subkey) {\n            if (subkey === 'val' && !keys.includes(keyString)) {\n              keys.push(keyString)\n            }\n            return Reflect.get(val as any, subkey)\n          },\n        })\n      }\n\n      return val\n    },\n  })\n}\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (\n  props: ThemeProps,\n  root = false,\n  keys?: string[],\n  disableUpdate?: () => boolean\n): ChangedThemeResponse => {\n  if (isRSC) {\n    // we need context working for this to work well\n    return {\n      isNewTheme: false,\n      ...createState().state,\n      themeManager: null,\n    }\n  }\n  const parentManager = useContext(ThemeManagerContext)\n\n  const {\n    debug,\n    // @ts-expect-error internal use only\n    disable,\n  } = props\n\n  if (disable) {\n    if (!parentManager) throw `\u274C`\n    return {\n      isNewTheme: false,\n      ...parentManager.state,\n      themeManager: parentManager,\n    }\n  }\n\n  const [themeState, setThemeState] = useState<State>(createState)\n  const { state, themeManager, mounted, isNewTheme } = themeState\n  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse)\n  const shouldReturnParentState = isInversingOnMount\n\n  function getNextThemeManagerState(manager = themeManager) {\n    const next = manager.getState(\n      props,\n      parentManager === themeManager ? parentManager.parentManager : parentManager\n    )\n    return next\n  }\n\n  function getThemeManagerNextStateIfChanged(manager = themeManager) {\n    const next = getNextThemeManagerState(manager)\n    if (!next) return\n    if (disableUpdate?.() === true) return\n    if (!manager.getStateShouldChange(next, state)) return\n    return next\n  }\n\n  if (!isServer) {\n    useEffect(() => {\n      // SSR safe inverse (because server can't know prefers scheme)\n      // could be done through fancy selectors like how we do prefers-media\n      // but may be a bit of explosion of selectors\n      if (props.inverse && !mounted) {\n        setThemeState({ ...themeState, mounted: true })\n        return\n      }\n\n      if (!isNewTheme) return\n      if (!themeManager) return\n\n      activeThemeManagers.add(themeManager)\n\n      return () => {\n        activeThemeManagers.delete(themeManager)\n      }\n    }, [isNewTheme, themeManager, state, debug])\n\n    // listen for parent change + notify children change\n    useLayoutEffect(() => {\n      const nextState = getThemeManagerNextStateIfChanged(themeManager)\n\n      if (nextState) {\n        if (isNewTheme) {\n          // if it's a new theme we can just update + publish to children\n          themeManager.updateState(nextState, true)\n        }\n        // if not we will be creating a whole new themeManager\n        setThemeState(createState)\n      }\n\n      const disposeChangeListener = parentManager?.onChangeTheme((name, manager) => {\n        if (keys?.length || isNewTheme) {\n          if (process.env.NODE_ENV === 'development' && props['debug'] && keys?.length) {\n            console.log(`onChangeTheme`, { props, name, manager, parentManager, keys })\n          }\n          setThemeState(createState)\n        }\n      })\n\n      return () => {\n        disposeChangeListener?.()\n      }\n    }, [\n      parentManager,\n      isNewTheme,\n      props.componentName,\n      props.inverse,\n      props.name,\n      props.reset,\n    ])\n  }\n\n  if (shouldReturnParentState) {\n    if (!parentManager) throw 'impossible'\n    return {\n      isNewTheme: false,\n      ...parentManager.state,\n      className: isInversingOnMount ? '' : parentManager.state.className,\n      themeManager: parentManager,\n    }\n  }\n\n  return {\n    ...state,\n    isNewTheme,\n    themeManager,\n  }\n\n  function createState(prev?: State): State {\n    if (prev && disableUpdate?.()) {\n      return prev\n    }\n\n    //  returns previous theme manager if no change\n    let themeManager: ThemeManager\n    let state: ThemeManagerState | undefined\n\n    const getNewThemeManager = () => {\n      return new ThemeManager(props, root ? 'root' : parentManager)\n    }\n\n    if (prev?.themeManager) {\n      themeManager = prev.themeManager\n\n      const nextState = getThemeManagerNextStateIfChanged(themeManager)\n\n      if (nextState) {\n        state = nextState\n\n        if (!prev.isNewTheme || !isWeb) {\n          themeManager = getNewThemeManager()\n        } else {\n          themeManager.updateState(nextState, true)\n        }\n      }\n    } else {\n      themeManager = getNewThemeManager()\n    }\n\n    const isNewTheme = Boolean(\n      themeManager !== parentManager ||\n        (prev && themeManager.state.name !== prev.state.name)\n    )\n\n    // only inverse relies on this for ssr\n    const mounted = !props.inverse ? true : root || prev?.mounted\n\n    if (!state) {\n      state = isNewTheme ? { ...themeManager.state } : { ...parentManager!.state }\n    }\n\n    const response = {\n      state,\n      themeManager,\n      isNewTheme,\n      mounted,\n    }\n\n    if (process.env.NODE_ENV === 'development' && props['debug']) {\n      console.groupCollapsed(` \uD83D\uDD37 useChangeThemeEffect createState`)\n      console.log({ props, parentManager, themeManager, prev, response })\n      console.groupEnd()\n    }\n\n    return response\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,oBAAAC,EAAA,yBAAAC,EAAA,aAAAC,EAAA,sBAAAC,IAAA,eAAAC,EAAAP,GACA,IAAAQ,EAAiD,8BACjDC,EAA0E,iBAE1EC,EAA0B,wBAC1BC,EAA2B,sCAE3BC,EAA4B,qCAC5BC,EAIO,sCACPC,EAAoC,6CAEpCC,EAAkC,kCAClCC,EAA6B,+BAiB7B,MAAMC,EAAa,CAAE,KAAM,IAAK,EAEhC,SAASC,GAAyB,CAChC,MAAMC,KAAS,aAAU,EACnBC,EAAO,OAAO,KAAKD,EAAO,MAAM,EAAE,CAAC,EACzC,OAAOhB,EAAgB,CACrB,MAAOgB,EAAO,OAAOC,CAAI,EACzB,KAAAA,CACF,CAAC,CACH,CAEO,MAAMf,EAAW,CAACgB,EAAoBJ,IAA4B,CA5CzE,IAAAK,EA6CE,OAAQ,QAAQ,MAAOA,EAAAhB,EAAkBe,CAAK,IAAvB,YAAAC,EAA0B,QAAUJ,EAAuB,CACpF,EAEaZ,EAAqBe,GAAsB,CACtD,MAAME,KAAO,gBAAuB,CAAC,CAAC,EAEhCC,EAAepB,EACnBiB,EACA,GACAE,EAAK,QACL,WACI,IAAM,CAxDd,IAAAD,EAyDU,QAAOA,EAAAD,EAAM,eAAN,YAAAC,EAAA,KAAAD,KAA0BE,EAAK,QAAQ,SAAW,CAC3D,EACA,MACN,EAEM,CAAE,aAAAE,EAAc,MAAAC,EAAO,KAAAN,EAAM,UAAAO,CAAU,EAAIH,EAEjD,GAAI,QAAQ,IAAI,WAAa,eAAiBH,EAAM,QAAU,UAAW,CACvE,QAAQ,eAAe,0BAAoBD,CAAI,EAC/C,MAAMQ,EAAO,CAAE,GAAGP,EAAO,KAAAD,EAAM,UAAAO,EAAW,GAAI,cAAc,CAAE,MAAAD,CAAM,CAAG,EACvE,UAAWG,KAAOD,EAChB,QAAQ,IAAI,KAAMC,EAAKD,EAAKC,CAAG,CAAC,EAElC,QAAQ,SAAS,CACnB,CAEA,GAAI,CAACL,EAAa,MAChB,OAAI,QAAQ,IAAI,WAAa,eAC3B,QAAQ,KAAK,iBAAkBJ,EAAMC,EAAOI,CAAY,EAEnD,KAGT,MAAMK,KAAe,WAAQ,IACpB3B,EAAgBqB,EAAqBD,EAAK,OAAO,EACvD,CAACG,EAAON,EAAMO,EAAWF,CAAY,CAAC,EAEzC,MAAO,CACL,GAAGD,EACH,MAAOM,CACT,CACF,EAEO,SAAS3B,EACd,CACE,MAAAuB,EACA,aAAAD,CACF,EAGAF,EACA,CACA,SAAO,eAAYG,EAAO,CACxB,IAAIK,EAAGF,EAAK,CACV,OAAI,OAAOA,GAAQ,UACbA,EAAI,CAAC,IAAM,MAAKA,EAAMA,EAAI,MAAM,CAAC,GAC9BJ,GAAA,YAAAA,EAAc,QAAQ,IAAII,IAE5B,QAAQ,IAAIH,EAAOG,CAAG,CAC/B,EACA,IAAIE,EAAGF,EAAK,CACV,GAAIA,IAAQ,oBACV,OAAOH,EAET,GACEG,IAAQ,aACRA,IAAQ,WACR,OAAOA,GAAQ,UACf,CAACJ,EAED,OAAO,QAAQ,IAAIM,EAAGF,CAAG,EAI3B,MAAMG,EAAYH,EAAI,CAAC,IAAM,IAAMA,EAAI,MAAM,CAAC,EAAIA,EAC5CI,EAAMR,EAAa,SAASO,CAAS,EAE3C,OAAIC,GAAOV,EACF,IAAI,MAAMU,EAAY,CAG3B,IAAIF,EAAGG,EAAQ,CACb,OAAIA,IAAW,OAAS,CAACX,EAAK,SAASS,CAAS,GAC9CT,EAAK,KAAKS,CAAS,EAEd,QAAQ,IAAIC,EAAYC,CAAM,CACvC,CACF,CAAC,EAGID,CACT,CACF,CAAC,CACH,CAEO,MAAM/B,EAAsB,IAAI,IAE1BE,EAAuB,CAClCiB,EACAc,EAAO,GACPZ,EACAa,IACyB,CACzB,GAAI,QAEF,MAAO,CACL,WAAY,GACZ,GAAGC,EAAY,EAAE,MACjB,aAAc,IAChB,EAEF,MAAMC,KAAgB,cAAW,qBAAmB,EAE9C,CACJ,MAAAC,EAEA,QAAAC,CACF,EAAInB,EAEJ,GAAImB,EAAS,CACX,GAAI,CAACF,EAAe,KAAM,SAC1B,MAAO,CACL,WAAY,GACZ,GAAGA,EAAc,MACjB,aAAcA,CAChB,CACF,CAEA,KAAM,CAACG,EAAYC,CAAa,KAAI,YAAgBL,CAAW,EACzD,CAAE,MAAAM,EAAO,aAAAlB,EAAc,QAAAmB,EAAS,WAAAC,CAAW,EAAIJ,EAC/CK,EAAqB,QAAQ,CAACL,EAAW,SAAWpB,EAAM,OAAO,EACjE0B,EAA0BD,EAEhC,SAASE,EAAyBC,EAAUxB,EAAc,CAKxD,OAJawB,EAAQ,SACnB5B,EACAiB,IAAkBb,EAAea,EAAc,cAAgBA,CACjE,CAEF,CAEA,SAASY,EAAkCD,EAAUxB,EAAc,CACjE,MAAM0B,EAAOH,EAAyBC,CAAO,EAC7C,GAAKE,IACDf,GAAA,YAAAA,OAAsB,IACrBa,EAAQ,qBAAqBE,EAAMR,CAAK,EAC7C,OAAOQ,CACT,CAyDA,GAvDK,gBACH,aAAU,IAAM,CAId,GAAI9B,EAAM,SAAW,CAACuB,EAAS,CAC7BF,EAAc,CAAE,GAAGD,EAAY,QAAS,EAAK,CAAC,EAC9C,MACF,CAEA,GAAKI,GACApB,EAEL,OAAAvB,EAAoB,IAAIuB,CAAY,EAE7B,IAAM,CACXvB,EAAoB,OAAOuB,CAAY,CACzC,CACF,EAAG,CAACoB,EAAYpB,EAAckB,EAAOJ,CAAK,CAAC,KAG3C,mBAAgB,IAAM,CACpB,MAAMa,EAAYF,EAAkCzB,CAAY,EAE5D2B,IACEP,GAEFpB,EAAa,YAAY2B,EAAW,EAAI,EAG1CV,EAAcL,CAAW,GAG3B,MAAMgB,EAAwBf,GAAA,YAAAA,EAAe,cAAc,CAAClB,EAAM6B,IAAY,EACxE1B,GAAA,MAAAA,EAAM,QAAUsB,KACd,QAAQ,IAAI,WAAa,eAAiBxB,EAAM,QAAYE,GAAA,MAAAA,EAAM,SACpE,QAAQ,IAAI,gBAAiB,CAAE,MAAAF,EAAO,KAAAD,EAAM,QAAA6B,EAAS,cAAAX,EAAe,KAAAf,CAAK,CAAC,EAE5EmB,EAAcL,CAAW,EAE7B,GAEA,MAAO,IAAM,CACXgB,GAAA,MAAAA,GACF,CACF,EAAG,CACDf,EACAO,EACAxB,EAAM,cACNA,EAAM,QACNA,EAAM,KACNA,EAAM,KACR,CAAC,GAGC0B,EAAyB,CAC3B,GAAI,CAACT,EAAe,KAAM,aAC1B,MAAO,CACL,WAAY,GACZ,GAAGA,EAAc,MACjB,UAAWQ,EAAqB,GAAKR,EAAc,MAAM,UACzD,aAAcA,CAChB,CACF,CAEA,MAAO,CACL,GAAGK,EACH,WAAAE,EACA,aAAApB,CACF,EAEA,SAASY,EAAYiB,EAAqB,CACxC,GAAIA,IAAQlB,GAAA,MAAAA,KACV,OAAOkB,EAIT,IAAI7B,EACAkB,EAEJ,MAAMY,EAAqB,IAClB,IAAI,eAAalC,EAAOc,EAAO,OAASG,CAAa,EAG9D,GAAIgB,GAAA,MAAAA,EAAM,aAAc,CACtB7B,EAAe6B,EAAK,aAEpB,MAAMF,EAAYF,EAAkCzB,CAAY,EAE5D2B,IACFT,EAAQS,EAEJ,CAACE,EAAK,YAAc,CAAC,QACvB7B,EAAe8B,EAAmB,EAElC9B,EAAa,YAAY2B,EAAW,EAAI,EAG9C,MACE3B,EAAe8B,EAAmB,EAGpC,MAAMV,EAAa,QACjBpB,IAAiBa,GACdgB,GAAQ7B,EAAa,MAAM,OAAS6B,EAAK,MAAM,IACpD,EAGMV,EAAWvB,EAAM,QAAiBc,IAAQmB,GAAA,YAAAA,EAAM,SAArB,GAE5BX,IACHA,EAAQE,EAAa,CAAE,GAAGpB,EAAa,KAAM,EAAI,CAAE,GAAGa,EAAe,KAAM,GAG7E,MAAMkB,EAAW,CACf,MAAAb,EACA,aAAAlB,EACA,WAAAoB,EACA,QAAAD,CACF,EAEA,OAAI,QAAQ,IAAI,WAAa,eAAiBvB,EAAM,QAClD,QAAQ,eAAe,6CAAsC,EAC7D,QAAQ,IAAI,CAAE,MAAAA,EAAO,cAAAiB,EAAe,aAAAb,EAAc,KAAA6B,EAAM,SAAAE,CAAS,CAAC,EAClE,QAAQ,SAAS,GAGZA,CACT,CACF",
-  "names": ["useTheme_exports", "__export", "activeThemeManagers", "getThemeProxied", "useChangeThemeEffect", "useTheme", "useThemeWithState", "__toCommonJS", "import_constants", "import_react", "import_config", "import_isDevTools", "import_createProxy", "import_ThemeManager", "import_ThemeManagerContext", "import_getThemeUnwrapped", "import_useServerHooks", "emptyProps", "getDefaultThemeProxied", "config", "name", "props", "_a", "keys", "changedTheme", "themeManager", "theme", "className", "logs", "key", "proxiedTheme", "_", "keyString", "val", "subkey", "root", "disableUpdate", "createState", "parentManager", "debug", "disable", "themeState", "setThemeState", "state", "mounted", "isNewTheme", "isInversingOnMount", "shouldReturnParentState", "getNextThemeManagerState", "manager", "getThemeManagerNextStateIfChanged", "next", "nextState", "disposeChangeListener", "prev", "getNewThemeManager", "response"]
+  "mappings": "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",
+  "names": ["_", "themeManager", "state", "isNewTheme", "mounted"]
 }

package/dist/cjs/hooks/useThemeName.js

@@ -1,2 +1,52 @@
-"use strict";var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var N=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},T=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of p(e))!C.call(t,m)&&m!==r&&s(t,m,{get:()=>e[m],enumerable:!(n=h(e,m))||n.enumerable});return t};var y=t=>T(s({},"__esModule",{value:!0}),t);var x={};N(x,{useThemeName:()=>g});module.exports=y(x);var o=require("@tamagui/constants"),a=require("react"),i=require("../config.js"),u=require("../helpers/ThemeManagerContext.js");function g(t){if(o.isRSC){const m=(0,i.getConfig)();return m.themes[Object.keys(m.themes)[0]]}const e=(0,a.useContext)(u.ThemeManagerContext),[r,n]=(0,a.useState)((e==null?void 0:e.state.name)||"");return(0,o.useIsomorphicLayoutEffect)(()=>{if(e)return n(e.state.name),e.onChangeTheme((m,c)=>{const f=t!=null&&t.parent&&c.state.parentName||m;f&&n(f)})},[e==null?void 0:e.state.name]),r}0&&(module.exports={useThemeName});
+"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 useThemeName_exports = {};
+__export(useThemeName_exports, {
+  useThemeName: () => useThemeName
+});
+module.exports = __toCommonJS(useThemeName_exports);
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+var import_config = require("../config.js");
+var import_ThemeManagerContext = require("../helpers/ThemeManagerContext.js");
+function useThemeName(opts) {
+  if (import_constants.isRSC) {
+    const config = (0, import_config.getConfig)();
+    return config.themes[Object.keys(config.themes)[0]];
+  }
+  const manager = (0, import_react.useContext)(import_ThemeManagerContext.ThemeManagerContext);
+  const [name, setName] = (0, import_react.useState)((manager == null ? void 0 : manager.state.name) || "");
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (!manager)
+      return;
+    setName(manager.state.name);
+    return manager.onChangeTheme((next, manager2) => {
+      const name2 = (opts == null ? void 0 : opts.parent) ? manager2.state.parentName || next : next;
+      if (!name2)
+        return;
+      setName(name2);
+    });
+  }, [manager == null ? void 0 : manager.state.name]);
+  return name;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useThemeName
+});
 //# sourceMappingURL=useThemeName.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useThemeName.tsx"],
   "sourcesContent": ["import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useContext, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport { ThemeName } from '../types.js'\n\nexport function useThemeName(opts?: { parent?: true }): ThemeName {\n  if (isRSC) {\n    const config = getConfig()\n    return config.themes[Object.keys(config.themes)[0]] as any\n  }\n  const manager = useContext(ThemeManagerContext)\n  const [name, setName] = useState(manager?.state.name || '')\n\n  useIsomorphicLayoutEffect(() => {\n    if (!manager) return\n    setName(manager.state.name)\n    return manager.onChangeTheme((next, manager) => {\n      const name = opts?.parent ? manager.state.parentName || next : next\n      if (!name) return\n      setName(name)\n    })\n  }, [manager?.state.name])\n\n  return name\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAiD,8BACjDC,EAAqC,iBAErCC,EAA0B,wBAC1BC,EAAoC,6CAG7B,SAASL,EAAaM,EAAqC,CAChE,GAAI,QAAO,CACT,MAAMC,KAAS,aAAU,EACzB,OAAOA,EAAO,OAAO,OAAO,KAAKA,EAAO,MAAM,EAAE,CAAC,CAAC,CACpD,CACA,MAAMC,KAAU,cAAW,qBAAmB,EACxC,CAACC,EAAMC,CAAO,KAAI,aAASF,GAAA,YAAAA,EAAS,MAAM,OAAQ,EAAE,EAE1D,sCAA0B,IAAM,CAC9B,GAAKA,EACL,OAAAE,EAAQF,EAAQ,MAAM,IAAI,EACnBA,EAAQ,cAAc,CAACG,EAAMH,IAAY,CAC9C,MAAMC,EAAOH,GAAA,MAAAA,EAAM,QAASE,EAAQ,MAAM,YAAcG,EACnDF,GACLC,EAAQD,CAAI,CACd,CAAC,CACH,EAAG,CAACD,GAAA,YAAAA,EAAS,MAAM,IAAI,CAAC,EAEjBC,CACT",
-  "names": ["useThemeName_exports", "__export", "useThemeName", "__toCommonJS", "import_constants", "import_react", "import_config", "import_ThemeManagerContext", "opts", "config", "manager", "name", "setName", "next"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAiD;AACjD,mBAAqC;AAErC,oBAA0B;AAC1B,iCAAoC;AAG7B,SAAS,aAAa,MAAqC;AAChE,MAAI,wBAAO;AACT,UAAM,aAAS,yBAAU;AACzB,WAAO,OAAO,OAAO,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,CAAC;AAAA,EACpD;AACA,QAAM,cAAU,yBAAW,8CAAmB;AAC9C,QAAM,CAAC,MAAM,OAAO,QAAI,wBAAS,mCAAS,MAAM,SAAQ,EAAE;AAE1D,kDAA0B,MAAM;AAC9B,QAAI,CAAC;AAAS;AACd,YAAQ,QAAQ,MAAM,IAAI;AAC1B,WAAO,QAAQ,cAAc,CAAC,MAAMA,aAAY;AAC9C,YAAMC,SAAO,6BAAM,UAASD,SAAQ,MAAM,cAAc,OAAO;AAC/D,UAAI,CAACC;AAAM;AACX,cAAQA,KAAI;AAAA,IACd,CAAC;AAAA,EACH,GAAG,CAAC,mCAAS,MAAM,IAAI,CAAC;AAExB,SAAO;AACT;",
+  "names": ["manager", "name"]
 }

package/dist/cjs/index.js

@@ -1,2 +1,111 @@
-"use strict";var g=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var s=(m,t)=>{for(var p in t)g(m,p,{get:t[p],enumerable:!0})},i=(m,t,p,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let x of n(t))!u.call(m,x)&&x!==p&&g(m,x,{get:()=>t[x],enumerable:!(a=d(t,x))||a.enumerable});return m},r=(m,t,p)=>(i(m,t,"default"),p&&i(p,t,"default"));var c=m=>i(g({},"__esModule",{value:!0}),m);var o={};s(o,{configureMedia:()=>e.configureMedia,getConfig:()=>f.getConfig,getMedia:()=>e.getMedia,getThemes:()=>f.getThemes,getTokens:()=>f.getTokens,mediaObjectToString:()=>e.mediaObjectToString,mediaQueryConfig:()=>e.mediaQueryConfig,mediaState:()=>e.mediaState,onConfiguredOnce:()=>f.onConfiguredOnce,updateConfig:()=>f.updateConfig,useMedia:()=>e.useMedia,useMediaPropsActive:()=>e.useMediaPropsActive});module.exports=c(o);r(o,require("./Tamagui.js"),module.exports);r(o,require("./createComponent.js"),module.exports);r(o,require("./createShorthands.js"),module.exports);r(o,require("./createTheme.js"),module.exports);r(o,require("./createTamagui.js"),module.exports);r(o,require("./createFont.js"),module.exports);r(o,require("./createTokens.js"),module.exports);r(o,require("./createVariable.js"),module.exports);r(o,require("./createVariables.js"),module.exports);r(o,require("./insertFont.js"),module.exports);r(o,require("./addTheme.js"),module.exports);r(o,require("./updateTheme.js"),module.exports);r(o,require("./styled.js"),module.exports);r(o,require("./types.js"),module.exports);r(o,require("./setupReactNative.js"),module.exports);var f=require("./config.js");r(o,require("./constants/constants.js"),module.exports);r(o,require("./helpers/useShallowSetState.js"),module.exports);r(o,require("./helpers/getVariantExtras.js"),module.exports);r(o,require("./helpers/getAnimationDriver.js"),module.exports);r(o,require("./helpers/getExpandedShorthands.js"),module.exports);r(o,require("./helpers/getSplitStyles.js"),module.exports);r(o,require("./helpers/getStylesAtomic"),module.exports);r(o,require("./helpers/pseudoDescriptors.js"),module.exports);r(o,require("./helpers/mergeProps.js"),module.exports);r(o,require("./helpers/expandStyles.js"),module.exports);r(o,require("./helpers/isTamaguiElement.js"),module.exports);r(o,require("./helpers/isTamaguiComponent.js"),module.exports);r(o,require("./helpers/matchMedia"),module.exports);r(o,require("./helpers/themes.js"),module.exports);r(o,require("./helpers/getThemeCSSRules.js"),module.exports);r(o,require("./helpers/proxyThemeVariables.js"),module.exports);r(o,require("./helpers/themeable.js"),module.exports);r(o,require("./helpers/withStaticProperties.js"),module.exports);r(o,require("./helpers/normalizeColor.js"),module.exports);r(o,require("./contexts/ButtonNestingContext.js"),module.exports);r(o,require("./hooks/useId.js"),module.exports);r(o,require("./hooks/useIsTouchDevice.js"),module.exports);var e=require("./hooks/useMedia.js");r(o,require("./hooks/useTheme.js"),module.exports);r(o,require("./hooks/useThemeName.js"),module.exports);r(o,require("./hooks/useSafeRef.js"),module.exports);r(o,require("./hooks/useStyle.js"),module.exports);r(o,require("./hooks/useAnimationDriver.js"),module.exports);r(o,require("./views/Slot.js"),module.exports);r(o,require("./views/Stack.js"),module.exports);r(o,require("./views/Text.js"),module.exports);r(o,require("./contexts/TextAncestorContext.js"),module.exports);r(o,require("./views/Theme.js"),module.exports);r(o,require("./views/ThemeProvider.js"),module.exports);r(o,require("./views/FontLanguage"),module.exports);r(o,require("./views/TamaguiProvider.js"),module.exports);r(o,require("./views/AnimationDriverProvider.js"),module.exports);r(o,require("@tamagui/use-force-update"),module.exports);r(o,require("@tamagui/use-did-finish-ssr"),module.exports);r(o,require("@tamagui/use-event"),module.exports);r(o,require("@tamagui/compose-refs"),module.exports);r(o,require("@tamagui/helpers"),module.exports);r(o,require("@tamagui/constants"),module.exports);r(o,require("./setupHooks.js"),module.exports);0&&(module.exports={configureMedia,getConfig,getMedia,getThemes,getTokens,mediaObjectToString,mediaQueryConfig,mediaState,onConfiguredOnce,updateConfig,useMedia,useMediaPropsActive});
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  configureMedia: () => import_useMedia.configureMedia,
+  getConfig: () => import_config.getConfig,
+  getMedia: () => import_useMedia.getMedia,
+  getThemes: () => import_config.getThemes,
+  getTokens: () => import_config.getTokens,
+  mediaObjectToString: () => import_useMedia.mediaObjectToString,
+  mediaQueryConfig: () => import_useMedia.mediaQueryConfig,
+  mediaState: () => import_useMedia.mediaState,
+  onConfiguredOnce: () => import_config.onConfiguredOnce,
+  updateConfig: () => import_config.updateConfig,
+  useMedia: () => import_useMedia.useMedia,
+  useMediaPropsActive: () => import_useMedia.useMediaPropsActive
+});
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Tamagui.js"), module.exports);
+__reExport(src_exports, require("./createComponent.js"), module.exports);
+__reExport(src_exports, require("./createShorthands.js"), module.exports);
+__reExport(src_exports, require("./createTheme.js"), module.exports);
+__reExport(src_exports, require("./createTamagui.js"), module.exports);
+__reExport(src_exports, require("./createFont.js"), module.exports);
+__reExport(src_exports, require("./createTokens.js"), module.exports);
+__reExport(src_exports, require("./createVariable.js"), module.exports);
+__reExport(src_exports, require("./createVariables.js"), module.exports);
+__reExport(src_exports, require("./insertFont.js"), module.exports);
+__reExport(src_exports, require("./addTheme.js"), module.exports);
+__reExport(src_exports, require("./updateTheme.js"), module.exports);
+__reExport(src_exports, require("./styled.js"), module.exports);
+__reExport(src_exports, require("./types.js"), module.exports);
+__reExport(src_exports, require("./setupReactNative.js"), module.exports);
+var import_config = require("./config.js");
+__reExport(src_exports, require("./constants/constants.js"), module.exports);
+__reExport(src_exports, require("./helpers/useShallowSetState.js"), module.exports);
+__reExport(src_exports, require("./helpers/getVariantExtras.js"), module.exports);
+__reExport(src_exports, require("./helpers/getAnimationDriver.js"), module.exports);
+__reExport(src_exports, require("./helpers/getExpandedShorthands.js"), module.exports);
+__reExport(src_exports, require("./helpers/getSplitStyles.js"), module.exports);
+__reExport(src_exports, require("./helpers/getStylesAtomic"), module.exports);
+__reExport(src_exports, require("./helpers/pseudoDescriptors.js"), module.exports);
+__reExport(src_exports, require("./helpers/mergeProps.js"), module.exports);
+__reExport(src_exports, require("./helpers/expandStyles.js"), module.exports);
+__reExport(src_exports, require("./helpers/isTamaguiElement.js"), module.exports);
+__reExport(src_exports, require("./helpers/isTamaguiComponent.js"), module.exports);
+__reExport(src_exports, require("./helpers/matchMedia"), module.exports);
+__reExport(src_exports, require("./helpers/themes.js"), module.exports);
+__reExport(src_exports, require("./helpers/getThemeCSSRules.js"), module.exports);
+__reExport(src_exports, require("./helpers/proxyThemeVariables.js"), module.exports);
+__reExport(src_exports, require("./helpers/themeable.js"), module.exports);
+__reExport(src_exports, require("./helpers/withStaticProperties.js"), module.exports);
+__reExport(src_exports, require("./helpers/normalizeColor.js"), module.exports);
+__reExport(src_exports, require("./contexts/ButtonNestingContext.js"), module.exports);
+__reExport(src_exports, require("./hooks/useId.js"), module.exports);
+__reExport(src_exports, require("./hooks/useIsTouchDevice.js"), module.exports);
+var import_useMedia = require("./hooks/useMedia.js");
+__reExport(src_exports, require("./hooks/useTheme.js"), module.exports);
+__reExport(src_exports, require("./hooks/useThemeName.js"), module.exports);
+__reExport(src_exports, require("./hooks/useSafeRef.js"), module.exports);
+__reExport(src_exports, require("./hooks/useStyle.js"), module.exports);
+__reExport(src_exports, require("./hooks/useAnimationDriver.js"), module.exports);
+__reExport(src_exports, require("./views/Slot.js"), module.exports);
+__reExport(src_exports, require("./views/Stack.js"), module.exports);
+__reExport(src_exports, require("./views/Text.js"), module.exports);
+__reExport(src_exports, require("./contexts/TextAncestorContext.js"), module.exports);
+__reExport(src_exports, require("./views/Theme.js"), module.exports);
+__reExport(src_exports, require("./views/ThemeProvider.js"), module.exports);
+__reExport(src_exports, require("./views/FontLanguage"), module.exports);
+__reExport(src_exports, require("./views/TamaguiProvider.js"), module.exports);
+__reExport(src_exports, require("./views/AnimationDriverProvider.js"), module.exports);
+__reExport(src_exports, require("@tamagui/use-force-update"), module.exports);
+__reExport(src_exports, require("@tamagui/use-did-finish-ssr"), module.exports);
+__reExport(src_exports, require("@tamagui/use-event"), module.exports);
+__reExport(src_exports, require("@tamagui/compose-refs"), module.exports);
+__reExport(src_exports, require("@tamagui/helpers"), module.exports);
+__reExport(src_exports, require("@tamagui/constants"), module.exports);
+__reExport(src_exports, require("./setupHooks.js"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  configureMedia,
+  getConfig,
+  getMedia,
+  getThemes,
+  getTokens,
+  mediaObjectToString,
+  mediaQueryConfig,
+  mediaState,
+  onConfiguredOnce,
+  updateConfig,
+  useMedia,
+  useMediaPropsActive
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Tamagui.js'\nexport * from './createComponent.js'\nexport * from './createShorthands.js'\nexport * from './createTheme.js'\nexport * from './createTamagui.js'\nexport * from './createFont.js'\nexport * from './createTokens.js'\nexport * from './createVariable.js'\nexport * from './createVariables.js'\nexport * from './insertFont.js'\nexport * from './addTheme.js'\nexport * from './updateTheme.js'\nexport * from './styled.js'\nexport * from './types.js'\nexport * from './setupReactNative.js'\n\nexport {\n  getConfig,\n  getThemes,\n  getTokens,\n  onConfiguredOnce,\n  updateConfig,\n} from './config.js'\n\nexport * from './constants/constants.js'\n\nexport * from './helpers/useShallowSetState.js'\nexport * from './helpers/getVariantExtras.js'\nexport * from './helpers/getAnimationDriver.js'\nexport * from './helpers/getExpandedShorthands.js'\nexport * from './helpers/getSplitStyles.js'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/pseudoDescriptors.js'\nexport * from './helpers/mergeProps.js'\nexport * from './helpers/expandStyles.js'\nexport * from './helpers/isTamaguiElement.js'\nexport * from './helpers/isTamaguiComponent.js'\nexport * from './helpers/matchMedia'\nexport * from './helpers/themes.js'\nexport * from './helpers/getThemeCSSRules.js'\nexport * from './helpers/proxyThemeVariables.js'\nexport * from './helpers/themeable.js'\nexport * from './helpers/withStaticProperties.js'\nexport * from './helpers/normalizeColor.js'\n\nexport * from './contexts/ButtonNestingContext.js'\n\nexport * from './hooks/useId.js'\nexport * from './hooks/useIsTouchDevice.js'\n\nexport {\n  configureMedia,\n  getMedia,\n  mediaState,\n  useMedia,\n  useMediaPropsActive,\n  mediaObjectToString,\n  mediaQueryConfig,\n} from './hooks/useMedia.js'\nexport * from './hooks/useTheme.js'\nexport * from './hooks/useThemeName.js'\nexport * from './hooks/useSafeRef.js'\nexport * from './hooks/useStyle.js'\nexport * from './hooks/useAnimationDriver.js'\n\nexport * from './views/Slot.js'\nexport * from './views/Stack.js'\nexport * from './views/Text.js'\nexport * from './contexts/TextAncestorContext.js'\nexport * from './views/Theme.js'\nexport * from './views/ThemeProvider.js'\nexport * from './views/FontLanguage'\nexport * from './views/TamaguiProvider.js'\nexport * from './views/AnimationDriverProvider.js'\n\nexport * from '@tamagui/use-force-update'\nexport * from '@tamagui/use-did-finish-ssr'\nexport * from '@tamagui/use-event'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/constants'\n\nexport * from './setupHooks.js'\n"],
-  "mappings": "2dAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4ZAAAE,EAAAF,GAAAG,EAAAH,EAAc,wBAAd,gBACAG,EAAAH,EAAc,gCADd,gBAEAG,EAAAH,EAAc,iCAFd,gBAGAG,EAAAH,EAAc,4BAHd,gBAIAG,EAAAH,EAAc,8BAJd,gBAKAG,EAAAH,EAAc,2BALd,gBAMAG,EAAAH,EAAc,6BANd,gBAOAG,EAAAH,EAAc,+BAPd,gBAQAG,EAAAH,EAAc,gCARd,gBASAG,EAAAH,EAAc,2BATd,gBAUAG,EAAAH,EAAc,yBAVd,gBAWAG,EAAAH,EAAc,4BAXd,gBAYAG,EAAAH,EAAc,uBAZd,gBAaAG,EAAAH,EAAc,sBAbd,gBAcAG,EAAAH,EAAc,iCAdd,gBAgBA,IAAAI,EAMO,uBAEPD,EAAAH,EAAc,oCAxBd,gBA0BAG,EAAAH,EAAc,2CA1Bd,gBA2BAG,EAAAH,EAAc,yCA3Bd,gBA4BAG,EAAAH,EAAc,2CA5Bd,gBA6BAG,EAAAH,EAAc,8CA7Bd,gBA8BAG,EAAAH,EAAc,uCA9Bd,gBA+BAG,EAAAH,EAAc,qCA/Bd,gBAgCAG,EAAAH,EAAc,0CAhCd,gBAiCAG,EAAAH,EAAc,mCAjCd,gBAkCAG,EAAAH,EAAc,qCAlCd,gBAmCAG,EAAAH,EAAc,yCAnCd,gBAoCAG,EAAAH,EAAc,2CApCd,gBAqCAG,EAAAH,EAAc,gCArCd,gBAsCAG,EAAAH,EAAc,+BAtCd,gBAuCAG,EAAAH,EAAc,yCAvCd,gBAwCAG,EAAAH,EAAc,4CAxCd,gBAyCAG,EAAAH,EAAc,kCAzCd,gBA0CAG,EAAAH,EAAc,6CA1Cd,gBA2CAG,EAAAH,EAAc,uCA3Cd,gBA6CAG,EAAAH,EAAc,8CA7Cd,gBA+CAG,EAAAH,EAAc,4BA/Cd,gBAgDAG,EAAAH,EAAc,uCAhDd,gBAkDA,IAAAK,EAQO,+BACPF,EAAAH,EAAc,+BA3Dd,gBA4DAG,EAAAH,EAAc,mCA5Dd,gBA6DAG,EAAAH,EAAc,iCA7Dd,gBA8DAG,EAAAH,EAAc,+BA9Dd,gBA+DAG,EAAAH,EAAc,yCA/Dd,gBAiEAG,EAAAH,EAAc,2BAjEd,gBAkEAG,EAAAH,EAAc,4BAlEd,gBAmEAG,EAAAH,EAAc,2BAnEd,gBAoEAG,EAAAH,EAAc,6CApEd,gBAqEAG,EAAAH,EAAc,4BArEd,gBAsEAG,EAAAH,EAAc,oCAtEd,gBAuEAG,EAAAH,EAAc,gCAvEd,gBAwEAG,EAAAH,EAAc,sCAxEd,gBAyEAG,EAAAH,EAAc,8CAzEd,gBA2EAG,EAAAH,EAAc,qCA3Ed,gBA4EAG,EAAAH,EAAc,uCA5Ed,gBA6EAG,EAAAH,EAAc,8BA7Ed,gBA8EAG,EAAAH,EAAc,iCA9Ed,gBA+EAG,EAAAH,EAAc,4BA/Ed,gBAgFAG,EAAAH,EAAc,8BAhFd,gBAkFAG,EAAAH,EAAc,2BAlFd",
-  "names": ["src_exports", "__export", "__toCommonJS", "__reExport", "import_config", "import_useMedia"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,yBAAd;AACA,wBAAc,iCADd;AAEA,wBAAc,kCAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,+BAJd;AAKA,wBAAc,4BALd;AAMA,wBAAc,8BANd;AAOA,wBAAc,gCAPd;AAQA,wBAAc,iCARd;AASA,wBAAc,4BATd;AAUA,wBAAc,0BAVd;AAWA,wBAAc,6BAXd;AAYA,wBAAc,wBAZd;AAaA,wBAAc,uBAbd;AAcA,wBAAc,kCAdd;AAgBA,oBAMO;AAEP,wBAAc,qCAxBd;AA0BA,wBAAc,4CA1Bd;AA2BA,wBAAc,0CA3Bd;AA4BA,wBAAc,4CA5Bd;AA6BA,wBAAc,+CA7Bd;AA8BA,wBAAc,wCA9Bd;AA+BA,wBAAc,sCA/Bd;AAgCA,wBAAc,2CAhCd;AAiCA,wBAAc,oCAjCd;AAkCA,wBAAc,sCAlCd;AAmCA,wBAAc,0CAnCd;AAoCA,wBAAc,4CApCd;AAqCA,wBAAc,iCArCd;AAsCA,wBAAc,gCAtCd;AAuCA,wBAAc,0CAvCd;AAwCA,wBAAc,6CAxCd;AAyCA,wBAAc,mCAzCd;AA0CA,wBAAc,8CA1Cd;AA2CA,wBAAc,wCA3Cd;AA6CA,wBAAc,+CA7Cd;AA+CA,wBAAc,6BA/Cd;AAgDA,wBAAc,wCAhDd;AAkDA,sBAQO;AACP,wBAAc,gCA3Dd;AA4DA,wBAAc,oCA5Dd;AA6DA,wBAAc,kCA7Dd;AA8DA,wBAAc,gCA9Dd;AA+DA,wBAAc,0CA/Dd;AAiEA,wBAAc,4BAjEd;AAkEA,wBAAc,6BAlEd;AAmEA,wBAAc,4BAnEd;AAoEA,wBAAc,8CApEd;AAqEA,wBAAc,6BArEd;AAsEA,wBAAc,qCAtEd;AAuEA,wBAAc,iCAvEd;AAwEA,wBAAc,uCAxEd;AAyEA,wBAAc,+CAzEd;AA2EA,wBAAc,sCA3Ed;AA4EA,wBAAc,wCA5Ed;AA6EA,wBAAc,+BA7Ed;AA8EA,wBAAc,kCA9Ed;AA+EA,wBAAc,6BA/Ed;AAgFA,wBAAc,+BAhFd;AAkFA,wBAAc,4BAlFd;",
+  "names": []
 }

package/dist/cjs/inject-styles.js

@@ -1,2 +1,40 @@
-"use strict";var i=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var s in e)i(t,s,{get:e[s],enumerable:!0})},p=(t,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of o(e))!y.call(t,c)&&c!==s&&i(t,c,{get:()=>e[c],enumerable:!(n=r(e,c))||n.enumerable});return t};var a=t=>p(i({},"__esModule",{value:!0}),t);var u={};d(u,{injectStyles:()=>m});module.exports=a(u);const l={},m=({filePath:t,css:e})=>{let s=l[t];if(!s){const n=document.createElement("style");n.setAttribute("data-file",t),n.setAttribute("type","text/css"),s=l[t]=n,document.head.appendChild(n)}s.innerHTML=e};0&&(module.exports={injectStyles});
+"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 inject_styles_exports = {};
+__export(inject_styles_exports, {
+  injectStyles: () => injectStyles
+});
+module.exports = __toCommonJS(inject_styles_exports);
+const stylesheets = {};
+const injectStyles = ({ filePath, css }) => {
+  let stylesheet = stylesheets[filePath];
+  if (!stylesheet) {
+    const styleEl = document.createElement("style");
+    styleEl.setAttribute("data-file", filePath);
+    styleEl.setAttribute("type", "text/css");
+    stylesheet = stylesheets[filePath] = styleEl;
+    document.head.appendChild(styleEl);
+  }
+  stylesheet.innerHTML = css;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  injectStyles
+});
 //# sourceMappingURL=inject-styles.js.map

package/dist/cjs/inject-styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/inject-styles.ts"],
   "sourcesContent": ["// for vite dev mode\n\nconst stylesheets: Record<string, HTMLElement> = {}\n\ninterface InjectStylesOptions {\n  filePath: string\n  css: string\n}\n\nexport const injectStyles = ({ filePath, css }: InjectStylesOptions) => {\n  let stylesheet = stylesheets[filePath]\n  if (!stylesheet) {\n    const styleEl = document.createElement('style')\n    styleEl.setAttribute('data-file', filePath)\n    styleEl.setAttribute('type', 'text/css')\n    stylesheet = stylesheets[filePath] = styleEl\n    document.head.appendChild(styleEl)\n  }\n  stylesheet.innerHTML = css\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAEA,MAAMI,EAA2C,CAAC,EAOrCF,EAAe,CAAC,CAAE,SAAAG,EAAU,IAAAC,CAAI,IAA2B,CACtE,IAAIC,EAAaH,EAAYC,CAAQ,EACrC,GAAI,CAACE,EAAY,CACf,MAAMC,EAAU,SAAS,cAAc,OAAO,EAC9CA,EAAQ,aAAa,YAAaH,CAAQ,EAC1CG,EAAQ,aAAa,OAAQ,UAAU,EACvCD,EAAaH,EAAYC,CAAQ,EAAIG,EACrC,SAAS,KAAK,YAAYA,CAAO,CACnC,CACAD,EAAW,UAAYD,CACzB",
-  "names": ["inject_styles_exports", "__export", "injectStyles", "__toCommonJS", "stylesheets", "filePath", "css", "stylesheet", "styleEl"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,cAA2C,CAAC;AAO3C,MAAM,eAAe,CAAC,EAAE,UAAU,IAAI,MAA2B;AACtE,MAAI,aAAa,YAAY,QAAQ;AACrC,MAAI,CAAC,YAAY;AACf,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,aAAa,aAAa,QAAQ;AAC1C,YAAQ,aAAa,QAAQ,UAAU;AACvC,iBAAa,YAAY,QAAQ,IAAI;AACrC,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AACA,aAAW,YAAY;AACzB;",
+  "names": []
 }

package/dist/cjs/insertFont.js

@@ -1,2 +1,93 @@
-"use strict";var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var V=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},d=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of y(t))!A.call(e,r)&&r!==o&&c(e,r,{get:()=>t[r],enumerable:!(n=u(t,r))||n.enumerable});return e};var v=e=>d(c({},"__esModule",{value:!0}),e);var x={};V(x,{insertFont:()=>g,parseFont:()=>b,registerFontVariables:()=>m});module.exports=v(x);var f=require("./config.js"),l=require("./createFont.js"),p=require("./createVariables.js"),s=require("./helpers/registerCSSVariable.js");function g(e,t){const o=(0,l.createFont)(t),n=(0,p.createVariables)(o,e),r=b(n);if(process.env.TAMAGUI_TARGET==="web"&&typeof document<"u"){const i=m(r),a=document.createElement("style");a.innerText=`:root .font_${e} {${i.join(";")}}`,a.setAttribute("data-tamagui-font",e),document.head.appendChild(a)}return(0,f.setConfigFont)(e,n,r),r}function b(e){var o;const t={};for(const n in e){const r=e[n];if(n==="family"||n==="face"){t[n]=r;continue}t[n]={};for(const i in r){let a=r[i];((o=a.val)==null?void 0:o[0])==="$"&&(a=a.val),t[n][`$${i}`]=a}}return t}function m(e){const t=[];for(const o in e)if(o!=="face"){if(o==="family"){const n=e[o];(0,s.registerCSSVariable)(n),t.push((0,s.variableToCSS)(n))}else for(const n in e[o])if(typeof e[o][n]!="string"){const i=e[o][n];(0,s.registerCSSVariable)(i),t.push((0,s.variableToCSS)(i))}}return t}0&&(module.exports={insertFont,parseFont,registerFontVariables});
+"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 insertFont_exports = {};
+__export(insertFont_exports, {
+  insertFont: () => insertFont,
+  parseFont: () => parseFont,
+  registerFontVariables: () => registerFontVariables
+});
+module.exports = __toCommonJS(insertFont_exports);
+var import_config = require("./config.js");
+var import_createFont = require("./createFont.js");
+var import_createVariables = require("./createVariables.js");
+var import_registerCSSVariable = require("./helpers/registerCSSVariable.js");
+function insertFont(name, fontIn) {
+  const font = (0, import_createFont.createFont)(fontIn);
+  const tokened = (0, import_createVariables.createVariables)(font, name);
+  const parsed = parseFont(tokened);
+  if (process.env.TAMAGUI_TARGET === "web" && typeof document !== "undefined") {
+    const fontVars = registerFontVariables(parsed);
+    const style = document.createElement("style");
+    style.innerText = `:root .font_${name} {${fontVars.join(";")}}`;
+    style.setAttribute("data-tamagui-font", name);
+    document.head.appendChild(style);
+  }
+  (0, import_config.setConfigFont)(name, tokened, parsed);
+  return parsed;
+}
+function parseFont(definition) {
+  var _a;
+  const parsed = {};
+  for (const attrKey in definition) {
+    const attr = definition[attrKey];
+    if (attrKey === "family" || attrKey === "face") {
+      parsed[attrKey] = attr;
+      continue;
+    }
+    parsed[attrKey] = {};
+    for (const key in attr) {
+      let val = attr[key];
+      if (((_a = val.val) == null ? void 0 : _a[0]) === "$") {
+        val = val.val;
+      }
+      parsed[attrKey][`$${key}`] = val;
+    }
+  }
+  return parsed;
+}
+function registerFontVariables(parsedFont) {
+  const response = [];
+  for (const fkey in parsedFont) {
+    if (fkey === "face")
+      continue;
+    if (fkey === "family") {
+      const val = parsedFont[fkey];
+      (0, import_registerCSSVariable.registerCSSVariable)(val);
+      response.push((0, import_registerCSSVariable.variableToCSS)(val));
+    } else {
+      for (const fskey in parsedFont[fkey]) {
+        const fval = parsedFont[fkey][fskey];
+        if (typeof fval === "string") {
+        } else {
+          const val = parsedFont[fkey][fskey];
+          (0, import_registerCSSVariable.registerCSSVariable)(val);
+          response.push((0, import_registerCSSVariable.variableToCSS)(val));
+        }
+      }
+    }
+  }
+  return response;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  insertFont,
+  parseFont,
+  registerFontVariables
+});
 //# sourceMappingURL=insertFont.js.map

package/dist/cjs/insertFont.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/insertFont.ts"],
   "sourcesContent": ["import { setConfigFont } from './config.js'\nimport { createFont } from './createFont.js'\nimport { Variable } from './createVariable.js'\nimport { DeepVariableObject, createVariables } from './createVariables.js'\nimport { registerCSSVariable, variableToCSS } from './helpers/registerCSSVariable.js'\nimport { GenericFont } from './types.js'\n\n/**\n * Runtime dynamic insert font\n */\nexport function insertFont<A extends GenericFont>(\n  name: string,\n  fontIn: A\n): DeepVariableObject<A> {\n  const font = createFont(fontIn)\n  const tokened = createVariables(font, name) as GenericFont\n  const parsed = parseFont(tokened) as DeepVariableObject<A>\n  if (process.env.TAMAGUI_TARGET === 'web' && typeof document !== 'undefined') {\n    const fontVars = registerFontVariables(parsed)\n    const style = document.createElement('style')\n    style.innerText = `:root .font_${name} {${fontVars.join(';')}}`\n    style.setAttribute('data-tamagui-font', name)\n    document.head.appendChild(style)\n  }\n  setConfigFont(name, tokened, parsed)\n  return parsed\n}\n\nexport function parseFont<A extends GenericFont>(definition: A): DeepVariableObject<A> {\n  const parsed: any = {}\n  for (const attrKey in definition) {\n    const attr = definition[attrKey]\n    if (attrKey === 'family' || attrKey === 'face') {\n      parsed[attrKey] = attr\n      continue\n    }\n    parsed[attrKey] = {}\n    for (const key in attr) {\n      let val = attr[key] as any\n      // is a theme reference\n      if (val.val?.[0] === '$') {\n        val = val.val\n      }\n      parsed[attrKey][`$${key}`] = val\n    }\n  }\n  return parsed\n}\n\nexport function registerFontVariables(parsedFont: any) {\n  const response: string[] = []\n\n  for (const fkey in parsedFont) {\n    if (fkey === 'face') continue\n    if (fkey === 'family') {\n      const val = parsedFont[fkey] as Variable\n      registerCSSVariable(val)\n      response.push(variableToCSS(val))\n    } else {\n      for (const fskey in parsedFont[fkey]) {\n        const fval = parsedFont[fkey][fskey]\n        if (typeof fval === 'string') {\n          // no need to add its a theme reference like \"$borderColor\"\n        } else {\n          const val = parsedFont[fkey][fskey] as Variable\n          registerCSSVariable(val)\n          response.push(variableToCSS(val))\n        }\n      }\n    }\n  }\n  return response\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,cAAAC,EAAA,0BAAAC,IAAA,eAAAC,EAAAL,GAAA,IAAAM,EAA8B,uBAC9BC,EAA2B,2BAE3BC,EAAoD,gCACpDC,EAAmD,4CAM5C,SAASP,EACdQ,EACAC,EACuB,CACvB,MAAMC,KAAO,cAAWD,CAAM,EACxBE,KAAU,mBAAgBD,EAAMF,CAAI,EACpCI,EAASX,EAAUU,CAAO,EAChC,GAAI,QAAQ,IAAI,iBAAmB,OAAS,OAAO,SAAa,IAAa,CAC3E,MAAME,EAAWX,EAAsBU,CAAM,EACvCE,EAAQ,SAAS,cAAc,OAAO,EAC5CA,EAAM,UAAY,eAAeN,MAASK,EAAS,KAAK,GAAG,KAC3DC,EAAM,aAAa,oBAAqBN,CAAI,EAC5C,SAAS,KAAK,YAAYM,CAAK,CACjC,CACA,0BAAcN,EAAMG,EAASC,CAAM,EAC5BA,CACT,CAEO,SAASX,EAAiCc,EAAsC,CA5BvF,IAAAC,EA6BE,MAAMJ,EAAc,CAAC,EACrB,UAAWK,KAAWF,EAAY,CAChC,MAAMG,EAAOH,EAAWE,CAAO,EAC/B,GAAIA,IAAY,UAAYA,IAAY,OAAQ,CAC9CL,EAAOK,CAAO,EAAIC,EAClB,QACF,CACAN,EAAOK,CAAO,EAAI,CAAC,EACnB,UAAWE,KAAOD,EAAM,CACtB,IAAIE,EAAMF,EAAKC,CAAG,IAEdH,EAAAI,EAAI,MAAJ,YAAAJ,EAAU,MAAO,MACnBI,EAAMA,EAAI,KAEZR,EAAOK,CAAO,EAAE,IAAIE,GAAK,EAAIC,CAC/B,CACF,CACA,OAAOR,CACT,CAEO,SAASV,EAAsBmB,EAAiB,CACrD,MAAMC,EAAqB,CAAC,EAE5B,UAAWC,KAAQF,EACjB,GAAIE,IAAS,QACb,GAAIA,IAAS,SAAU,CACrB,MAAMH,EAAMC,EAAWE,CAAI,KAC3B,uBAAoBH,CAAG,EACvBE,EAAS,QAAK,iBAAcF,CAAG,CAAC,CAClC,KACE,WAAWI,KAASH,EAAWE,CAAI,EAEjC,GAAI,OADSF,EAAWE,CAAI,EAAEC,CAAK,GACf,SAEb,CACL,MAAMJ,EAAMC,EAAWE,CAAI,EAAEC,CAAK,KAClC,uBAAoBJ,CAAG,EACvBE,EAAS,QAAK,iBAAcF,CAAG,CAAC,CAClC,EAIN,OAAOE,CACT",
-  "names": ["insertFont_exports", "__export", "insertFont", "parseFont", "registerFontVariables", "__toCommonJS", "import_config", "import_createFont", "import_createVariables", "import_registerCSSVariable", "name", "fontIn", "font", "tokened", "parsed", "fontVars", "style", "definition", "_a", "attrKey", "attr", "key", "val", "parsedFont", "response", "fkey", "fskey"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA8B;AAC9B,wBAA2B;AAE3B,6BAAoD;AACpD,iCAAmD;AAM5C,SAAS,WACd,MACA,QACuB;AACvB,QAAM,WAAO,8BAAW,MAAM;AAC9B,QAAM,cAAU,wCAAgB,MAAM,IAAI;AAC1C,QAAM,SAAS,UAAU,OAAO;AAChC,MAAI,QAAQ,IAAI,mBAAmB,SAAS,OAAO,aAAa,aAAa;AAC3E,UAAM,WAAW,sBAAsB,MAAM;AAC7C,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,UAAM,YAAY,eAAe,SAAS,SAAS,KAAK,GAAG;AAC3D,UAAM,aAAa,qBAAqB,IAAI;AAC5C,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC;AACA,mCAAc,MAAM,SAAS,MAAM;AACnC,SAAO;AACT;AAEO,SAAS,UAAiC,YAAsC;AA5BvF;AA6BE,QAAM,SAAc,CAAC;AACrB,aAAW,WAAW,YAAY;AAChC,UAAM,OAAO,WAAW,OAAO;AAC/B,QAAI,YAAY,YAAY,YAAY,QAAQ;AAC9C,aAAO,OAAO,IAAI;AAClB;AAAA,IACF;AACA,WAAO,OAAO,IAAI,CAAC;AACnB,eAAW,OAAO,MAAM;AACtB,UAAI,MAAM,KAAK,GAAG;AAElB,YAAI,SAAI,QAAJ,mBAAU,QAAO,KAAK;AACxB,cAAM,IAAI;AAAA,MACZ;AACA,aAAO,OAAO,EAAE,IAAI,KAAK,IAAI;AAAA,IAC/B;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,sBAAsB,YAAiB;AACrD,QAAM,WAAqB,CAAC;AAE5B,aAAW,QAAQ,YAAY;AAC7B,QAAI,SAAS;AAAQ;AACrB,QAAI,SAAS,UAAU;AACrB,YAAM,MAAM,WAAW,IAAI;AAC3B,0DAAoB,GAAG;AACvB,eAAS,SAAK,0CAAc,GAAG,CAAC;AAAA,IAClC,OAAO;AACL,iBAAW,SAAS,WAAW,IAAI,GAAG;AACpC,cAAM,OAAO,WAAW,IAAI,EAAE,KAAK;AACnC,YAAI,OAAO,SAAS,UAAU;AAAA,QAE9B,OAAO;AACL,gBAAM,MAAM,WAAW,IAAI,EAAE,KAAK;AAClC,8DAAoB,GAAG;AACvB,mBAAS,SAAK,0CAAc,GAAG,CAAC;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
 }

package/dist/cjs/setupHooks.js

@@ -1,2 +1,34 @@
-"use strict";var a=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var p=(e,t)=>{for(var o in t)a(e,o,{get:t[o],enumerable:!0})},u=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of m(t))!l.call(e,n)&&n!==o&&a(e,n,{get:()=>t[n],enumerable:!(s=i(t,n))||s.enumerable});return e};var y=e=>u(a({},"__esModule",{value:!0}),e);var T={};p(T,{hooks:()=>r,setupHooks:()=>g});module.exports=y(T);const r={};function g(e){Object.assign(r,e)}0&&(module.exports={hooks,setupHooks});
+"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 setupHooks_exports = {};
+__export(setupHooks_exports, {
+  hooks: () => hooks,
+  setupHooks: () => setupHooks
+});
+module.exports = __toCommonJS(setupHooks_exports);
+const hooks = {};
+function setupHooks(next) {
+  Object.assign(hooks, next);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hooks,
+  setupHooks
+});
 //# sourceMappingURL=setupHooks.js.map

package/dist/cjs/setupHooks.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/setupHooks.ts"],
   "sourcesContent": ["import { RefObject } from 'react'\n\nimport {\n  GetStyleResult,\n  TamaguiComponentEvents,\n  TamaguiComponentState,\n  TamaguiElement,\n} from './types'\n\nexport const hooks: InternalHooks = {}\n\n// internal hooks setup\nexport function setupHooks(next: InternalHooks) {\n  Object.assign(hooks, next)\n}\n\ntype InternalHooks = {\n  usePropsTransform?: (\n    elementType: any,\n    props: Record<string, any>,\n    hostRef: RefObject<TamaguiElement>\n  ) => any\n\n  useEvents?: (\n    viewProps: Record<string, any>,\n    events: TamaguiComponentEvents | null,\n    splitStyles: GetStyleResult,\n    setStateShallow: (next: Partial<TamaguiComponentState>) => void\n  ) => any\n\n  getBaseViews?: () => {\n    View: any\n    Text: any\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,eAAAC,IAAA,eAAAC,EAAAJ,GASO,MAAME,EAAuB,CAAC,EAG9B,SAASC,EAAWE,EAAqB,CAC9C,OAAO,OAAOH,EAAOG,CAAI,CAC3B",
-  "names": ["setupHooks_exports", "__export", "hooks", "setupHooks", "__toCommonJS", "next"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASO,MAAM,QAAuB,CAAC;AAG9B,SAAS,WAAW,MAAqB;AAC9C,SAAO,OAAO,OAAO,IAAI;AAC3B;",
+  "names": []
 }

package/dist/cjs/setupReactNative.js

@@ -1,2 +1,51 @@
-"use strict";var a=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var i in t)a(e,i,{get:t[i],enumerable:!0})},p=(e,t,i,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of f(t))!s.call(e,n)&&n!==i&&a(e,n,{get:()=>t[n],enumerable:!(c=r(t,n))||c.enumerable});return e};var g=e=>p(a({},"__esModule",{value:!0}),e);var v={};u(v,{ReactNativeStaticConfigs:()=>o,getReactNativeConfig:()=>x,setupReactNative:()=>l});module.exports=g(v);const o=new WeakMap;function x(e){return o.get(e)}function l(e){for(const t in e){if(t[0].toLowerCase()===t[0])continue;const i=e[t];i&&typeof i=="object"&&o.set(i,{isReactNative:!0,isText:t==="Text"||t==="TextInput",isInput:t==="TextInput"||t==="TextArea",inlineProps:t==="Image"?new Set(["src","width","height"]):void 0})}}0&&(module.exports={ReactNativeStaticConfigs,getReactNativeConfig,setupReactNative});
+"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 setupReactNative_exports = {};
+__export(setupReactNative_exports, {
+  ReactNativeStaticConfigs: () => ReactNativeStaticConfigs,
+  getReactNativeConfig: () => getReactNativeConfig,
+  setupReactNative: () => setupReactNative
+});
+module.exports = __toCommonJS(setupReactNative_exports);
+const ReactNativeStaticConfigs = /* @__PURE__ */ new WeakMap();
+function getReactNativeConfig(Component) {
+  return ReactNativeStaticConfigs.get(Component);
+}
+function setupReactNative(rnExports) {
+  for (const key in rnExports) {
+    if (key[0].toLowerCase() === key[0])
+      continue;
+    const val = rnExports[key];
+    if (val && typeof val === "object") {
+      ReactNativeStaticConfigs.set(val, {
+        isReactNative: true,
+        isText: key === "Text" || key === "TextInput",
+        isInput: key === "TextInput" || key === "TextArea",
+        inlineProps: key === "Image" ? /* @__PURE__ */ new Set(["src", "width", "height"]) : void 0
+      });
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactNativeStaticConfigs,
+  getReactNativeConfig,
+  setupReactNative
+});
 //# sourceMappingURL=setupReactNative.js.map

package/dist/cjs/setupReactNative.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/setupReactNative.ts"],
   "sourcesContent": ["import { StaticConfig } from './types.js'\n\nexport const ReactNativeStaticConfigs = new WeakMap<any, Partial<StaticConfig> | null>()\n\nexport function getReactNativeConfig(Component: any) {\n  return ReactNativeStaticConfigs.get(Component)\n}\n\nexport function setupReactNative(rnExports: Record<string, any>) {\n  for (const key in rnExports) {\n    if (key[0].toLowerCase() === key[0]) continue\n    const val = rnExports[key]\n    if (val && typeof val === 'object') {\n      ReactNativeStaticConfigs.set(val, {\n        isReactNative: true,\n        isText: key === 'Text' || key === 'TextInput',\n        isInput: key === 'TextInput' || key === 'TextArea',\n        inlineProps: key === 'Image' ? new Set(['src', 'width', 'height']) : undefined,\n      })\n    }\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,8BAAAE,EAAA,yBAAAC,EAAA,qBAAAC,IAAA,eAAAC,EAAAL,GAEO,MAAME,EAA2B,IAAI,QAErC,SAASC,EAAqBG,EAAgB,CACnD,OAAOJ,EAAyB,IAAII,CAAS,CAC/C,CAEO,SAASF,EAAiBG,EAAgC,CAC/D,UAAWC,KAAOD,EAAW,CAC3B,GAAIC,EAAI,CAAC,EAAE,YAAY,IAAMA,EAAI,CAAC,EAAG,SACrC,MAAMC,EAAMF,EAAUC,CAAG,EACrBC,GAAO,OAAOA,GAAQ,UACxBP,EAAyB,IAAIO,EAAK,CAChC,cAAe,GACf,OAAQD,IAAQ,QAAUA,IAAQ,YAClC,QAASA,IAAQ,aAAeA,IAAQ,WACxC,YAAaA,IAAQ,QAAU,IAAI,IAAI,CAAC,MAAO,QAAS,QAAQ,CAAC,EAAI,MACvE,CAAC,CAEL,CACF",
-  "names": ["setupReactNative_exports", "__export", "ReactNativeStaticConfigs", "getReactNativeConfig", "setupReactNative", "__toCommonJS", "Component", "rnExports", "key", "val"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,2BAA2B,oBAAI,QAA2C;AAEhF,SAAS,qBAAqB,WAAgB;AACnD,SAAO,yBAAyB,IAAI,SAAS;AAC/C;AAEO,SAAS,iBAAiB,WAAgC;AAC/D,aAAW,OAAO,WAAW;AAC3B,QAAI,IAAI,CAAC,EAAE,YAAY,MAAM,IAAI,CAAC;AAAG;AACrC,UAAM,MAAM,UAAU,GAAG;AACzB,QAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,+BAAyB,IAAI,KAAK;AAAA,QAChC,eAAe;AAAA,QACf,QAAQ,QAAQ,UAAU,QAAQ;AAAA,QAClC,SAAS,QAAQ,eAAe,QAAQ;AAAA,QACxC,aAAa,QAAQ,UAAU,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC,IAAI;AAAA,MACvE,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "names": []
 }