@radix-ui/themes/src/helpers/is-responsive-object.ts

[](https://radix-ui.com/themes)

import { breakpoints } from '../props/prop-def.js';

import type { Responsive, Breakpoint } from '../props/prop-def.js';

export function isResponsiveObject<Value extends string>(
  obj: Responsive<Value | Omit<string, Value>> | undefined,
): obj is Record<Breakpoint, string> {
  return (
    typeof obj === 'object' &&
    obj !== null &&
    Object.keys(obj).some((key) => {
      return breakpoints.has(key as any);
    })
  );
}