@tamagui/web 1.13.3 → 1.14.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/ThemeManager.tsx"],
-  "sourcesContent": ["import { getThemes, getTokens } from '../config.js'\nimport { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants.js'\nimport { getThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'\nimport { ThemeParsed, ThemeProps } from '../types.js'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport type SetActiveThemeProps = {\n  className?: string\n  parentManager?: ThemeManager | null\n  name?: string | null\n  theme?: any\n  reset?: boolean\n}\n\nexport type ThemeManagerState = {\n  name: string\n  theme?: ThemeParsed | null\n  className?: string\n  parentName?: string\n}\n\nconst emptyState: ThemeManagerState = { name: '' }\n\nexport function hasNoThemeUpdatingProps(props: ThemeProps) {\n  return !(props.name || props.componentName || props.inverse || props.reset)\n}\n\nexport class ThemeManager {\n  themeListeners = new Set<ThemeListener>()\n  parentManager: ThemeManager | null = null\n  state: ThemeManagerState = emptyState\n\n  constructor(\n    public props: ThemeProps = {},\n    parentManager?: ThemeManager | 'root' | null | undefined\n  ) {\n    if (parentManager === 'root') {\n      this.updateState(props, false)\n      return\n    }\n    if (!parentManager) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.trace()\n        throw new Error(`No parent manager given`)\n      }\n      throw `\u274C`\n    }\n    // copy over listeners\n    this.themeListeners = parentManager.themeListeners\n\n    // no change no props\n    if (hasNoThemeUpdatingProps(props)) {\n      return parentManager\n    }\n    if (parentManager) {\n      this.parentManager = parentManager\n    }\n    const updatedState = this.getStateIfChanged(props)\n    if (updatedState) {\n      this.state = updatedState\n      return\n    }\n    return parentManager || this\n  }\n\n  updateState(\n    props: ThemeProps & { forceTheme?: ThemeParsed } = this.props || {},\n    notify = true\n  ) {\n    const shouldFlush = (() => {\n      if (props.forceTheme) {\n        this.state.theme = props.forceTheme\n        this.state.name = props.name || ''\n        return true\n      }\n      const nextState = this.getStateIfChanged(props)\n      if (nextState) {\n        this.state = nextState\n        return true\n      }\n    })()\n    if (shouldFlush) {\n      // reset any derived state\n      this._allKeys = null\n      notify && this.notify()\n      return this.state\n    }\n  }\n\n  getStateIfChanged(\n    props = this.props,\n    state: ThemeManagerState | null = this.state,\n    parentManager = this.parentManager\n  ) {\n    const _ = this.getState(props, parentManager)\n    // is removing\n    if (state && state !== emptyState && !_) {\n      return parentManager?.state\n    }\n    if (this.getStateShouldChange(_, state)) {\n      return _\n    }\n  }\n\n  getStateShouldChange(\n    nextState: ThemeManagerState | null,\n    state: ThemeManagerState | null = this.state\n  ) {\n    if (!nextState?.theme || nextState.theme === state?.theme) {\n      return false\n    }\n    return true\n  }\n\n  getState(props = this.props, parentManager = this.parentManager) {\n    return (\n      getState(props, parentManager) ||\n      (process.env.TAMAGUI_TARGET === 'native' ? parentManager?.state || null : null)\n    )\n  }\n\n  _allKeys: Set<string> | null = null\n  get allKeys() {\n    this._allKeys ||= new Set([\n      ...(this.parentManager?.allKeys || []),\n      ...Object.keys(this.state.theme || {}),\n    ])\n    return this._allKeys\n  }\n\n  // gets value going up to parents\n  getValue(key: string, state?: ThemeManagerState) {\n    if (!key) return\n    let theme = (state || this.state).theme\n    let manager = this as ThemeManager | null\n    while (theme && manager) {\n      if (key in theme) {\n        return theme[key]\n      }\n      manager = manager.parentManager\n      theme = manager?.state.theme\n    }\n    const tokens = getTokens()\n    if (key in tokens.color) {\n      return tokens.color[key]\n    }\n  }\n\n  notify() {\n    this.themeListeners.forEach((cb) => cb(this.state.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n}\n\nfunction getNextThemeClassName(name: string, isInverting = false) {\n  const next = `t_sub_theme ${THEME_CLASSNAME_PREFIX}${name}`\n  if (isInverting) {\n    return (\n      next +\n      // ensure you invert to base dark as well as specific dark\n      // ... logic should likely be elsewhere\n      (next.includes('dark_') ? ` t_dark` : next.includes('light_') ? ` t_light` : '')\n    )\n  }\n  return next.replace('light_', '').replace('dark_', '')\n}\n\nconst cache = new WeakMap<ThemeProps, [ThemeManager, ThemeManagerState | null]>()\n\nfunction getState(\n  props: ThemeProps,\n  parentManager?: ThemeManager | null\n): ThemeManagerState | null {\n  const cached = cache.get(props)\n  if (cached && cached[0] === parentManager) {\n    return cached[1]\n  }\n\n  const themes = getThemes()\n\n  if (props.name && props.reset) {\n    throw new Error('Cannot reset + set new name')\n  }\n  if (props.reset && !parentManager?.parentManager) {\n    console.warn('Cannot reset no grandparent exists')\n    return null\n  }\n\n  let result: ThemeManagerState | null = null\n\n  const nextName = props.reset\n    ? parentManager?.parentManager?.state?.name || ''\n    : props.name || ''\n  const { componentName } = props\n  const parentName = parentManager?.state?.name || ''\n\n  // components look for most specific, fallback upwards\n  const base = parentName.split(THEME_NAME_SEPARATOR)\n  const lastSegment = base[base.length - 1]\n  const isParentAComponentTheme =\n    parentName && lastSegment[0].toUpperCase() === lastSegment[0]\n  if (isParentAComponentTheme) {\n    base.pop() // always remove componentName they can't nest\n  }\n  const parentBaseTheme = isParentAComponentTheme\n    ? base.slice(0, base.length).join(THEME_NAME_SEPARATOR)\n    : parentName\n  const max = base.length\n  const min =\n    componentName && !nextName\n      ? max // component name only don't search upwards\n      : 0\n\n  // prettier-ignore\n  // eslint-disable-next-line no-console\n  if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') [ console.groupCollapsed('ThemeManager.getState()', props, { parentName,   parentBaseTheme,   base,   min,   max,   isParentAComponentTheme }), console.trace(), console.groupEnd() ]\n\n  for (let i = max; i >= min; i--) {\n    let prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR)\n    if (props.inverse) {\n      prefix = inverseThemeName(prefix)\n    }\n    const potentials: string[] = []\n    if (prefix && prefix !== parentBaseTheme) {\n      potentials.push(prefix)\n    }\n    if (nextName) {\n      potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName)\n    }\n    if (i === 1) {\n      const lastSegment = potentials.findIndex((x) => !x.includes('_'))\n      if (lastSegment > 0) {\n        potentials.splice(lastSegment, 0, nextName) // last try prefer our new name to parent\n      }\n    }\n    if (componentName) {\n      // components only look for component themes\n      if (nextName) {\n        potentials.push(\n          `${prefix.slice(\n            0,\n            prefix.indexOf(THEME_NAME_SEPARATOR)\n          )}_${nextName}_${componentName}`\n        )\n      }\n      potentials.push(`${prefix}_${componentName}`)\n      if (nextName) {\n        potentials.unshift(`${prefix}_${nextName}_${componentName}`)\n      }\n    }\n\n    const found = potentials.find((t) => t in themes)\n\n    // eslint-disable-next-line no-console\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose')\n      console.log('getState found', found, 'from', potentials, 'parentName', parentName)\n\n    if (found) {\n      // optimization return null if not changed\n      if (found === parentName) {\n        break\n      }\n      result = {\n        name: found,\n        theme: getThemeUnwrapped(themes[found]),\n        className: getNextThemeClassName(found, props.inverse),\n        parentName,\n      }\n      break\n    }\n  }\n\n  if (parentManager) {\n    cache.set(props, [parentManager, result])\n  }\n\n  return result\n}\n\nconst inverseThemeName = (themeName: string) => {\n  return themeName.startsWith('light')\n    ? themeName.replace(/^light/, 'dark')\n    : themeName.replace(/^dark/, 'light')\n}\n"],
-  "mappings": "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",
-  "names": ["lastSegment"]
+  "sourcesContent": ["import { getThemes, getTokens } from '../config.js'\nimport { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants.js'\nimport { getThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'\nimport { ThemeParsed, ThemeProps } from '../types.js'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport type SetActiveThemeProps = {\n  className?: string\n  parentManager?: ThemeManager | null\n  name?: string | null\n  theme?: any\n  reset?: boolean\n}\n\nexport type ThemeManagerState = {\n  name: string\n  theme?: ThemeParsed | null\n  className?: string\n  parentName?: string\n}\n\nconst emptyState: ThemeManagerState = { name: '' }\n\nexport function hasNoThemeUpdatingProps(props: ThemeProps) {\n  return !(props.name || props.componentName || props.inverse || props.reset)\n}\n\nlet uid = 0\n\nexport class ThemeManager {\n  id = uid++\n  themeListeners = new Set<ThemeListener>()\n  parentManager: ThemeManager | null = null\n  state: ThemeManagerState = emptyState\n\n  constructor(\n    public props: ThemeProps = {},\n    parentManager?: ThemeManager | 'root' | null | undefined\n  ) {\n    if (parentManager === 'root') {\n      this.updateState(props, false)\n      return\n    }\n    if (!parentManager) {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error(\n          `No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions.`\n        )\n      }\n      throw `\u274C`\n    }\n\n    // no change no props\n    if (hasNoThemeUpdatingProps(props)) {\n      return parentManager\n    }\n\n    if (parentManager) {\n      this.parentManager = parentManager\n    }\n\n    const updatedState = this.getStateIfChanged(props)\n    if (updatedState) {\n      this.state = updatedState\n      return\n    }\n\n    return parentManager || this\n  }\n\n  updateState(\n    props: ThemeProps & { forceTheme?: ThemeParsed } = this.props || {},\n    notify = true\n  ) {\n    const shouldFlush = (() => {\n      if (props.forceTheme) {\n        this.state.theme = props.forceTheme\n        this.state.name = props.name || ''\n        return true\n      }\n      const nextState = this.getStateIfChanged(props)\n      if (nextState) {\n        this.props = props\n        this.state = nextState\n        return true\n      }\n    })()\n    if (shouldFlush) {\n      // reset any derived state\n      this._allKeys = null\n      notify && this.notify()\n      return this.state\n    }\n  }\n\n  getStateIfChanged(\n    props = this.props,\n    state: ThemeManagerState | null = this.state,\n    parentManager = this.parentManager\n  ) {\n    const _ = this.getState(props, parentManager)\n    // is removing\n    if (state && state !== emptyState && !_) {\n      return parentManager?.state\n    }\n    if (this.getStateShouldChange(_, state)) {\n      return _\n    }\n  }\n\n  getStateShouldChange(\n    nextState: ThemeManagerState | null,\n    state: ThemeManagerState | null = this.state\n  ) {\n    if (!nextState?.theme || nextState.theme === state?.theme) {\n      return false\n    }\n    return true\n  }\n\n  getState(props = this.props, parentManager = this.parentManager) {\n    return (\n      getState(props, parentManager) ||\n      (process.env.TAMAGUI_TARGET === 'native' ? parentManager?.state || null : null)\n    )\n  }\n\n  _allKeys: Set<string> | null = null\n  get allKeys() {\n    this._allKeys ||= new Set([\n      ...(this.parentManager?.allKeys || []),\n      ...Object.keys(this.state.theme || {}),\n    ])\n    return this._allKeys\n  }\n\n  // gets value going up to parents\n  getValue(key: string, state?: ThemeManagerState) {\n    if (!key) return\n    let theme = (state || this.state).theme\n    let manager = this as ThemeManager | null\n    while (theme && manager) {\n      if (key in theme) {\n        return theme[key]\n      }\n      manager = manager.parentManager\n      theme = manager?.state.theme\n    }\n    const tokens = getTokens()\n    if (key in tokens.color) {\n      return tokens.color[key]\n    }\n  }\n\n  notify() {\n    this.themeListeners.forEach((cb) => cb(this.state.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n}\n\nfunction getNextThemeClassName(name: string, isInverting = false) {\n  const next = `t_sub_theme ${THEME_CLASSNAME_PREFIX}${name}`\n  if (isInverting) {\n    return (\n      next +\n      // ensure you invert to base dark as well as specific dark\n      // ... logic should likely be elsewhere\n      (next.includes('dark_') ? ` t_dark` : next.includes('light_') ? ` t_light` : '')\n    )\n  }\n  return next.replace('light_', '').replace('dark_', '')\n}\n\nfunction getState(\n  props: ThemeProps,\n  parentManager?: ThemeManager | null\n): ThemeManagerState | null {\n  const themes = getThemes()\n\n  if (props.name && props.reset) {\n    throw new Error('Cannot reset + set new name')\n  }\n\n  if (props.reset && !parentManager?.parentManager) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('Cannot reset no grandparent exists')\n    }\n    return null\n  }\n\n  let result: ThemeManagerState | null = null\n\n  const nextName = props.reset\n    ? parentManager?.parentManager?.state?.name || ''\n    : props.name || ''\n  const { componentName } = props\n  const parentName = parentManager?.state?.name || ''\n\n  // components look for most specific, fallback upwards\n  const base = parentName.split(THEME_NAME_SEPARATOR)\n  const lastSegment = base[base.length - 1]\n  const isParentComponentTheme =\n    parentName && lastSegment[0].toUpperCase() === lastSegment[0]\n  if (isParentComponentTheme) {\n    base.pop() // always remove componentName they can't nest\n  }\n  const parentBaseTheme = isParentComponentTheme\n    ? base.slice(0, base.length).join(THEME_NAME_SEPARATOR)\n    : parentName\n  const max = base.length\n  const min =\n    componentName && !nextName\n      ? max // component name only don't search upwards\n      : 0\n\n  // eslint-disable-next-line no-console\n  if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {\n    console.groupCollapsed('ThemeManager.getState()')\n    console.log({\n      parentName,\n      parentBaseTheme,\n      base,\n      min,\n      max,\n      isParentComponentTheme,\n    })\n  }\n\n  for (let i = max; i >= min; i--) {\n    let prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR)\n    if (props.inverse) {\n      prefix = inverseThemeName(prefix)\n    }\n    const potentials: string[] = []\n    if (prefix && prefix !== parentBaseTheme) {\n      potentials.push(prefix)\n    }\n    if (nextName) {\n      potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName)\n    }\n    if (i === 1) {\n      const lastSegment = potentials.findIndex((x) => !x.includes('_'))\n      if (lastSegment > 0) {\n        potentials.splice(lastSegment, 0, nextName) // last try prefer our new name to parent\n      }\n    }\n    if (componentName) {\n      // components only look for component themes\n      if (nextName) {\n        const beforeSeparator = prefix.slice(0, prefix.indexOf(THEME_NAME_SEPARATOR))\n        potentials.push(`${beforeSeparator}_${nextName}_${componentName}`)\n      }\n      potentials.push(`${prefix}_${componentName}`)\n      if (nextName) {\n        potentials.unshift(`${prefix}_${nextName}_${componentName}`)\n      }\n    }\n\n    const found = potentials.find((t) => t in themes)\n\n    if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {\n      console.log(' - ', { found, potentials })\n    }\n\n    if (found) {\n      result = {\n        name: found,\n        theme: getThemeUnwrapped(themes[found]),\n        className: getNextThemeClassName(found, props.inverse),\n        parentName,\n      }\n      break\n    }\n  }\n\n  // eslint-disable-next-line no-console\n  if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {\n    console.log({\n      result,\n    })\n    console.trace()\n    console.groupEnd()\n  }\n\n  return result\n}\n\nconst inverseThemeName = (themeName: string) => {\n  return themeName.startsWith('light')\n    ? themeName.replace(/^light/, 'dark')\n    : themeName.replace(/^dark/, 'light')\n}\n"],
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,aAAAC,MAAiB,eACrC,OAAS,0BAAAC,EAAwB,wBAAAC,MAA4B,4BAC7D,OAAS,qBAAAC,MAAyB,gCAoBlC,MAAMC,EAAgC,CAAE,KAAM,EAAG,EAE1C,SAASC,EAAwBC,EAAmB,CACzD,MAAO,EAAEA,EAAM,MAAQA,EAAM,eAAiBA,EAAM,SAAWA,EAAM,MACvE,CAEA,IAAIC,EAAM,EAEH,MAAMC,CAAa,CAMxB,YACSF,EAAoB,CAAC,EAC5BG,EACA,CAFO,WAAAH,EANT,QAAKC,IACL,oBAAiB,IAAI,IACrB,mBAAqC,KACrC,WAA2BH,EA8F3B,cAA+B,KAxF7B,GAAIK,IAAkB,OAAQ,CAC5B,KAAK,YAAYH,EAAO,EAAK,EAC7B,MACF,CACA,GAAI,CAACG,EACH,MAAI,QAAQ,IAAI,WAAa,aACrB,IAAI,MACR,+HACF,EAEI,SAIR,GAAIJ,EAAwBC,CAAK,EAC/B,OAAOG,EAGLA,IACF,KAAK,cAAgBA,GAGvB,MAAMC,EAAe,KAAK,kBAAkBJ,CAAK,EACjD,GAAII,EAAc,CAChB,KAAK,MAAQA,EACb,MACF,CAEA,OAAOD,GAAiB,IAC1B,CAEA,YACEH,EAAmD,KAAK,OAAS,CAAC,EAClEK,EAAS,GACT,CAcA,IAbqB,IAAM,CACzB,GAAIL,EAAM,WACR,YAAK,MAAM,MAAQA,EAAM,WACzB,KAAK,MAAM,KAAOA,EAAM,MAAQ,GACzB,GAET,MAAMM,EAAY,KAAK,kBAAkBN,CAAK,EAC9C,GAAIM,EACF,YAAK,MAAQN,EACb,KAAK,MAAQM,EACN,EAEX,GAAG,EAGD,YAAK,SAAW,KAChBD,GAAU,KAAK,OAAO,EACf,KAAK,KAEhB,CAEA,kBACEL,EAAQ,KAAK,MACbO,EAAkC,KAAK,MACvCJ,EAAgB,KAAK,cACrB,CACA,MAAMK,EAAI,KAAK,SAASR,EAAOG,CAAa,EAE5C,GAAII,GAASA,IAAUT,GAAc,CAACU,EACpC,OAAOL,GAAA,YAAAA,EAAe,MAExB,GAAI,KAAK,qBAAqBK,EAAGD,CAAK,EACpC,OAAOC,CAEX,CAEA,qBACEF,EACAC,EAAkC,KAAK,MACvC,CACA,MAAI,IAACD,GAAA,MAAAA,EAAW,QAASA,EAAU,SAAUC,GAAA,YAAAA,EAAO,OAItD,CAEA,SAASP,EAAQ,KAAK,MAAOG,EAAgB,KAAK,cAAe,CAC/D,OACEM,EAAST,EAAOG,CAAa,GAC5B,QAAQ,IAAI,iBAAmB,WAAWA,GAAA,YAAAA,EAAe,QAAS,IAEvE,CAGA,IAAI,SAAU,CAjIhB,IAAAO,EAkII,YAAK,WAAa,IAAI,IAAI,CACxB,KAAIA,EAAA,KAAK,gBAAL,YAAAA,EAAoB,UAAW,CAAC,EACpC,GAAG,OAAO,KAAK,KAAK,MAAM,OAAS,CAAC,CAAC,CACvC,CAAC,EACM,KAAK,QACd,CAGA,SAASC,EAAaJ,EAA2B,CAC/C,GAAI,CAACI,EAAK,OACV,IAAIC,GAASL,GAAS,KAAK,OAAO,MAC9BM,EAAU,KACd,KAAOD,GAASC,GAAS,CACvB,GAAIF,KAAOC,EACT,OAAOA,EAAMD,CAAG,EAElBE,EAAUA,EAAQ,cAClBD,EAAQC,GAAA,YAAAA,EAAS,MAAM,KACzB,CACA,MAAMC,EAASpB,EAAU,EACzB,GAAIiB,KAAOG,EAAO,MAChB,OAAOA,EAAO,MAAMH,CAAG,CAE3B,CAEA,QAAS,CACP,KAAK,eAAe,QAASI,GAAOA,EAAG,KAAK,MAAM,KAAM,IAAI,CAAC,CAC/D,CAEA,cAAcA,EAAmB,CAC/B,YAAK,eAAe,IAAIA,CAAE,EACnB,IAAM,CACX,KAAK,eAAe,OAAOA,CAAE,CAC/B,CACF,CACF,CAEA,SAASC,EAAsBC,EAAcC,EAAc,GAAO,CAChE,MAAMC,EAAO,eAAexB,IAAyBsB,IACrD,OAAIC,EAEAC,GAGCA,EAAK,SAAS,OAAO,EAAI,UAAYA,EAAK,SAAS,QAAQ,EAAI,WAAa,IAG1EA,EAAK,QAAQ,SAAU,EAAE,EAAE,QAAQ,QAAS,EAAE,CACvD,CAEA,SAASV,EACPT,EACAG,EAC0B,CAvL5B,IAAAO,EAAAU,EAAAC,EAwLE,MAAMC,EAAS7B,EAAU,EAEzB,GAAIO,EAAM,MAAQA,EAAM,MACtB,MAAM,IAAI,MAAM,6BAA6B,EAG/C,GAAIA,EAAM,OAAS,EAACG,GAAA,MAAAA,EAAe,eACjC,OAAI,QAAQ,IAAI,WAAa,eAC3B,QAAQ,KAAK,oCAAoC,EAE5C,KAGT,IAAIoB,EAAmC,KAEvC,MAAMC,EAAWxB,EAAM,QACnBoB,GAAAV,EAAAP,GAAA,YAAAA,EAAe,gBAAf,YAAAO,EAA8B,QAA9B,YAAAU,EAAqC,OAAQ,GAC7CpB,EAAM,MAAQ,GACZ,CAAE,cAAAyB,CAAc,EAAIzB,EACpB0B,IAAaL,EAAAlB,GAAA,YAAAA,EAAe,QAAf,YAAAkB,EAAsB,OAAQ,GAG3CM,EAAOD,EAAW,MAAM9B,CAAoB,EAC5CgC,EAAcD,EAAKA,EAAK,OAAS,CAAC,EAClCE,EACJH,GAAcE,EAAY,CAAC,EAAE,YAAY,IAAMA,EAAY,CAAC,EAC1DC,GACFF,EAAK,IAAI,EAEX,MAAMG,EAAkBD,EACpBF,EAAK,MAAM,EAAGA,EAAK,MAAM,EAAE,KAAK/B,CAAoB,EACpD8B,EACEK,EAAMJ,EAAK,OACXK,EACJP,GAAiB,CAACD,EACdO,EACA,EAGF,QAAQ,IAAI,WAAa,eAAiB,OAAO/B,EAAM,OAAU,WACnE,QAAQ,eAAe,yBAAyB,EAChD,QAAQ,IAAI,CACV,WAAA0B,EACA,gBAAAI,EACA,KAAAH,EACA,IAAAK,EACA,IAAAD,EACA,uBAAAF,CACF,CAAC,GAGH,QAASI,EAAIF,EAAKE,GAAKD,EAAKC,IAAK,CAC/B,IAAIC,EAASP,EAAK,MAAM,EAAGM,CAAC,EAAE,KAAKrC,CAAoB,EACnDI,EAAM,UACRkC,EAASC,EAAiBD,CAAM,GAElC,MAAME,EAAuB,CAAC,EAO9B,GANIF,GAAUA,IAAWJ,GACvBM,EAAW,KAAKF,CAAM,EAEpBV,GACFY,EAAW,QAAQF,EAAS,GAAGA,KAAUV,IAAaA,CAAQ,EAE5DS,IAAM,EAAG,CACX,MAAML,EAAcQ,EAAW,UAAWC,GAAM,CAACA,EAAE,SAAS,GAAG,CAAC,EAC5DT,EAAc,GAChBQ,EAAW,OAAOR,EAAa,EAAGJ,CAAQ,CAE9C,CACA,GAAIC,EAAe,CAEjB,GAAID,EAAU,CACZ,MAAMc,EAAkBJ,EAAO,MAAM,EAAGA,EAAO,QAAQtC,CAAoB,CAAC,EAC5EwC,EAAW,KAAK,GAAGE,KAAmBd,KAAYC,GAAe,CACnE,CACAW,EAAW,KAAK,GAAGF,KAAUT,GAAe,EACxCD,GACFY,EAAW,QAAQ,GAAGF,KAAUV,KAAYC,GAAe,CAE/D,CAEA,MAAMc,EAAQH,EAAW,KAAMI,GAAMA,KAAKlB,CAAM,EAMhD,GAJI,QAAQ,IAAI,WAAa,eAAiB,OAAOtB,EAAM,OAAU,UACnE,QAAQ,IAAI,MAAO,CAAE,MAAAuC,EAAO,WAAAH,CAAW,CAAC,EAGtCG,EAAO,CACThB,EAAS,CACP,KAAMgB,EACN,MAAO1C,EAAkByB,EAAOiB,CAAK,CAAC,EACtC,UAAWvB,EAAsBuB,EAAOvC,EAAM,OAAO,EACrD,WAAA0B,CACF,EACA,KACF,CACF,CAGA,OAAI,QAAQ,IAAI,WAAa,eAAiB,OAAO1B,EAAM,OAAU,WACnE,QAAQ,IAAI,CACV,OAAAuB,CACF,CAAC,EACD,QAAQ,MAAM,EACd,QAAQ,SAAS,GAGZA,CACT,CAEA,MAAMY,EAAoBM,GACjBA,EAAU,WAAW,OAAO,EAC/BA,EAAU,QAAQ,SAAU,MAAM,EAClCA,EAAU,QAAQ,QAAS,OAAO",
+  "names": ["getThemes", "getTokens", "THEME_CLASSNAME_PREFIX", "THEME_NAME_SEPARATOR", "getThemeUnwrapped", "emptyState", "hasNoThemeUpdatingProps", "props", "uid", "ThemeManager", "parentManager", "updatedState", "notify", "nextState", "state", "_", "getState", "_a", "key", "theme", "manager", "tokens", "cb", "getNextThemeClassName", "name", "isInverting", "next", "_b", "_c", "themes", "result", "nextName", "componentName", "parentName", "base", "lastSegment", "isParentComponentTheme", "parentBaseTheme", "max", "min", "i", "prefix", "inverseThemeName", "potentials", "x", "beforeSeparator", "found", "t", "themeName"]
 }

package/dist/esm/helpers/ThemeManager.mjs

@@ -1,212 +1,2 @@
-import { getThemes, getTokens } from "../config.js";
-import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from "../constants/constants.js";
-import { getThemeUnwrapped } from "../hooks/getThemeUnwrapped.js";
-const emptyState = { name: "" };
-function hasNoThemeUpdatingProps(props) {
-  return !(props.name || props.componentName || props.inverse || props.reset);
-}
-class ThemeManager {
-  constructor(props = {}, parentManager) {
-    this.props = props;
-    this.themeListeners = /* @__PURE__ */ new Set();
-    this.parentManager = null;
-    this.state = emptyState;
-    this._allKeys = null;
-    if (parentManager === "root") {
-      this.updateState(props, false);
-      return;
-    }
-    if (!parentManager) {
-      if (process.env.NODE_ENV !== "production") {
-        console.trace();
-        throw new Error(`No parent manager given`);
-      }
-      throw `\u274C`;
-    }
-    this.themeListeners = parentManager.themeListeners;
-    if (hasNoThemeUpdatingProps(props)) {
-      return parentManager;
-    }
-    if (parentManager) {
-      this.parentManager = parentManager;
-    }
-    const updatedState = this.getStateIfChanged(props);
-    if (updatedState) {
-      this.state = updatedState;
-      return;
-    }
-    return parentManager || this;
-  }
-  updateState(props = this.props || {}, notify = true) {
-    const shouldFlush = (() => {
-      if (props.forceTheme) {
-        this.state.theme = props.forceTheme;
-        this.state.name = props.name || "";
-        return true;
-      }
-      const nextState = this.getStateIfChanged(props);
-      if (nextState) {
-        this.state = nextState;
-        return true;
-      }
-    })();
-    if (shouldFlush) {
-      this._allKeys = null;
-      notify && this.notify();
-      return this.state;
-    }
-  }
-  getStateIfChanged(props = this.props, state = this.state, parentManager = this.parentManager) {
-    const _ = this.getState(props, parentManager);
-    if (state && state !== emptyState && !_) {
-      return parentManager == null ? void 0 : parentManager.state;
-    }
-    if (this.getStateShouldChange(_, state)) {
-      return _;
-    }
-  }
-  getStateShouldChange(nextState, state = this.state) {
-    if (!(nextState == null ? void 0 : nextState.theme) || nextState.theme === (state == null ? void 0 : state.theme)) {
-      return false;
-    }
-    return true;
-  }
-  getState(props = this.props, parentManager = this.parentManager) {
-    return getState(props, parentManager) || (process.env.TAMAGUI_TARGET === "native" ? (parentManager == null ? void 0 : parentManager.state) || null : null);
-  }
-  get allKeys() {
-    var _a;
-    this._allKeys ||= /* @__PURE__ */ new Set([
-      ...((_a = this.parentManager) == null ? void 0 : _a.allKeys) || [],
-      ...Object.keys(this.state.theme || {})
-    ]);
-    return this._allKeys;
-  }
-  // gets value going up to parents
-  getValue(key, state) {
-    if (!key)
-      return;
-    let theme = (state || this.state).theme;
-    let manager = this;
-    while (theme && manager) {
-      if (key in theme) {
-        return theme[key];
-      }
-      manager = manager.parentManager;
-      theme = manager == null ? void 0 : manager.state.theme;
-    }
-    const tokens = getTokens();
-    if (key in tokens.color) {
-      return tokens.color[key];
-    }
-  }
-  notify() {
-    this.themeListeners.forEach((cb) => cb(this.state.name, this));
-  }
-  onChangeTheme(cb) {
-    this.themeListeners.add(cb);
-    return () => {
-      this.themeListeners.delete(cb);
-    };
-  }
-}
-function getNextThemeClassName(name, isInverting = false) {
-  const next = `t_sub_theme ${THEME_CLASSNAME_PREFIX}${name}`;
-  if (isInverting) {
-    return next + // ensure you invert to base dark as well as specific dark
-    // ... logic should likely be elsewhere
-    (next.includes("dark_") ? ` t_dark` : next.includes("light_") ? ` t_light` : "");
-  }
-  return next.replace("light_", "").replace("dark_", "");
-}
-const cache = /* @__PURE__ */ new WeakMap();
-function getState(props, parentManager) {
-  var _a, _b, _c;
-  const cached = cache.get(props);
-  if (cached && cached[0] === parentManager) {
-    return cached[1];
-  }
-  const themes = getThemes();
-  if (props.name && props.reset) {
-    throw new Error("Cannot reset + set new name");
-  }
-  if (props.reset && !(parentManager == null ? void 0 : parentManager.parentManager)) {
-    console.warn("Cannot reset no grandparent exists");
-    return null;
-  }
-  let result = null;
-  const nextName = props.reset ? ((_b = (_a = parentManager == null ? void 0 : parentManager.parentManager) == null ? void 0 : _a.state) == null ? void 0 : _b.name) || "" : props.name || "";
-  const { componentName } = props;
-  const parentName = ((_c = parentManager == null ? void 0 : parentManager.state) == null ? void 0 : _c.name) || "";
-  const base = parentName.split(THEME_NAME_SEPARATOR);
-  const lastSegment = base[base.length - 1];
-  const isParentAComponentTheme = parentName && lastSegment[0].toUpperCase() === lastSegment[0];
-  if (isParentAComponentTheme) {
-    base.pop();
-  }
-  const parentBaseTheme = isParentAComponentTheme ? base.slice(0, base.length).join(THEME_NAME_SEPARATOR) : parentName;
-  const max = base.length;
-  const min = componentName && !nextName ? max : 0;
-  if (process.env.NODE_ENV === "development" && props.debug === "verbose")
-    [console.groupCollapsed("ThemeManager.getState()", props, { parentName, parentBaseTheme, base, min, max, isParentAComponentTheme }), console.trace(), console.groupEnd()];
-  for (let i = max; i >= min; i--) {
-    let prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR);
-    if (props.inverse) {
-      prefix = inverseThemeName(prefix);
-    }
-    const potentials = [];
-    if (prefix && prefix !== parentBaseTheme) {
-      potentials.push(prefix);
-    }
-    if (nextName) {
-      potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName);
-    }
-    if (i === 1) {
-      const lastSegment2 = potentials.findIndex((x) => !x.includes("_"));
-      if (lastSegment2 > 0) {
-        potentials.splice(lastSegment2, 0, nextName);
-      }
-    }
-    if (componentName) {
-      if (nextName) {
-        potentials.push(
-          `${prefix.slice(
-            0,
-            prefix.indexOf(THEME_NAME_SEPARATOR)
-          )}_${nextName}_${componentName}`
-        );
-      }
-      potentials.push(`${prefix}_${componentName}`);
-      if (nextName) {
-        potentials.unshift(`${prefix}_${nextName}_${componentName}`);
-      }
-    }
-    const found = potentials.find((t) => t in themes);
-    if (process.env.NODE_ENV === "development" && props.debug === "verbose")
-      console.log("getState found", found, "from", potentials, "parentName", parentName);
-    if (found) {
-      if (found === parentName) {
-        break;
-      }
-      result = {
-        name: found,
-        theme: getThemeUnwrapped(themes[found]),
-        className: getNextThemeClassName(found, props.inverse),
-        parentName
-      };
-      break;
-    }
-  }
-  if (parentManager) {
-    cache.set(props, [parentManager, result]);
-  }
-  return result;
-}
-const inverseThemeName = (themeName) => {
-  return themeName.startsWith("light") ? themeName.replace(/^light/, "dark") : themeName.replace(/^dark/, "light");
-};
-export {
-  ThemeManager,
-  hasNoThemeUpdatingProps
-};
+import{getThemes as C,getTokens as P}from"../config.js";import{THEME_CLASSNAME_PREFIX as $,THEME_NAME_SEPARATOR as f}from"../constants/constants.js";import{getThemeUnwrapped as w}from"../hooks/getThemeUnwrapped.js";const v={name:""};function b(s){return!(s.name||s.componentName||s.inverse||s.reset)}let A=0;class U{constructor(e={},t){this.props=e;this.id=A++;this.themeListeners=new Set;this.parentManager=null;this.state=v;this._allKeys=null;if(t==="root"){this.updateState(e,!1);return}if(!t)throw process.env.NODE_ENV!=="production"?new Error("No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions."):"\u274C";if(b(e))return t;t&&(this.parentManager=t);const i=this.getStateIfChanged(e);if(i){this.state=i;return}return t||this}updateState(e=this.props||{},t=!0){if((()=>{if(e.forceTheme)return this.state.theme=e.forceTheme,this.state.name=e.name||"",!0;const n=this.getStateIfChanged(e);if(n)return this.props=e,this.state=n,!0})())return this._allKeys=null,t&&this.notify(),this.state}getStateIfChanged(e=this.props,t=this.state,i=this.parentManager){const n=this.getState(e,i);if(t&&t!==v&&!n)return i==null?void 0:i.state;if(this.getStateShouldChange(n,t))return n}getStateShouldChange(e,t=this.state){return!(!(e!=null&&e.theme)||e.theme===(t==null?void 0:t.theme))}getState(e=this.props,t=this.parentManager){return x(e,t)||process.env.TAMAGUI_TARGET==="native"&&(t==null?void 0:t.state)||null}get allKeys(){var e;return this._allKeys||=new Set([...((e=this.parentManager)==null?void 0:e.allKeys)||[],...Object.keys(this.state.theme||{})]),this._allKeys}getValue(e,t){if(!e)return;let i=(t||this.state).theme,n=this;for(;i&&n;){if(e in i)return i[e];n=n.parentManager,i=n==null?void 0:n.state.theme}const h=P();if(e in h.color)return h.color[e]}notify(){this.themeListeners.forEach(e=>e(this.state.name,this))}onChangeTheme(e){return this.themeListeners.add(e),()=>{this.themeListeners.delete(e)}}}function k(s,e=!1){const t=`t_sub_theme ${$}${s}`;return e?t+(t.includes("dark_")?" t_dark":t.includes("light_")?" t_light":""):t.replace("light_","").replace("dark_","")}function x(s,e){var E,N,p;const t=C();if(s.name&&s.reset)throw new Error("Cannot reset + set new name");if(s.reset&&!(e!=null&&e.parentManager))return process.env.NODE_ENV==="development"&&console.warn("Cannot reset no grandparent exists"),null;let i=null;const n=s.reset?((N=(E=e==null?void 0:e.parentManager)==null?void 0:E.state)==null?void 0:N.name)||"":s.name||"",{componentName:h}=s,a=((p=e==null?void 0:e.state)==null?void 0:p.name)||"",o=a.split(f),T=o[o.length-1],g=a&&T[0].toUpperCase()===T[0];g&&o.pop();const S=g?o.slice(0,o.length).join(f):a,d=o.length,_=h&&!n?d:0;process.env.NODE_ENV==="development"&&typeof s.debug=="string"&&(console.groupCollapsed("ThemeManager.getState()"),console.log({parentName:a,parentBaseTheme:S,base:o,min:_,max:d,isParentComponentTheme:g}));for(let c=d;c>=_;c--){let l=o.slice(0,c).join(f);s.inverse&&(l=L(l));const r=[];if(l&&l!==S&&r.push(l),n&&r.unshift(l?`${l}_${n}`:n),c===1){const m=r.findIndex(y=>!y.includes("_"));m>0&&r.splice(m,0,n)}if(h){if(n){const m=l.slice(0,l.indexOf(f));r.push(`${m}_${n}_${h}`)}r.push(`${l}_${h}`),n&&r.unshift(`${l}_${n}_${h}`)}const u=r.find(m=>m in t);if(process.env.NODE_ENV==="development"&&typeof s.debug=="string"&&console.log(" - ",{found:u,potentials:r}),u){i={name:u,theme:w(t[u]),className:k(u,s.inverse),parentName:a};break}}return process.env.NODE_ENV==="development"&&typeof s.debug=="string"&&(console.log({result:i}),console.trace(),console.groupEnd()),i}const L=s=>s.startsWith("light")?s.replace(/^light/,"dark"):s.replace(/^dark/,"light");export{U as ThemeManager,b as hasNoThemeUpdatingProps};
 //# sourceMappingURL=ThemeManager.mjs.map

package/dist/esm/helpers/ThemeManager.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/ThemeManager.tsx"],
-  "sourcesContent": ["import { getThemes, getTokens } from '../config.js'\nimport { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants.js'\nimport { getThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'\nimport { ThemeParsed, ThemeProps } from '../types.js'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport type SetActiveThemeProps = {\n  className?: string\n  parentManager?: ThemeManager | null\n  name?: string | null\n  theme?: any\n  reset?: boolean\n}\n\nexport type ThemeManagerState = {\n  name: string\n  theme?: ThemeParsed | null\n  className?: string\n  parentName?: string\n}\n\nconst emptyState: ThemeManagerState = { name: '' }\n\nexport function hasNoThemeUpdatingProps(props: ThemeProps) {\n  return !(props.name || props.componentName || props.inverse || props.reset)\n}\n\nexport class ThemeManager {\n  themeListeners = new Set<ThemeListener>()\n  parentManager: ThemeManager | null = null\n  state: ThemeManagerState = emptyState\n\n  constructor(\n    public props: ThemeProps = {},\n    parentManager?: ThemeManager | 'root' | null | undefined\n  ) {\n    if (parentManager === 'root') {\n      this.updateState(props, false)\n      return\n    }\n    if (!parentManager) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.trace()\n        throw new Error(`No parent manager given`)\n      }\n      throw `\u274C`\n    }\n    // copy over listeners\n    this.themeListeners = parentManager.themeListeners\n\n    // no change no props\n    if (hasNoThemeUpdatingProps(props)) {\n      return parentManager\n    }\n    if (parentManager) {\n      this.parentManager = parentManager\n    }\n    const updatedState = this.getStateIfChanged(props)\n    if (updatedState) {\n      this.state = updatedState\n      return\n    }\n    return parentManager || this\n  }\n\n  updateState(\n    props: ThemeProps & { forceTheme?: ThemeParsed } = this.props || {},\n    notify = true\n  ) {\n    const shouldFlush = (() => {\n      if (props.forceTheme) {\n        this.state.theme = props.forceTheme\n        this.state.name = props.name || ''\n        return true\n      }\n      const nextState = this.getStateIfChanged(props)\n      if (nextState) {\n        this.state = nextState\n        return true\n      }\n    })()\n    if (shouldFlush) {\n      // reset any derived state\n      this._allKeys = null\n      notify && this.notify()\n      return this.state\n    }\n  }\n\n  getStateIfChanged(\n    props = this.props,\n    state: ThemeManagerState | null = this.state,\n    parentManager = this.parentManager\n  ) {\n    const _ = this.getState(props, parentManager)\n    // is removing\n    if (state && state !== emptyState && !_) {\n      return parentManager?.state\n    }\n    if (this.getStateShouldChange(_, state)) {\n      return _\n    }\n  }\n\n  getStateShouldChange(\n    nextState: ThemeManagerState | null,\n    state: ThemeManagerState | null = this.state\n  ) {\n    if (!nextState?.theme || nextState.theme === state?.theme) {\n      return false\n    }\n    return true\n  }\n\n  getState(props = this.props, parentManager = this.parentManager) {\n    return (\n      getState(props, parentManager) ||\n      (process.env.TAMAGUI_TARGET === 'native' ? parentManager?.state || null : null)\n    )\n  }\n\n  _allKeys: Set<string> | null = null\n  get allKeys() {\n    this._allKeys ||= new Set([\n      ...(this.parentManager?.allKeys || []),\n      ...Object.keys(this.state.theme || {}),\n    ])\n    return this._allKeys\n  }\n\n  // gets value going up to parents\n  getValue(key: string, state?: ThemeManagerState) {\n    if (!key) return\n    let theme = (state || this.state).theme\n    let manager = this as ThemeManager | null\n    while (theme && manager) {\n      if (key in theme) {\n        return theme[key]\n      }\n      manager = manager.parentManager\n      theme = manager?.state.theme\n    }\n    const tokens = getTokens()\n    if (key in tokens.color) {\n      return tokens.color[key]\n    }\n  }\n\n  notify() {\n    this.themeListeners.forEach((cb) => cb(this.state.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n}\n\nfunction getNextThemeClassName(name: string, isInverting = false) {\n  const next = `t_sub_theme ${THEME_CLASSNAME_PREFIX}${name}`\n  if (isInverting) {\n    return (\n      next +\n      // ensure you invert to base dark as well as specific dark\n      // ... logic should likely be elsewhere\n      (next.includes('dark_') ? ` t_dark` : next.includes('light_') ? ` t_light` : '')\n    )\n  }\n  return next.replace('light_', '').replace('dark_', '')\n}\n\nconst cache = new WeakMap<ThemeProps, [ThemeManager, ThemeManagerState | null]>()\n\nfunction getState(\n  props: ThemeProps,\n  parentManager?: ThemeManager | null\n): ThemeManagerState | null {\n  const cached = cache.get(props)\n  if (cached && cached[0] === parentManager) {\n    return cached[1]\n  }\n\n  const themes = getThemes()\n\n  if (props.name && props.reset) {\n    throw new Error('Cannot reset + set new name')\n  }\n  if (props.reset && !parentManager?.parentManager) {\n    console.warn('Cannot reset no grandparent exists')\n    return null\n  }\n\n  let result: ThemeManagerState | null = null\n\n  const nextName = props.reset\n    ? parentManager?.parentManager?.state?.name || ''\n    : props.name || ''\n  const { componentName } = props\n  const parentName = parentManager?.state?.name || ''\n\n  // components look for most specific, fallback upwards\n  const base = parentName.split(THEME_NAME_SEPARATOR)\n  const lastSegment = base[base.length - 1]\n  const isParentAComponentTheme =\n    parentName && lastSegment[0].toUpperCase() === lastSegment[0]\n  if (isParentAComponentTheme) {\n    base.pop() // always remove componentName they can't nest\n  }\n  const parentBaseTheme = isParentAComponentTheme\n    ? base.slice(0, base.length).join(THEME_NAME_SEPARATOR)\n    : parentName\n  const max = base.length\n  const min =\n    componentName && !nextName\n      ? max // component name only don't search upwards\n      : 0\n\n  // prettier-ignore\n  // eslint-disable-next-line no-console\n  if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') [ console.groupCollapsed('ThemeManager.getState()', props, { parentName,   parentBaseTheme,   base,   min,   max,   isParentAComponentTheme }), console.trace(), console.groupEnd() ]\n\n  for (let i = max; i >= min; i--) {\n    let prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR)\n    if (props.inverse) {\n      prefix = inverseThemeName(prefix)\n    }\n    const potentials: string[] = []\n    if (prefix && prefix !== parentBaseTheme) {\n      potentials.push(prefix)\n    }\n    if (nextName) {\n      potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName)\n    }\n    if (i === 1) {\n      const lastSegment = potentials.findIndex((x) => !x.includes('_'))\n      if (lastSegment > 0) {\n        potentials.splice(lastSegment, 0, nextName) // last try prefer our new name to parent\n      }\n    }\n    if (componentName) {\n      // components only look for component themes\n      if (nextName) {\n        potentials.push(\n          `${prefix.slice(\n            0,\n            prefix.indexOf(THEME_NAME_SEPARATOR)\n          )}_${nextName}_${componentName}`\n        )\n      }\n      potentials.push(`${prefix}_${componentName}`)\n      if (nextName) {\n        potentials.unshift(`${prefix}_${nextName}_${componentName}`)\n      }\n    }\n\n    const found = potentials.find((t) => t in themes)\n\n    // eslint-disable-next-line no-console\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose')\n      console.log('getState found', found, 'from', potentials, 'parentName', parentName)\n\n    if (found) {\n      // optimization return null if not changed\n      if (found === parentName) {\n        break\n      }\n      result = {\n        name: found,\n        theme: getThemeUnwrapped(themes[found]),\n        className: getNextThemeClassName(found, props.inverse),\n        parentName,\n      }\n      break\n    }\n  }\n\n  if (parentManager) {\n    cache.set(props, [parentManager, result])\n  }\n\n  return result\n}\n\nconst inverseThemeName = (themeName: string) => {\n  return themeName.startsWith('light')\n    ? themeName.replace(/^light/, 'dark')\n    : themeName.replace(/^dark/, 'light')\n}\n"],
-  "mappings": "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",
-  "names": ["lastSegment"]
+  "sourcesContent": ["import { getThemes, getTokens } from '../config.js'\nimport { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants.js'\nimport { getThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'\nimport { ThemeParsed, ThemeProps } from '../types.js'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport type SetActiveThemeProps = {\n  className?: string\n  parentManager?: ThemeManager | null\n  name?: string | null\n  theme?: any\n  reset?: boolean\n}\n\nexport type ThemeManagerState = {\n  name: string\n  theme?: ThemeParsed | null\n  className?: string\n  parentName?: string\n}\n\nconst emptyState: ThemeManagerState = { name: '' }\n\nexport function hasNoThemeUpdatingProps(props: ThemeProps) {\n  return !(props.name || props.componentName || props.inverse || props.reset)\n}\n\nlet uid = 0\n\nexport class ThemeManager {\n  id = uid++\n  themeListeners = new Set<ThemeListener>()\n  parentManager: ThemeManager | null = null\n  state: ThemeManagerState = emptyState\n\n  constructor(\n    public props: ThemeProps = {},\n    parentManager?: ThemeManager | 'root' | null | undefined\n  ) {\n    if (parentManager === 'root') {\n      this.updateState(props, false)\n      return\n    }\n    if (!parentManager) {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error(\n          `No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions.`\n        )\n      }\n      throw `\u274C`\n    }\n\n    // no change no props\n    if (hasNoThemeUpdatingProps(props)) {\n      return parentManager\n    }\n\n    if (parentManager) {\n      this.parentManager = parentManager\n    }\n\n    const updatedState = this.getStateIfChanged(props)\n    if (updatedState) {\n      this.state = updatedState\n      return\n    }\n\n    return parentManager || this\n  }\n\n  updateState(\n    props: ThemeProps & { forceTheme?: ThemeParsed } = this.props || {},\n    notify = true\n  ) {\n    const shouldFlush = (() => {\n      if (props.forceTheme) {\n        this.state.theme = props.forceTheme\n        this.state.name = props.name || ''\n        return true\n      }\n      const nextState = this.getStateIfChanged(props)\n      if (nextState) {\n        this.props = props\n        this.state = nextState\n        return true\n      }\n    })()\n    if (shouldFlush) {\n      // reset any derived state\n      this._allKeys = null\n      notify && this.notify()\n      return this.state\n    }\n  }\n\n  getStateIfChanged(\n    props = this.props,\n    state: ThemeManagerState | null = this.state,\n    parentManager = this.parentManager\n  ) {\n    const _ = this.getState(props, parentManager)\n    // is removing\n    if (state && state !== emptyState && !_) {\n      return parentManager?.state\n    }\n    if (this.getStateShouldChange(_, state)) {\n      return _\n    }\n  }\n\n  getStateShouldChange(\n    nextState: ThemeManagerState | null,\n    state: ThemeManagerState | null = this.state\n  ) {\n    if (!nextState?.theme || nextState.theme === state?.theme) {\n      return false\n    }\n    return true\n  }\n\n  getState(props = this.props, parentManager = this.parentManager) {\n    return (\n      getState(props, parentManager) ||\n      (process.env.TAMAGUI_TARGET === 'native' ? parentManager?.state || null : null)\n    )\n  }\n\n  _allKeys: Set<string> | null = null\n  get allKeys() {\n    this._allKeys ||= new Set([\n      ...(this.parentManager?.allKeys || []),\n      ...Object.keys(this.state.theme || {}),\n    ])\n    return this._allKeys\n  }\n\n  // gets value going up to parents\n  getValue(key: string, state?: ThemeManagerState) {\n    if (!key) return\n    let theme = (state || this.state).theme\n    let manager = this as ThemeManager | null\n    while (theme && manager) {\n      if (key in theme) {\n        return theme[key]\n      }\n      manager = manager.parentManager\n      theme = manager?.state.theme\n    }\n    const tokens = getTokens()\n    if (key in tokens.color) {\n      return tokens.color[key]\n    }\n  }\n\n  notify() {\n    this.themeListeners.forEach((cb) => cb(this.state.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n}\n\nfunction getNextThemeClassName(name: string, isInverting = false) {\n  const next = `t_sub_theme ${THEME_CLASSNAME_PREFIX}${name}`\n  if (isInverting) {\n    return (\n      next +\n      // ensure you invert to base dark as well as specific dark\n      // ... logic should likely be elsewhere\n      (next.includes('dark_') ? ` t_dark` : next.includes('light_') ? ` t_light` : '')\n    )\n  }\n  return next.replace('light_', '').replace('dark_', '')\n}\n\nfunction getState(\n  props: ThemeProps,\n  parentManager?: ThemeManager | null\n): ThemeManagerState | null {\n  const themes = getThemes()\n\n  if (props.name && props.reset) {\n    throw new Error('Cannot reset + set new name')\n  }\n\n  if (props.reset && !parentManager?.parentManager) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('Cannot reset no grandparent exists')\n    }\n    return null\n  }\n\n  let result: ThemeManagerState | null = null\n\n  const nextName = props.reset\n    ? parentManager?.parentManager?.state?.name || ''\n    : props.name || ''\n  const { componentName } = props\n  const parentName = parentManager?.state?.name || ''\n\n  // components look for most specific, fallback upwards\n  const base = parentName.split(THEME_NAME_SEPARATOR)\n  const lastSegment = base[base.length - 1]\n  const isParentComponentTheme =\n    parentName && lastSegment[0].toUpperCase() === lastSegment[0]\n  if (isParentComponentTheme) {\n    base.pop() // always remove componentName they can't nest\n  }\n  const parentBaseTheme = isParentComponentTheme\n    ? base.slice(0, base.length).join(THEME_NAME_SEPARATOR)\n    : parentName\n  const max = base.length\n  const min =\n    componentName && !nextName\n      ? max // component name only don't search upwards\n      : 0\n\n  // eslint-disable-next-line no-console\n  if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {\n    console.groupCollapsed('ThemeManager.getState()')\n    console.log({\n      parentName,\n      parentBaseTheme,\n      base,\n      min,\n      max,\n      isParentComponentTheme,\n    })\n  }\n\n  for (let i = max; i >= min; i--) {\n    let prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR)\n    if (props.inverse) {\n      prefix = inverseThemeName(prefix)\n    }\n    const potentials: string[] = []\n    if (prefix && prefix !== parentBaseTheme) {\n      potentials.push(prefix)\n    }\n    if (nextName) {\n      potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName)\n    }\n    if (i === 1) {\n      const lastSegment = potentials.findIndex((x) => !x.includes('_'))\n      if (lastSegment > 0) {\n        potentials.splice(lastSegment, 0, nextName) // last try prefer our new name to parent\n      }\n    }\n    if (componentName) {\n      // components only look for component themes\n      if (nextName) {\n        const beforeSeparator = prefix.slice(0, prefix.indexOf(THEME_NAME_SEPARATOR))\n        potentials.push(`${beforeSeparator}_${nextName}_${componentName}`)\n      }\n      potentials.push(`${prefix}_${componentName}`)\n      if (nextName) {\n        potentials.unshift(`${prefix}_${nextName}_${componentName}`)\n      }\n    }\n\n    const found = potentials.find((t) => t in themes)\n\n    if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {\n      console.log(' - ', { found, potentials })\n    }\n\n    if (found) {\n      result = {\n        name: found,\n        theme: getThemeUnwrapped(themes[found]),\n        className: getNextThemeClassName(found, props.inverse),\n        parentName,\n      }\n      break\n    }\n  }\n\n  // eslint-disable-next-line no-console\n  if (process.env.NODE_ENV === 'development' && typeof props.debug === 'string') {\n    console.log({\n      result,\n    })\n    console.trace()\n    console.groupEnd()\n  }\n\n  return result\n}\n\nconst inverseThemeName = (themeName: string) => {\n  return themeName.startsWith('light')\n    ? themeName.replace(/^light/, 'dark')\n    : themeName.replace(/^dark/, 'light')\n}\n"],
+  "mappings": "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",
+  "names": ["getThemes", "getTokens", "THEME_CLASSNAME_PREFIX", "THEME_NAME_SEPARATOR", "getThemeUnwrapped", "emptyState", "hasNoThemeUpdatingProps", "props", "uid", "ThemeManager", "parentManager", "updatedState", "notify", "nextState", "state", "_", "getState", "_a", "key", "theme", "manager", "tokens", "cb", "getNextThemeClassName", "name", "isInverting", "next", "_b", "_c", "themes", "result", "nextName", "componentName", "parentName", "base", "lastSegment", "isParentComponentTheme", "parentBaseTheme", "max", "min", "i", "prefix", "inverseThemeName", "potentials", "x", "beforeSeparator", "found", "t", "themeName"]
 }

package/dist/esm/helpers/ThemeManagerContext.js

@@ -1,6 +1,2 @@
-import { createContext } from "react";
-const ThemeManagerContext = createContext(null);
-export {
-  ThemeManagerContext
-};
+import{createContext as e}from"react";const o=e(null);export{o as ThemeManagerContext};
 //# sourceMappingURL=ThemeManagerContext.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/ThemeManagerContext.tsx"],
   "sourcesContent": ["import { createContext } from 'react'\n\nimport { ThemeManager } from './ThemeManager.js'\n\nexport const ThemeManagerContext = createContext<ThemeManager | null>(null)\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,sBAAsB,cAAmC,IAAI;",
-  "names": []
+  "mappings": "AAAA,OAAS,iBAAAA,MAAqB,QAIvB,MAAMC,EAAsBD,EAAmC,IAAI",
+  "names": ["createContext", "ThemeManagerContext"]
 }

package/dist/esm/helpers/ThemeManagerContext.mjs

@@ -1,6 +1,2 @@
-import { createContext } from "react";
-const ThemeManagerContext = createContext(null);
-export {
-  ThemeManagerContext
-};
+import{createContext as e}from"react";const o=e(null);export{o as ThemeManagerContext};
 //# sourceMappingURL=ThemeManagerContext.mjs.map

package/dist/esm/helpers/ThemeManagerContext.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/ThemeManagerContext.tsx"],
   "sourcesContent": ["import { createContext } from 'react'\n\nimport { ThemeManager } from './ThemeManager.js'\n\nexport const ThemeManagerContext = createContext<ThemeManager | null>(null)\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,sBAAsB,cAAmC,IAAI;",
-  "names": []
+  "mappings": "AAAA,OAAS,iBAAAA,MAAqB,QAIvB,MAAMC,EAAsBD,EAAmC,IAAI",
+  "names": ["createContext", "ThemeManagerContext"]
 }

package/dist/esm/helpers/createMediaStyle.js

@@ -1,42 +1,2 @@
-import { mediaObjectToString } from "../hooks/useMedia.js";
-const MEDIA_SEP = "_";
-let prefixes = null;
-let selectors = null;
-const createMediaStyle = ({ property, identifier, rules }, mediaKey, mediaQueries, negate) => {
-  if (!(prefixes && selectors)) {
-    const mediaKeys = Object.keys(mediaQueries);
-    prefixes = Object.fromEntries(
-      mediaKeys.map((key, index) => [key, new Array(index + 1).fill(":root").join("")])
-    );
-    selectors = Object.fromEntries(
-      mediaKeys.map((key) => [key, mediaObjectToString(mediaQueries[key])])
-    );
-  }
-  const precendencePrefix = prefixes[mediaKey];
-  const mediaSelector = selectors[mediaKey];
-  const negKey = negate ? "0" : "";
-  const ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1);
-  const nextIdentifier = `${identifier.replace(
-    ogPrefix,
-    `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`
-  )}`;
-  const screenStr = negate ? "not all and" : "";
-  const mediaQuery = `${screenStr} ${mediaSelector}`;
-  const styleInner = rules.map((rule) => rule.replace(identifier, nextIdentifier)).join(";");
-  let styleRule = "";
-  if (styleInner.includes("@media")) {
-    styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
-  } else {
-    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`;
-  }
-  return {
-    property,
-    rules: [styleRule],
-    identifier: nextIdentifier
-  };
-};
-export {
-  MEDIA_SEP,
-  createMediaStyle
-};
+import{mediaObjectToString as O}from"../hooks/useMedia.js";const $="_";let l=null,o=null;const M=({property:j,identifier:e,rules:y},n,i,a)=>{if(!(l&&o)){const t=Object.keys(i);l=Object.fromEntries(t.map((r,b)=>[r,new Array(b+1).fill(":root").join("")])),o=Object.fromEntries(t.map(r=>[r,O(i[r])]))}const f=l[n],u=o[n],S=a?"0":"",d=e.slice(0,e.indexOf("-")+1),p=`${e.replace(d,`${d}${$}${n}${S}${$}`)}`,m=`${a?"not all and":""} ${u}`,s=y.map(t=>t.replace(e,p)).join(";");let c="";return s.includes("@media")?c=s.replace("{",` and ${m} {`):c=`@media ${m} { ${f} ${s} }`,{property:j,rules:[c],identifier:p}};export{$ as MEDIA_SEP,M as createMediaStyle};
 //# sourceMappingURL=createMediaStyle.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/createMediaStyle.ts"],
   "sourcesContent": ["import { mediaObjectToString } from '../hooks/useMedia.js'\nimport type { MediaQueries, MediaStyleObject, StyleObject } from '../types.js'\n\n// TODO have this be used by extractMediaStyle in tamagui static\n// not synced to static/constants for now\nexport const MEDIA_SEP = '_'\n\nlet prefixes: Record<string, string> | null = null\nlet selectors: Record<string, string> | null = null\n\nexport const createMediaStyle = (\n  { property, identifier, rules }: StyleObject,\n  mediaKey: string,\n  mediaQueries: MediaQueries,\n  negate?: boolean\n): MediaStyleObject => {\n  if (!(prefixes && selectors)) {\n    // TODO move this into useMedia calc once there and unify w getMediaImportance\n    const mediaKeys = Object.keys(mediaQueries)\n    prefixes = Object.fromEntries(\n      mediaKeys.map((key, index) => [key, new Array(index + 1).fill(':root').join('')])\n    )\n    selectors = Object.fromEntries(\n      mediaKeys.map((key) => [key, mediaObjectToString(mediaQueries[key])])\n    )\n  }\n  const precendencePrefix = prefixes[mediaKey]\n  const mediaSelector = selectors[mediaKey]\n  const negKey = negate ? '0' : ''\n  const ogPrefix = identifier.slice(0, identifier.indexOf('-') + 1)\n  const nextIdentifier = `${identifier.replace(\n    ogPrefix,\n    `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`\n  )}`\n  const screenStr = negate ? 'not all and' : ''\n  const mediaQuery = `${screenStr} ${mediaSelector}`\n  const styleInner = rules\n    .map((rule) => rule.replace(identifier, nextIdentifier))\n    .join(';')\n  // combines media queries if they already exist\n  let styleRule = ''\n  if (styleInner.includes('@media')) {\n    // combine\n    styleRule = styleInner.replace('{', ` and ${mediaQuery} {`)\n  } else {\n    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`\n  }\n  return {\n    property,\n    rules: [styleRule],\n    identifier: nextIdentifier,\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,2BAA2B;AAK7B,MAAM,YAAY;AAEzB,IAAI,WAA0C;AAC9C,IAAI,YAA2C;AAExC,MAAM,mBAAmB,CAC9B,EAAE,UAAU,YAAY,MAAM,GAC9B,UACA,cACA,WACqB;AACrB,MAAI,EAAE,YAAY,YAAY;AAE5B,UAAM,YAAY,OAAO,KAAK,YAAY;AAC1C,eAAW,OAAO;AAAA,MAChB,UAAU,IAAI,CAAC,KAAK,UAAU,CAAC,KAAK,IAAI,MAAM,QAAQ,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;AAAA,IAClF;AACA,gBAAY,OAAO;AAAA,MACjB,UAAU,IAAI,CAAC,QAAQ,CAAC,KAAK,oBAAoB,aAAa,GAAG,CAAC,CAAC,CAAC;AAAA,IACtE;AAAA,EACF;AACA,QAAM,oBAAoB,SAAS,QAAQ;AAC3C,QAAM,gBAAgB,UAAU,QAAQ;AACxC,QAAM,SAAS,SAAS,MAAM;AAC9B,QAAM,WAAW,WAAW,MAAM,GAAG,WAAW,QAAQ,GAAG,IAAI,CAAC;AAChE,QAAM,iBAAiB,GAAG,WAAW;AAAA,IACnC;AAAA,IACA,GAAG,WAAW,YAAY,WAAW,SAAS;AAAA,EAChD;AACA,QAAM,YAAY,SAAS,gBAAgB;AAC3C,QAAM,aAAa,GAAG,aAAa;AACnC,QAAM,aAAa,MAChB,IAAI,CAAC,SAAS,KAAK,QAAQ,YAAY,cAAc,CAAC,EACtD,KAAK,GAAG;AAEX,MAAI,YAAY;AAChB,MAAI,WAAW,SAAS,QAAQ,GAAG;AAEjC,gBAAY,WAAW,QAAQ,KAAK,QAAQ,cAAc;AAAA,EAC5D,OAAO;AACL,gBAAY,UAAU,gBAAgB,qBAAqB;AAAA,EAC7D;AACA,SAAO;AAAA,IACL;AAAA,IACA,OAAO,CAAC,SAAS;AAAA,IACjB,YAAY;AAAA,EACd;AACF;",
-  "names": []
+  "mappings": "AAAA,OAAS,uBAAAA,MAA2B,uBAK7B,MAAMC,EAAY,IAEzB,IAAIC,EAA0C,KAC1CC,EAA2C,KAExC,MAAMC,EAAmB,CAC9B,CAAE,SAAAC,EAAU,WAAAC,EAAY,MAAAC,CAAM,EAC9BC,EACAC,EACAC,IACqB,CACrB,GAAI,EAAER,GAAYC,GAAY,CAE5B,MAAMQ,EAAY,OAAO,KAAKF,CAAY,EAC1CP,EAAW,OAAO,YAChBS,EAAU,IAAI,CAACC,EAAKC,IAAU,CAACD,EAAK,IAAI,MAAMC,EAAQ,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAClF,EACAV,EAAY,OAAO,YACjBQ,EAAU,IAAKC,GAAQ,CAACA,EAAKZ,EAAoBS,EAAaG,CAAG,CAAC,CAAC,CAAC,CACtE,CACF,CACA,MAAME,EAAoBZ,EAASM,CAAQ,EACrCO,EAAgBZ,EAAUK,CAAQ,EAClCQ,EAASN,EAAS,IAAM,GACxBO,EAAWX,EAAW,MAAM,EAAGA,EAAW,QAAQ,GAAG,EAAI,CAAC,EAC1DY,EAAiB,GAAGZ,EAAW,QACnCW,EACA,GAAGA,IAAWhB,IAAYO,IAAWQ,IAASf,GAChD,IAEMkB,EAAa,GADDT,EAAS,cAAgB,MACRK,IAC7BK,EAAab,EAChB,IAAKc,GAASA,EAAK,QAAQf,EAAYY,CAAc,CAAC,EACtD,KAAK,GAAG,EAEX,IAAII,EAAY,GAChB,OAAIF,EAAW,SAAS,QAAQ,EAE9BE,EAAYF,EAAW,QAAQ,IAAK,QAAQD,KAAc,EAE1DG,EAAY,UAAUH,OAAgBL,KAAqBM,MAEtD,CACL,SAAAf,EACA,MAAO,CAACiB,CAAS,EACjB,WAAYJ,CACd,CACF",
+  "names": ["mediaObjectToString", "MEDIA_SEP", "prefixes", "selectors", "createMediaStyle", "property", "identifier", "rules", "mediaKey", "mediaQueries", "negate", "mediaKeys", "key", "index", "precendencePrefix", "mediaSelector", "negKey", "ogPrefix", "nextIdentifier", "mediaQuery", "styleInner", "rule", "styleRule"]
 }

package/dist/esm/helpers/createMediaStyle.mjs

@@ -1,42 +1,2 @@
-import { mediaObjectToString } from "../hooks/useMedia.js";
-const MEDIA_SEP = "_";
-let prefixes = null;
-let selectors = null;
-const createMediaStyle = ({ property, identifier, rules }, mediaKey, mediaQueries, negate) => {
-  if (!(prefixes && selectors)) {
-    const mediaKeys = Object.keys(mediaQueries);
-    prefixes = Object.fromEntries(
-      mediaKeys.map((key, index) => [key, new Array(index + 1).fill(":root").join("")])
-    );
-    selectors = Object.fromEntries(
-      mediaKeys.map((key) => [key, mediaObjectToString(mediaQueries[key])])
-    );
-  }
-  const precendencePrefix = prefixes[mediaKey];
-  const mediaSelector = selectors[mediaKey];
-  const negKey = negate ? "0" : "";
-  const ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1);
-  const nextIdentifier = `${identifier.replace(
-    ogPrefix,
-    `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`
-  )}`;
-  const screenStr = negate ? "not all and" : "";
-  const mediaQuery = `${screenStr} ${mediaSelector}`;
-  const styleInner = rules.map((rule) => rule.replace(identifier, nextIdentifier)).join(";");
-  let styleRule = "";
-  if (styleInner.includes("@media")) {
-    styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
-  } else {
-    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`;
-  }
-  return {
-    property,
-    rules: [styleRule],
-    identifier: nextIdentifier
-  };
-};
-export {
-  MEDIA_SEP,
-  createMediaStyle
-};
+import{mediaObjectToString as O}from"../hooks/useMedia.js";const $="_";let l=null,o=null;const M=({property:j,identifier:e,rules:y},n,i,a)=>{if(!(l&&o)){const t=Object.keys(i);l=Object.fromEntries(t.map((r,b)=>[r,new Array(b+1).fill(":root").join("")])),o=Object.fromEntries(t.map(r=>[r,O(i[r])]))}const f=l[n],u=o[n],S=a?"0":"",d=e.slice(0,e.indexOf("-")+1),p=`${e.replace(d,`${d}${$}${n}${S}${$}`)}`,m=`${a?"not all and":""} ${u}`,s=y.map(t=>t.replace(e,p)).join(";");let c="";return s.includes("@media")?c=s.replace("{",` and ${m} {`):c=`@media ${m} { ${f} ${s} }`,{property:j,rules:[c],identifier:p}};export{$ as MEDIA_SEP,M as createMediaStyle};
 //# sourceMappingURL=createMediaStyle.mjs.map

package/dist/esm/helpers/createMediaStyle.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/createMediaStyle.ts"],
   "sourcesContent": ["import { mediaObjectToString } from '../hooks/useMedia.js'\nimport type { MediaQueries, MediaStyleObject, StyleObject } from '../types.js'\n\n// TODO have this be used by extractMediaStyle in tamagui static\n// not synced to static/constants for now\nexport const MEDIA_SEP = '_'\n\nlet prefixes: Record<string, string> | null = null\nlet selectors: Record<string, string> | null = null\n\nexport const createMediaStyle = (\n  { property, identifier, rules }: StyleObject,\n  mediaKey: string,\n  mediaQueries: MediaQueries,\n  negate?: boolean\n): MediaStyleObject => {\n  if (!(prefixes && selectors)) {\n    // TODO move this into useMedia calc once there and unify w getMediaImportance\n    const mediaKeys = Object.keys(mediaQueries)\n    prefixes = Object.fromEntries(\n      mediaKeys.map((key, index) => [key, new Array(index + 1).fill(':root').join('')])\n    )\n    selectors = Object.fromEntries(\n      mediaKeys.map((key) => [key, mediaObjectToString(mediaQueries[key])])\n    )\n  }\n  const precendencePrefix = prefixes[mediaKey]\n  const mediaSelector = selectors[mediaKey]\n  const negKey = negate ? '0' : ''\n  const ogPrefix = identifier.slice(0, identifier.indexOf('-') + 1)\n  const nextIdentifier = `${identifier.replace(\n    ogPrefix,\n    `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`\n  )}`\n  const screenStr = negate ? 'not all and' : ''\n  const mediaQuery = `${screenStr} ${mediaSelector}`\n  const styleInner = rules\n    .map((rule) => rule.replace(identifier, nextIdentifier))\n    .join(';')\n  // combines media queries if they already exist\n  let styleRule = ''\n  if (styleInner.includes('@media')) {\n    // combine\n    styleRule = styleInner.replace('{', ` and ${mediaQuery} {`)\n  } else {\n    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`\n  }\n  return {\n    property,\n    rules: [styleRule],\n    identifier: nextIdentifier,\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,2BAA2B;AAK7B,MAAM,YAAY;AAEzB,IAAI,WAA0C;AAC9C,IAAI,YAA2C;AAExC,MAAM,mBAAmB,CAC9B,EAAE,UAAU,YAAY,MAAM,GAC9B,UACA,cACA,WACqB;AACrB,MAAI,EAAE,YAAY,YAAY;AAE5B,UAAM,YAAY,OAAO,KAAK,YAAY;AAC1C,eAAW,OAAO;AAAA,MAChB,UAAU,IAAI,CAAC,KAAK,UAAU,CAAC,KAAK,IAAI,MAAM,QAAQ,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;AAAA,IAClF;AACA,gBAAY,OAAO;AAAA,MACjB,UAAU,IAAI,CAAC,QAAQ,CAAC,KAAK,oBAAoB,aAAa,GAAG,CAAC,CAAC,CAAC;AAAA,IACtE;AAAA,EACF;AACA,QAAM,oBAAoB,SAAS,QAAQ;AAC3C,QAAM,gBAAgB,UAAU,QAAQ;AACxC,QAAM,SAAS,SAAS,MAAM;AAC9B,QAAM,WAAW,WAAW,MAAM,GAAG,WAAW,QAAQ,GAAG,IAAI,CAAC;AAChE,QAAM,iBAAiB,GAAG,WAAW;AAAA,IACnC;AAAA,IACA,GAAG,WAAW,YAAY,WAAW,SAAS;AAAA,EAChD;AACA,QAAM,YAAY,SAAS,gBAAgB;AAC3C,QAAM,aAAa,GAAG,aAAa;AACnC,QAAM,aAAa,MAChB,IAAI,CAAC,SAAS,KAAK,QAAQ,YAAY,cAAc,CAAC,EACtD,KAAK,GAAG;AAEX,MAAI,YAAY;AAChB,MAAI,WAAW,SAAS,QAAQ,GAAG;AAEjC,gBAAY,WAAW,QAAQ,KAAK,QAAQ,cAAc;AAAA,EAC5D,OAAO;AACL,gBAAY,UAAU,gBAAgB,qBAAqB;AAAA,EAC7D;AACA,SAAO;AAAA,IACL;AAAA,IACA,OAAO,CAAC,SAAS;AAAA,IACjB,YAAY;AAAA,EACd;AACF;",
-  "names": []
+  "mappings": "AAAA,OAAS,uBAAAA,MAA2B,uBAK7B,MAAMC,EAAY,IAEzB,IAAIC,EAA0C,KAC1CC,EAA2C,KAExC,MAAMC,EAAmB,CAC9B,CAAE,SAAAC,EAAU,WAAAC,EAAY,MAAAC,CAAM,EAC9BC,EACAC,EACAC,IACqB,CACrB,GAAI,EAAER,GAAYC,GAAY,CAE5B,MAAMQ,EAAY,OAAO,KAAKF,CAAY,EAC1CP,EAAW,OAAO,YAChBS,EAAU,IAAI,CAACC,EAAKC,IAAU,CAACD,EAAK,IAAI,MAAMC,EAAQ,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAClF,EACAV,EAAY,OAAO,YACjBQ,EAAU,IAAKC,GAAQ,CAACA,EAAKZ,EAAoBS,EAAaG,CAAG,CAAC,CAAC,CAAC,CACtE,CACF,CACA,MAAME,EAAoBZ,EAASM,CAAQ,EACrCO,EAAgBZ,EAAUK,CAAQ,EAClCQ,EAASN,EAAS,IAAM,GACxBO,EAAWX,EAAW,MAAM,EAAGA,EAAW,QAAQ,GAAG,EAAI,CAAC,EAC1DY,EAAiB,GAAGZ,EAAW,QACnCW,EACA,GAAGA,IAAWhB,IAAYO,IAAWQ,IAASf,GAChD,IAEMkB,EAAa,GADDT,EAAS,cAAgB,MACRK,IAC7BK,EAAab,EAChB,IAAKc,GAASA,EAAK,QAAQf,EAAYY,CAAc,CAAC,EACtD,KAAK,GAAG,EAEX,IAAII,EAAY,GAChB,OAAIF,EAAW,SAAS,QAAQ,EAE9BE,EAAYF,EAAW,QAAQ,IAAK,QAAQD,KAAc,EAE1DG,EAAY,UAAUH,OAAgBL,KAAqBM,MAEtD,CACL,SAAAf,EACA,MAAO,CAACiB,CAAS,EACjB,WAAYJ,CACd,CACF",
+  "names": ["mediaObjectToString", "MEDIA_SEP", "prefixes", "selectors", "createMediaStyle", "property", "identifier", "rules", "mediaKey", "mediaQueries", "negate", "mediaKeys", "key", "index", "precendencePrefix", "mediaSelector", "negKey", "ogPrefix", "nextIdentifier", "mediaQuery", "styleInner", "rule", "styleRule"]
 }